@charset "utf-8";

.flex{ display: flex; justify-content: space-between; flex-wrap: wrap;}


.contents{  padding: 100px 0 90px ; background: #f5f5f5;}
.construction .titBox{ padding-bottom: 30px;}

.sec_01{ background: #f5f5f5;}

h2{ font-size: 5rem; font-weight: bold; max-width: 1200px; width: calc(100% - 50px); line-height: 1.5; margin:0 auto;}
h2 span{ display: block; font-size: clamp(16px,1.5vw,1.8rem); }

.mv ul li{ flex-basis: 33.33%;}
.mv ul li:last-of-type{ flex-basis: 100%; background: url(../imgs/construction/img04.jpg) no-repeat; background-size: cover; padding: 71px 0 30px;}
.mv ul li:last-of-type figure{ max-width: 1200px; width: calc(100% - 50px); margin: 0 auto 45px; text-align: left;}
.mv ul li h3{ max-width: 211px;}
.mv ul li p{ max-width: 1200px; margin: 0 auto; color: #fff; width: calc(100% - 50px);}
.mv ul li .mv_txt_big{ font-size: 30px; font-weight: bold; line-height: 1.5; margin-bottom: 40px;}

.construction_list{ background: #f5f5f5; padding: 50px 0 0;}
.construction_list .box:not(:first-of-type){ margin-top: 55px;}
.construction_list .box:not(:last-of-type){ padding-bottom: 55px; border-bottom: 1px solid #000;}
.construction_list dt{ width: 10em; font-size: 2.4rem; line-height: 1.5; font-weight: bold; }
.construction_list dd{ width: 58.67%; }

@media (max-width: 1400px){
    h2{ font-size: 4.5rem;}
    .construction .titBox{ padding-bottom: 30px;}
}

@media (max-width: 768px){

    .contents{ padding-top:70px;}

    h2{ font-size: clamp( 2rem , 6.5vw, 5rem); margin-bottom: 0;}
    
    .contents{ padding-bottom: 25px;}
    .construction .titBox{ padding-bottom: 20px;}

    .mv ul li{ flex-basis: 50%;}
    .mv ul li:first-of-type{ flex-basis: 100%;}
    .mv ul li:last-of-type{ background: url(../imgs/construction/img04_sp.jpg) no-repeat; }
    .mv ul li:last-of-type figure{ max-width: 1200px; width: calc(100% - 50px); margin: 40px auto 35px; text-align: left;}
    .mv ul li h2{ max-width: 211px;}
    .mv ul li p{ max-width: 1200px; margin: 0 auto; color: #fff; width: calc(100% - 50px);}
    .mv ul li .mv_txt_big{ font-size: 4.5vw;  margin-bottom: 30px;}

    .construction_list{ background: #f5f5f5; padding: 25px 0 0;}
    .construction_list .box:not(:first-of-type){ margin-top: 35px;}
    .construction_list .box:not(:last-of-type){ padding-bottom: 35px;}
    .construction_list dt{ margin-bottom: 15px; font-size: clamp( 18px , 3vw, 2.4rem);}
    .construction_list dd{ width: 100%; }

}