/* ------------------------------------------------- *
 *        Floor
 * ------------------------------------------------- */

#mainArea {
	position: relative;
	width: 100%;
	height:293px;
	background: url(../images/bg_main.jpg) no-repeat top center;
	background-size: cover;
}

.pankuzu, .pankuzu a{
	color: #FFF; }


/* contents */
	
.con1 {
	width:100%;}

.con1_imgarea1 {
	width:100%;}
.con1_imgarea1 li {
	display:inline-block;}
.con1_imgarea2 {
	width:100%;
	margin-top: -5px;}
.con1_imgarea3 {
	width:100%;
	margin-top: -5px;}
.con1_imgarea3 li {
	display:inline-block;}

.con2 {
	width:100%;
	}
.con2_img1 {
	display:inline-block;
	float:left;}
.con2_img2 {
	display:inline-block;
	float:right;}
.con2_img1 img {
	}
.con2_img2 img {
	}


.con3 {
	width:100%;
	overflow:hidden;}
h3.slidettl {
	width:100%;
	background:#A5B5CD;
	height:109px;}
h3.slidettl img {
	text-align:center;
	margin-top:45px;}

@media only screen and (max-width: 640px) {

#mainArea {
	position: relative;
	width: 100%;
	height:180px;
	background: url(../images/bg_main.jpg) no-repeat top center;
	background-size: cover;
}
	
	h3.subttl img{
		width:100%;}
	
	/* contents */
	
	.con1 {
		width: 100%;
		margin-right:auto;
		margin-left:auto;
		text-align: center;}

	.con1_imgarea1 {
		width:100%;}
	.con1_imgarea1 li {
		width:32%;
		display:inline-block;}
	.con1_imgarea2 {
		width:100%;
		margin-top: -1.5%;}
	.con1_imgarea3 {
		width:100%;
		margin-top: -1.5%;}
	.con1_imgarea3 li {
		width:32%;
		display:inline-block;}

	.con2 {
		width:100%;
		}
	.con2_img1 {
		margin:0 auto 40px;
		display:block;
		float:none;}
	.con2_img2 {
		margin:0 auto;
		display:block;
		float:none;}
		
		
	.con3 {
		width:100%;
		overflow:hidden;}
	h3.slidettl {
		width:100%;
		background:#A5B5CD;
		height:50px;}
	h3.slidettl img {
		width:100%;
		text-align:center;
		margin-top:18px;}	
	.con3 h3.slidettl img {
		width:90%;
		text-align:center;
		margin-top:18px;}	
}



/* zone */

.zone .con1 {
	width:100%;
	padding:25px 0;
	background:#F4F6F9;}
.zone .con1 ul li {
	display:inline-block;
	margin-right:6px;}
.zone .con1 li.last {
	margin-right:0;}

.zone .ttlarea {
	padding:20px 0;}

.zone .mainimg {
	margin:30px auto 39px;
	vertical-align:bottom;}
.zone .subimg {
	margin:0 auto 58px;
	vertical-align:bottom;}




@media only screen and (max-width: 640px) {

.zone .con1 {
	width:100%;
	padding:25px 0;
	background:#F4F6F9;
	margin:0 auto;}
.zone .con1 li {
	width:48%;
	margin-right:1%;}
.zone .con1 li img {
	width:100%;}
.zone .con1 li.sp_last {
	margin-right:0;}
.zone .con1 li.last {
	margin-right:0;}
	
.zone .ttlarea {
	width:100%;}

.zone .mainimg {
	margin:8% auto 13%;
	vertical-align:bottom;}
.zone .subimg {
	width:90%;
	margin:0 auto 58px;
	vertical-align:bottom;}

}