.visual{background-image: url(../img/sub04/visual.png); }
@media all and (max-width:1200px){}
@media all and (max-width:1024px){}
@media all and (max-width:768px){}

.sec01{padding: 12vw 0 15vw;}
.sec01 .inner{display: flex; justify-content: center; align-items: center; gap: 6vw;}
.sec01 .txtbox{}
.sec01 .txtbox h2{padding-bottom: 2vw;}
.sec01 .txtbox h3{width: max-content; }
.sec01 .imgbox{}
.sec01 .imgbox img{}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec01{padding: 80px 0;}
    .sec01 .inner{gap: 30px;}
    .sec01 .txtbox h2{font-size: 35px;}
}
@media all and (max-width:768px){
    .sec01 .inner{flex-direction: column-reverse; align-items: flex-start;}
    .sec01 .imgbox{width: 100%; max-width:none}
    .sec01 .imgbox img{width: 100%;}
    .sec01 .txtbox h2{font-size: 30px;}
    .sec01 .txtbox h3{width: auto;}
}


.sec02{padding-bottom: 14vw; text-align: center; }
.sec02 .inner{max-width: 1500px;}
.sec02 h2{padding-bottom: 4vw;}
.sec02 ul{gap: 20px; display: flex; align-items: flex-start; justify-content: space-between;}
.sec02 ul li{flex: 1; max-width: 338px;}
.sec02 ul li:nth-child(1){padding-top: 4.7vw;}
.sec02 ul li:nth-child(2){}
.sec02 ul li:nth-child(3){padding-top: 5vw;}
.sec02 ul li:nth-child(4){padding-top: 5vw;}
.sec02 ul li .imgbox{margin-bottom: 2vw; width: 100%;}
.sec02 ul li .imgbox img{width: 100%;}
.sec02 ul li h3{font-size: 3.2rem; font-weight: 500; display: inline-block; border-bottom: 1px solid #333333; margin-bottom: 3rem; padding-bottom: 1rem;}
.sec02 ul li p{font-size: 2.2rem;}

@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec02{padding-bottom: 80px;}
    .sec02 h2{padding-bottom: 40px;}
    .sec02 ul{flex-wrap: wrap; justify-content: center; gap: 30px;}
    .sec02 ul li{flex: none;}
    .sec02 ul li:nth-child(1){padding-top: 0; order: 1;}
    .sec02 ul li:nth-child(2){order: 3;}
    .sec02 ul li:nth-child(3){padding-top: 0; order: 4;}
    .sec02 ul li:nth-child(4){padding-top: 0; order: 2;}
    .sec02 ul li h3{font-size: 24px; margin-bottom: 10px; }
    .sec02 ul li p{font-size: 18px;}
}
@media all and (max-width:768px){
    .sec02 h2{padding-bottom: 30px;}
    .sec02 ul{flex-wrap: wrap; gap: 20px;}
    .sec02 ul li{width: calc((100% - 20px) / 2);}
    .sec02 ul li h3{font-size: 20px; }
    .sec02 ul li p{font-size: 16px;}
    .sec02 ul li p br{display: none;}
}

.sec03{padding: 10vw 0; background: #fdf2e3;}
.sec03 .inner{max-width: 1300px; display: flex; justify-content: space-between; gap: 30px;}
.sec03 h2{padding-bottom: 2.5rem;}
.sec03 h3{font-size: 1.9rem;}
.sec03 ul{display: flex; flex-direction: column; gap: 2rem; flex: 1; max-width: 680px;}
.sec03 ul li{background: #fff; border-radius: 2rem; padding: 1rem 2rem 1.5rem 4rem; display: flex; gap: 3rem; align-items: center;}
.sec03 ul li h4{font-size: 3.3rem; color: #ff8316; }
.sec03 ul li p{font-size: 2.5rem; }
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec03{padding: 80px 0;}
    .sec03 ul{max-width: 500px; min-width: 420px;}
    .sec03 ul li{padding: 10px 20px; gap: 15px;}
    .sec03 ul li h4{font-size: 25px;}
    .sec03 ul li p{font-size: 18px;}
    
}
@media all and (max-width:768px){
    .sec03 .inner{flex-direction: column;}
    .sec03 h3{font-size: 15px;}
    .sec03 ul{max-width: none; min-width: auto;}
    .sec03 ul li{gap: 10px; padding: 15px; border-radius: 15px; align-items: flex-start;}
    .sec03 ul li h4{font-size: 20px; }
    .sec03 ul li p{font-size: 16px; padding-top: 3px;}
}

.sec04{padding: 10vw 0 12vw; color: #fff;}
.sec04 .inner{}
.sec04 h2{padding-bottom: 5vw;}
.sec04 ul{display: flex; flex-wrap: wrap; gap: 3vw 1.5vw;}
.sec04 ul li{width: calc((100% - 3vw) / 3); }
.sec04 ul li .imgbox{width: 100%;}
.sec04 ul li .imgbox img{width: 100%;}
.sec04 ul li h4{padding-top: 2rem; font-size: 3.3rem; font-weight: 500;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec04{padding: 80px 0;}
    .sec04 h2{padding-bottom: 50px;}
    .sec04 ul{gap: 30px 20px;}
    .sec04 ul li{width: calc((100% - 20px) / 2); }
    .sec04 ul li h4{font-size: 24px;}
}
@media all and (max-width:768px){
    .sec04 h2{padding-bottom: 30px;}
    .sec04 ul li h4{font-size: 20px; padding-top: 10px;}
}
@media all and (max-width:600px){
    .sec04 ul li{width: 100%; }
}

.cmm-contact{display: none;}