.sp {display: none;}
.pc {display: block;}

@media screen and (max-width: 736px) {	
body {font-size: 80%;-webkit-text-size-adjust: 100%;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;}
#mainCont {width: 100%;margin: 0;clear: both;}
#mainCont img { width: 100%; }
.sp {display: block;}
.pc {display: none;}

#mainCont {position: relative;}
#mainCont .R_logo{width: 30%;position: absolute;top: -30px;right: 3%;}
#mainCont h3{font-size: 1.3rem;line-height: 1.4;padding-bottom: 15px;}
#mainCont p{font-size: 1.0rem;line-height: 1.6;}
#mainCont p.cau{font-size: 0.8rem;line-height: 1.6;color: #666;padding-top: 10px;}

#mainCont .textarea_A {width: 94%;padding: 30px 3% 30px 3%;}
#mainCont .textarea_B {width: 94%;padding: 100px 3% 30px 3%;background-size:contain;}
#mainCont .textarea_B .fR {float: right;width: 100%;}
#mainCont .textarea_C {width: 94%;padding: 30px 3% 30px 3%;background-size:contain;}
#mainCont .textarea_C .fL {float: left;width: 50%;}
#mainCont .textarea_D {width: 94%;padding: 80px 3% 30px 3%;background-size:contain;}
#mainCont .textarea_D .fR {float: right;width: 100%;}
#mainCont .textarea_E {width: 94%;padding: 30px 3% 30px 3%;}
#mainCont .textarea_E p{font-size: 1.0rem;line-height: 1.6;}

#mainCont .select {width: 94%;padding: 20px 3% 0px 3%;}
#mainCont .select p {font-size: 1.0rem;}
#mainCont .select p.fL {display: none;}
#mainCont .select p.fC {width: 100%;font-size: 1.2rem;}
#mainCont .select p.fR {display: none;}

#mainCont .select.head{width: 100%;padding: 20px 0px 0px 0px;}
#mainCont .select.head p.fC {width: 100%;padding-bottom: 8px;padding-top: 10px;}

}

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