.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;width: 94%;padding: 0px 3% 15px 3%;}
#mainCont p{font-size: 1.0rem;line-height: 1.6;width: 94%;padding: 0px 3% 30px 3%;}

#mainCont p.lead01{padding-bottom: 30px;}
#mainCont p.lead02{padding-bottom: 30px;}
#mainCont p span.cau{font-size: 0.8rem;line-height: 1.6;padding-top: 10px;}
#mainCont .textarea_A {padding-top: 30px;}
#mainCont .textarea_B {padding-top: 30px;}
#mainCont .fR {float: none;width: 100%;padding: 0px 0px 30px 0px;}
#mainCont .fR img {padding-top: 1px;}

#mainCont .select {width: 94%;padding: 30px 3% 0px 3%;}
#mainCont .select p {font-size: 1.2rem;}
#mainCont .select p.fL {width: 33%;padding-left: 0px;}
#mainCont .select p.fC {width: 34%;font-size: 1.2rem;}
#mainCont .select p.fR {width: 33%;padding-right: 0px;}
}

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