@charset "utf-8";
/* CSS Document */
body{ line-height:150%}
	.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
	* html .clearfix { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */
	.snsBlock{ text-align:right}
 	.wrap{ width:980px; margin:0 auto; clear:both; overflow:hidden}
	.wrap02{ width:960px; margin:0 auto; clear:both;background:rgba(255,255,255,.75); padding:10px}
	.wrap03{ width:980px; margin:0 auto; clear:both; overflow:hidden}

.head{ background:rgba(255,255,255,.75)}
.bcL{   font-size:12px}
.bcL li{ float:left}


h3{background:url("../img/h3Icon.png") no-repeat left 5px center; border-bottom:1px dotted #ffb6b6; padding:5px 0 5px 35px; margin-bottom:10px}
	.headCon{ background:url("../img/bg01.png") repeat center center #ffb6b6; height:350px}	
	.headConInn{ background:url("../img/headBear.png") no-repeat center right #ffb6b6; height:350px}		
	.headConInn02{ background:url("../img/bg02.png") repeat center center; height:350px}	
	
	
	.firstSection{ text-align:center; margin:50px auto; width:96%}
	.firstSection p span{ font-weight:700; background:#ffb6b6; margin:0 2px}
	.halfBlock{ width:48%; margin:0 auto; float:left}
	.halfBlock img{ width:96%; margin:0 2%}
	.secondSection .halfBlock p{ padding:10px}
		.secondSection p span{ font-weight:700; background:#ffb6b6; margin:0 2px}

	
	
	.thirdSection p{ padding:10px; color:#333}
	.thirdSection p span{ font-weight:700; background:#ffb6b6}
	.btnJoin{ margin:40px auto 100px  auto; width:350px; text-align:center}
	.btnJoin a{ width:100%; display:block;padding:30px 0;font-size:18px; font-weight:700; color:#fff; background:rgba(49,216,0,1.00)}
	
	
	
	.footer{ background:url("../img/bg01.png") repeat center center #ffb6b6; text-align:center}
	.footer ul{ width:50%; margin:20px auto; height:10px}
	.footer ul li{ float:left; font-size:11px; width:33%; border-right:1px solid #ececec; line-height:100%}
	.footer ul li a{ display:block}
	.footer ul li:last-child{ border-right:none}
	.footerCaution{ font-size:11px; clear:both}
	.footerCopy{ font-size:10px; padding:20px 0}
	.blockDescriptionB div.blockDescription04{ float:right}
	.blockDescriptionB  .blockDescription03 .puItem .hide .materialIcon span{ margin-bottom:30px}
	.blockDescriptionB  .blockDescription03 .puItem .hide .termsTitle{ margin-top:30px}
	.catPuTermsList{ margin-top:30px}
	
	.snsBox{ width:100%}
	.snsBox div.fb-like{ float:right; margin-left:5px; display:block}
	.snsBox div.twitterBox{ float:right; display:block}
	
	
	
@media screen and (max-width: 980px){	
	body{ width:100%; }
	body{overflow-x:hidden; position:relative}
	.wrap{ width:98%; margin:0 1%}
	.wrap02{ width:100%; padding:10px 0}
	.wrap03{ width:100%; margin:0}

	.snsBox{ height:30px}
	

	
}
@media screen  and (max-width: 900px) {
	h1 img{ width:100%}
	h2 img{ width:100%}
	
	.headCon{ background:url("../img/bg01.png") repeat center center #ffb6b6; height:300px}	
	.headConInn{ background:url("../img/headBear.png") no-repeat center right #ffb6b6; height:300px}		
	.headConInn02{ background:url("../img/bg02.png") repeat center center; height:300px}	
	
	
}



/*iPadAir iPadmini*/
@media screen  and (max-width: 768px) {
	
		.headCon{ background:url("../img/bg01.png") repeat center center #ffb6b6; height:250px}	
	.headConInn{ background:url("../img/headBear.png") no-repeat center right #ffb6b6; height:250px}		
	.headConInn02{ background:url("../img/bg02.png") repeat center center; height:250px}	


}


@media screen  and (max-width: 675px) {
		.halfBlock{ width:98%; margin:0 auto; float:left}
		.thirdSection{ margin-top:30px}
		
		.headCon{ background:url("../img/bg01.png") repeat center center #ffb6b6; height:230px}	
	.headConInn{ background:url("../img/headBear.png") no-repeat center right #ffb6b6; height:230px}		
	.headConInn02{ background:url("../img/bg02.png") repeat center center; height:230px}	
	
}


/**/
@media screen  and (max-width: 580px) {

}
/*iPhone6Plus*/
@media screen  and (max-width: 414px) {

}
@media screen  and (max-width: 413px) {

}
/*iPhone6*/
@media screen  and (max-width: 375px) {
			.headCon{ background:url("../img/bg01.png") repeat center center #ffb6b6; height:210px}	
	.headConInn{ background:url("../img/headBear.png") no-repeat center right #ffb6b6; height:210px; background-size:300px}		
	.headConInn02{ background:url("../img/bg02.png") repeat center center; height:210px}	


}
@media screen  and (max-width: 374px) {

}
/*iPhone3G-5s*/
@media screen  and (max-width: 320px) {

}