@charset "utf-8";

/**---- main ----**/
#CCBASE .mvarea {position: relative;margin:1em 0 0;background-image:url("../img/bg_main.png");background-repeat:no-repeat;background-size:cover;background-position:left top;}
#CCBASE .mvarea:before {content:"";display: block;padding-top:59.39553219448095%;}
#CCBASE .mvarea p{position: absolute;margin:0;padding:0;width:100%;text-align:center;top:0;font-size:1.6rem;font-weight:bold;color:#255905;}
#CCBASE .mvarea p:before {content:"";display: block;padding-top:9%;}

/**---- bg-icon ----**/
#CCBASE .bgicon {background-repeat:no-repeat;background-position:left top;}
#CCBASE .feto {padding:16px 0 0 110px;min-height:100px;background-size:100px 100px;}
#CCBASE .feto.ia {background-image:url("../img/bg_01a.png");}
#CCBASE .feto.ib {background-image:url("../img/bg_01b.png");}
#CCBASE .opto {padding:10px 0 0 75px;min-height:65px;background-size:75px 75px;font-size:90%;}
#CCBASE .opto.ia {background-image:url("../img/bg_02a.png");}
#CCBASE .opto.ib {background-image:url("../img/bg_02b.png");}
#CCBASE .opto.ic {background-image:url("../img/bg_02b.png");}
#CCBASE .fe.ia {position:relative;padding:16px 210px 0 110px;min-height:130px;background-image:url("../img/bg_01a.png");background-repeat:no-repeat;background-size:100px 100px;background-position:left top;}
#CCBASE .fe.ia figure {position:absolute;z-index:0;right:0;bottom:0;}
#CCBASE .fe.ib {padding:16px 0 0 110px;min-height:100px;background-image:url("../img/bg_01b.png");background-repeat:no-repeat;background-size:100px 100px;background-position:left top;}
#CCBASE .op {padding:4px 0 1em 110px;min-height:100px;background-repeat:no-repeat;background-size:100px 100px;background-position:left top;}
#CCBASE .op.ia {background-image:url("../img/bg_02a.png");}
#CCBASE .op.ib {background-image:url("../img/bg_02b.png");}
#CCBASE .op.ic {background-image:url("../img/bg_02c.png");}




/**---- mediaquery ----**/
@media screen and (max-width: 980px) {
#CCBASE .mvarea p{font-size:clamp(0.86rem, 3vw, 2rem);}
}
@media screen and (max-width: 740px) {
#CCBASE .mvarea p{font-size:clamp(0.8rem, 2.5vw, 1.2rem);}
#CCBASE .fe.ia {padding:5px 0 130px 110px;}
}
@media screen and (max-width: 480px) {
#CCBASE .mvarea p{font-size:clamp(0.8rem, 3vw, 1.2rem);}
#CCBASE .fe.ia {padding:5px 0 130px 110px;}
}