@charset "utf-8";
/* lp用*/



.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}

.cB{clear:both;}

.w840{width:840px; margin:0 auto;}

.sp_none{display:block;}
.pc_none{display:none;}

.lp div#container{
	font-size:13px;
	line-height:1.5;
	background:url(../img/bg.gif);
}
.wrapper{
	width:100%;
	max-width:980px;
	margin:0 auto;
}
.main{
	background:url(../img/bg_main.jpg) repeat-x center top;
	margin-bottom:15px;
	line-height:0;
}
.film{
	background:url(../img/bg_film.gif) repeat-x center top;
	padding:32px 0;
	min-height:130px;
}
.film h3{
	color:#6E260C;
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
}
.photo{
	max-width:867px;
	margin:0px auto;
	text-align:center;
	padding-bottom:20px;
}
.block01{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	-webkit-box-shadow: 6px 6px 0px #CCCCCC;
	box-shadow: 6px 6px 0px #CCCCCC;
	border-left:#FF8A15 10px solid;
	border-right:#FF8A15 10px solid;
	border-bottom:#FF8A15 10px solid;
	background:#FFF;
}
.block01 h2{
	width:997px;
	position:relative;
	margin-left:-27px;
}

.leftbox{
	float:left;
	padding:0px 0px 10px 15px;
}
.rightbox{
	float:right;
	padding:0px 15px 10px 0px;
}


.block02{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	-webkit-box-shadow: 6px 6px 0px #CCCCCC;
	box-shadow: 6px 6px 0px #CCCCCC;
	border:#89C997 10px solid;
	background:#FFF;
	position:relative;
}

.block02 h3{
	width:265px;
	position:absolute;
	left:-60px;
	top:-30px;
}

.aL{
	padding-left:170px;
	padding-bottom:20px;
	margin-top:30px;
}

.block03{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	-webkit-box-shadow: 6px 6px 0px #CCCCCC;
	box-shadow: 6px 6px 0px #CCCCCC;
	border:#B4AAD5 10px solid;
	background:#FFF;
	position:relative;
}

.block03 h3{
	width:265px;
	position:absolute;
	left:-60px;
	top:-30px;
}


.block04{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	-webkit-box-shadow: 6px 6px 0px #CCCCCC;
	box-shadow: 6px 6px 0px #CCCCCC;
	border:#974B00 10px solid;
	background:#FFF;
	position:relative;
}

.block04 h3{
	width:265px;
	position:absolute;
	left:-60px;
	top:-30px;
}

.block05{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	-webkit-box-shadow: 6px 6px 0px #CCCCCC;
	box-shadow: 6px 6px 0px #CCCCCC;
	border:#306CA9 10px solid;
	background:#FFF;
	position:relative;
}

.block05 h3{
	width:265px;
	position:absolute;
	left:-60px;
	top:-30px;
}

.block06{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	-webkit-box-shadow: 6px 6px 0px #CCCCCC;
	box-shadow: 6px 6px 0px #CCCCCC;
	border-left:#F58A6B 10px solid;
	border-right:#F58A6B 10px solid;
	border-bottom:#F58A6B 10px solid;
	background:#FFF;
}
.block06 h2{
	width:997px;
	position:relative;
	margin-left:-27px;
}


.photoList{
	line-height:0;
	width:840px;
	margin:0 auto;
}
.photoList li{
	width:270px;
	float:left;
	margin:0 15px 15px 0;
}
.photoList li span{
	line-height:1.5;
	display:block;
	margin-top:5px;
}

div#pageBottom{
	background-color:transparent;
	width:980px;
	margin:10px auto 40px;
}

.check{
	width:980px;
	box-sizing:border-box;
	border:#B20000 4px solid;
	padding:5px;
	background:#FFF;
	margin:0 auto 15px;
}
.check .inner{
	border:#B20000 1px solid;
	padding:25px 15px 25px 135px;
	background:url(../img/check.gif) no-repeat 15px center;
	line-height:1;
	font-size:17px;
	
}


@media screen and (min-width: 641px) and (max-width: 800px) {
/* タブレット時表示 */

#pageBottom{display:none;}

.sp_none{display:none;}
.pc_none{display:block;}

.film {
	padding:20px;
	margin-bottom:15px;
	background:none;
}

.photo {
	box-sizing:border-box;
}

.block01{
	border-top:#FF8A15 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block02{
	border-top:#89C997 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block02 h3{
	width:265px;
	position:absolute;
	left:-20px;
	top:-30px;
}

.block03{
	border-top:#B4AAD5 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block03 h3{
	width:265px;
	position:absolute;
	left:-20px;
	top:-30px;
}

.block04{
	border-top:#974B00 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block04 h3{
	width:265px;
	position:absolute;
	left:-20px;
	top:-30px;
}

.block05{
	border-top:#306CA9 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block05 h3{
	width:265px;
	position:absolute;
	left:-20px;
	top:-30px;
}

.block06{
	border-top:#F58A6B 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}


.leftbox{
	float:none;
	width:100%;
	padding:0px 0px 10px 0px;
}

.rightbox{
	float:none;
	width:100%;
	padding:0px 0px 10px 0px;
}

.block01 h2{
	width:100%;
	margin:0;
}

.block06 h2{
	width:100%;
	margin:0;
}


.photoList{width:100%;}
.photoList li{
	float:none;
	width:60%;
	margin:0 auto 10px !important;
	padding-left:0;
}
.photoList li img{
}


.check{
	width:100%;
}

.aL{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	margin-top:92px;
}

}




@media screen and (max-width: 640px) {
/* スマホ時表示 */

#pageBottom{display:none;}

.sp_none{display:none;}
.pc_none{display:block;}

.film {
	padding:20px;
	margin-bottom:15px;
	background:none;
}

.block01{
	border-top:#FF8A15 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.photo {
	box-sizing:border-box;
}

.block02{
	border-top:#89C997 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}


.leftbox{
	float:none;
	width:100%;
	padding:0px 0px 10px 0px;
}

.rightbox{
	float:none;
	width:100%;
	padding:0px 0px 10px 0px;
}

.block01 h2{
	width:100%;
	margin:0;
}

.block02 h3{
	width:265px;
	position:absolute;
	left:-20px;
	top:-30px;
}

.block02 h2{
	width:100%;
	margin:0;
}

.block03{
	border-top:#B4AAD5 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block03 h3{
	width:265px;
	position:absolute;
	left:-20px;
	top:-30px;
}

.block03 h2{
	width:100%;
	margin:0;
}

.block04{
	border-top:#974B00 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block04 h3{
	width:265px;
	position:absolute;
	left:-20px;
	top:-30px;
}

.block04 h2{
	width:100%;
	margin:0;
}

.block05{
	border-top:#306CA9 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block05 h3{
	width:265px;
	position:absolute;
	left:-20px;
	top:-30px;
}

.block05 h2{
	width:100%;
	margin:0;
}

.block06{
	border-top:#F58A6B 10px solid;
	box-sizing:border-box;
	box-shadow:none;
}

.block06 h2{
	width:100%;
	margin:0;
}



.photoList{width:100%;}
.photoList li{
	float:none;
	width:80%;
	margin:0 auto 10px !important;
	padding-left:0;
}
.photoList li img{
	width:100%;
}

.check{
	width:100%;
}

.aL{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:92px;
}
}