@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
.mainVisual {
	padding-top: 59px;
	position: relative;
	min-height: 940px;
	box-sizing: border-box;
	background: url(../img/index/main_visual_bg.png) no-repeat center top;
	background-size: cover;
}

.mainVisual .logo {
	padding-left: 1px;
	float: left;
}

.mainVisual h2 {
	padding: 5px 1px 0 0;
	float: right;
}

#main .sec01 {
	margin-top: -90px;
	padding: 98px 0 40px;
	background: url(../img/index/bg01.jpg) repeat left top;
}

#main .sec01 h3 {
	margin-bottom: 22px;
	text-align: center;
	color:#fff;
	font-size:26px;
	letter-spacing:1px;
	font-weight:normal;
	font-family: "Sawarabi Mincho";
}

#main .sec01 .newsBox {
	margin: 0 auto;
	padding: 23px 20px;
	min-height: 225px;
	width: 480px;
	box-sizing: border-box;
	border: 1px solid #fff;
}

#main .sec01 .newsBox li {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	line-height: 1.8;
	text-decoration: none;
}

#main .sec02 {
	padding: 196px 0 87px;
	display: block;
	text-decoration: none;
	background: url(../img/index/bg02.jpg) no-repeat center top;
	background-size: cover;
}

#main .sec02 .rBox {
	width: 510px;
	float: right;
}

#main .sec02 .rBox h3 {
	margin-bottom: 6px;
}

#main .sec02 .rBox p {
	color: #fff;
	font-size: 18px;
	line-height: 2;
}

#main .line01 {
	height: 15px;
	background: url(../img/index/bg05.jpg) repeat-x left top;
	background-size: auto 100%;
}

#main .sec03 {
	padding: 205px 0 52px;
	display: block;
	text-decoration: none;
	background: url(../img/index/bg03.jpg) no-repeat center top;
	background-size: cover;
}

#main .sec03 .lBox {
	width: 510px;
	float: left;
}

#main .sec03 .lBox h3 {
	margin-bottom: 15px;
}

#main .sec03 .lBox p {
	color: #fff;
	font-size: 18px;
	line-height: 1.84;
}

#main .line02 {
	height: 15px;
	background: url(../img/index/bg06.jpg) repeat-x left top;
	background-size: auto 100%;
}

#main .sec04 {
	padding: 83px 0 103px;
	background: url(../img/index/bg04.jpg) no-repeat center top;
	background-size: cover;
}

#main .sec04 h3 {
	margin-bottom: 52px;
	text-align: center;
}

#main .sec04 h3 .text {
	margin-top: 24px;
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}

#main .sec04 .msgList {
	margin: -30px 0 0;
}

#main .sec04 .msgList li {
	margin: 30px 30px 0 0;
	width: 320px;
	float: left;
}

#main .sec04 .msgList li:nth-child(3n) {
	margin-right: 0;
}

#main .sec04 .msgList li {
	display: block;
	text-decoration: none;
	background-color: #fff;
}

#main .sec04 .msgList li span {
	display: block;
}

#main .sec04 .msgList li .text {
	padding: 10px 18px 10px 25px;
	width: 100%;
	display: table;
	height: 100px;
	table-layout: fixed;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 20px;
	box-sizing: border-box;
}

#main .sec04 .msgList .special .text {
	font-size: 24px;
}

#main .sec04 .msgList li .text .ttl {
	width: 70%;
	display: table-cell;
	text-align: left;
	line-height: 1.15;
	vertical-align: middle;
}

#main .sec04 .msgList li .text .priceTxt {
	width: auto;
	display: table-cell;
	font-size: 20px;
	text-align: right;
	word-break: break-all;
	vertical-align: middle;
}

#main .sec04 .msgList .liStyle .text .priceTxt {
	width: 45%;
	font-size: 16px;
}

#main .sec05 {
	padding: 93px 0 122px;
	background-color: #151515;
}

#main .sec05 h3 {
	margin-bottom: 76px;
	text-align: center;
}

#main .sec05 .phoList li{
	display: block;
}

#main .sec06 {
	padding: 109px 0 67px;
	background: url(../img/index/bg01.jpg) repeat left top;
}

#main .sec06 h3 {
	margin-bottom: 16px;
	text-align: center;
}

#main .sec06 .ttlBox {
	margin-bottom: 31px;
	padding: 0 40px;
	position: relative;
}

#main .sec06 .ttlBox .title .pho {
	margin-right: 30px;
	display: inline-block;
	vertical-align: middle;
}

#main .sec06 .ttlBox .title .text {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 2.1;
	vertical-align: middle;
}

#main .sec06 .ttlBox .link {
	position: absolute;
	right: 40px;
	top: 28px;
}

#main .sec06 .ttlBox .link a {
	display: block;
}

#main .sec06 .ttlBox .link a:hover {
	opacity: 0.7;
}

#main .sec06 .phoList li {
	margin: 20px 20px 0 0;
	float: left;
	width:140px;
}
#main .sec06 .phoList li img{
	width:100%;
	height:auto;
}

#main .sec06 .phoList li:nth-child(6n) {
	margin-right: 0;
}

#main .sec06 .phoList li a {
	display: block;
}

#main .sec06 .phoList li a:hover {
	opacity: 0.7;
}

#main .sec06 .phoList {
	margin-top: -20px;
	padding: 0 40px;
}

#main .map {
	height: 389px;
}

#main .map iframe {
	width: 100%;
	height: 100%;
}

