@charset "utf-8";


/**---- main ----**/
#CCBASE .mvarea {position:relative;margin:0;background-image:url("../img/bg_main.png");background-repeat:no-repeat;background-size:cover;background-position:bottom;}
#CCBASE .mvarea:before {content:"";display: block;padding-top:86.6%;}
#CCBASE .mvarea .mvlead {position:absolute;top:0;margin:0;padding:2.75% 0 0;width:100%;line-height:1.35;text-align:center;font-size:1.75rem;font-weight:bold;color:#015ead;}
#CCBASE .mvarea ul {position:absolute;top:0;margin:0;padding:49% 0 0 21%;width:100%;}
#CCBASE .mvarea ul li {line-height:1.5;font-size:1.15rem;font-weight:bold;}
#CCBASE .mvarea .mvcommit {position:absolute;top:0;margin:0;padding:70% 0 0;width:100%;text-align:center;font-size:1.75rem;font-weight:bold;color:#ed6a00;}


/**---- mediaquery ----**/
@media screen and (max-width: 980px) {
#CCBASE .mvarea .mvlead{font-size:clamp(0.86rem, 3.5vw, 2rem);}
#CCBASE .mvarea ul li{font-size:clamp(0.65rem, 2.5vw, 1.5rem);}
#CCBASE .mvarea .mvcommit {font-size:clamp(0.86rem, 3.5vw, 2rem);}
}
@media screen and (max-width: 740px) {
#CCBASE .mvarea .mvlead{font-size:clamp(0.86rem, 2.75vw, 1.25rem);}
#CCBASE .mvarea ul {padding-left:15%;}
#CCBASE .mvarea ul li{font-size:clamp(0.65rem, 0.8vw, 0.9rem);}
#CCBASE .mvarea .mvcommit {font-size:clamp(0.86rem, 2.75vw, 1.25rem);}
#CCBASE .ibg {padding:150px 0 1em 0;}
}
@media screen and (max-width: 480px) {
#CCBASE .mvarea .mvlead{font-size:clamp(0.86rem, 3.5vw, 2rem);}
#CCBASE .mvarea ul li{font-size:clamp(0.65rem, 0.8vw, 1.5rem);}
#CCBASE .mvarea .mvcommit {font-size:clamp(0.86rem, 3.5vw, 2rem);}
#CCBASE .fe.ia {padding:5px 0 130px 110px;}
#CCBASE .ibg {padding:1.5em 0 1em 180px;}
}