@charset "utf-8";

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


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

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/management/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: 247px;}
.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;}

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

@media (max-width: 1400px){
    h2{ font-size: 4.5rem;}
  }
  

@media (max-width: 768px){

    .contents{ padding: 70px 0 50px;}
    
     h2{ font-size: clamp( 2rem , 6.5vw, 5rem);}
     .management .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/management/img04_sp.jpg) no-repeat; background-size: cover; background-position: center;}
    .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;}

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

}