#main .btmBox {
	padding: 42px 0 38px;
	background: url(../img/index/bg01.jpg) repeat left top;
}

#main .btmBox p {
	color: #fff;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 14px;
	line-height: 2.57;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.mainVisual {
		padding-top: 30px;
		min-height: 320px;
	}
		
	.mainVisual .logo {
		padding-left: 0;
	}
	
	.mainVisual .logo a img {
		width: 78px;
	}
	
	.mainVisual h2 {
		padding: 0;
	}
	
	.mainVisual h2 img {
		width: 73px;
	}
	
	#main .sec01 {
		margin-top: -38px;
		padding: 45px 0 20px;
		background-size: 225px 225px;
	}
		
	#main .sec01 h3 {
		margin-bottom: 20px;
		font-size:16px;
	}
	
	#main .sec01 .newsBox {
		padding: 15px 10px;
		min-height: 180px;
		width: auto;
	}
	
	#main .sec01 .newsBox li {
		font-size: 13px;
		line-height: 1.7;
	}
	
	#main .sec02 {
		padding: 30px 0;
		background: url(../img/index/bg02.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .sec02 .rBox {
		width: auto;
		float: none;
	}
		
	#main .sec02 .rBox h3 {
		margin-bottom: 15px;
		text-align: center;
	}
		
	#main .sec02 .rBox h3 img {
		width: 208px;
	}
	
	#main .sec02 .rBox p {
		font-size: 14px;
		line-height: 1.8;
		text-shadow: 2px 2px 2px #000, -2px -2px 2px #000;
	}
		
	#main .line01 {
		height: 7px;
		background-size: auto 7px;
	}
	
	#main .sec03 {
		padding: 30px 0;
		background: url(../img/index/bg03.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .sec03 .lBox {
		width: auto;
		float: none;
	}
	
	#main .sec03 .lBox h3 {
		margin-bottom: 15px;
		text-align: center;
	}
	
	#main .sec03 .lBox h3 img {
		width: 230px;
	}
	
	#main .sec03 .lBox p {
		font-size: 14px;
		line-height: 1.8;
		text-shadow: 2px 2px 2px #000, -2px -2px 2px #000;
	}
	
	#main .line02 {
		height: 7px;
		background-size: auto 7px;
	}

	#main .sec04 {
		padding: 30px 0;
		background: url(../img/index/bg04.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .sec04 h3 {
		margin-bottom: 15px;
	}
	
	#main .sec04 h3 img {
		width: 117px;
	}
	
	#main .sec04 h3 .text {
		margin-top: 10px;
		font-size: 14px;
	}
		
	#main .sec04 .msgList {
		margin: -15px 0 0;
	}
	
	#main .sec04 .msgList li {
		margin: 15px 0 0;
		width: 48.5%;
	}
	
	#main .sec04 .msgList li {
		padding-bottom: 34px;
		position: relative;
	}
	
	#main .sec04 .msgList li:nth-child(2n) {
		float: right;
	}
	
	#main .sec04 .msgList li .pho img {
		width: 100%;
	}
	
	#main .sec04 .msgList li .text {
		padding: 10px;
		height: auto;
		font-size: 15px;
	}
		
	#main .sec04 .msgList .special .text {
		font-size: 15px;
	}
	
	#main .sec04 .msgList li .text .ttl {
		width: auto;
		display: block;
	}
	
	#main .sec04 .msgList li .text .priceTxt {
		width: auto;
		position: absolute;
		right: 10px;
		bottom: 10px;
		display: block;
		font-size: 15px;
		line-height: 1.2;
	}
	
	#main .sec04 .msgList .liStyle {
		padding-bottom: 64px; 
	}
	
	#main .sec04 .msgList .liStyle .text .priceTxt {
		width: auto;
		font-size: 15px;
	}
	
	#main .sec05 {
		padding: 30px 0;
	}
		
	#main .sec05 h3 {
		margin-bottom: 15px;
	}
	
	#main .sec05 h3 img {
		width: 135px;
	}
	
	#main .sec05 .phoList li {
		width: 240px;
	}
	
	#main .sec05 .phoList li img {
		width: 100%;
	}
	
	#main .sec06 {
		padding: 30px 0;
		background-size: 225px 225px;
	}
	
	#main .sec06 h3 {
		margin-bottom: 15px;
	}
	
	#main .sec06 h3 img {
		width: 138px;
	}
	
	#main .sec06 .ttlBox {
		margin-bottom: 15px;
		padding: 0 10px;
	}
	
	#main .sec06 .ttlBox .title .pho {
		margin-right: 10px;
	}
	
	#main .sec06 .ttlBox .title .pho img {
		width: 40px;
	}
	
	#main .sec06 .ttlBox .title .text {
		line-height: 1.5;
	}
	
	#main .sec06 .ttlBox .link {
		right: 10px;
		top: 15px;
	}
	
	#main .sec06 .ttlBox .link a img {
		width: 100px;
	}

	#main .sec06 .phoList li {
		margin: 15px 0 0;
		width: 48%;
	}
	
	#main .sec06 .phoList li:nth-child(2n) {
		float: right;
	}
	
	#main .sec06 .phoList li img {
		width: 100%;
	}
	
	#main .sec06 .phoList {
		margin-top: -15px;
		padding: 0;
	}
		
	#main .map {
		height: 250px;
	}
		
	#main .btmBox {
		padding: 25px 0;
		background-size: 225px 225px;
	}
		
	#main .btmBox p {
		font-size: 14px;
		line-height: 1.8;
	}
}