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

.sec01{padding: 12vw 0;}
.sec01 .inner{display: flex; justify-content: center; align-items: center; gap: 6vw;}
.sec01 .txtbox{}
.sec01 .txtbox h2{width: max-content; padding-bottom: 3.3vw;}
.sec01 .txtbox h3{}
.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: 14vw 0;}
.sec02 .inner{}
.sec02 h2{padding-bottom: 5vw; color: #fff;}
.sec02 .cont-wrap{display: flex; justify-content: space-between; gap: 3vw; }
.sec02 .cont-wrap .imgbox{flex: 1;}
.sec02 .cont-wrap .imgbox img{width: 100%;}
.sec02 h3{font-size: 2.5rem; font-weight: 500; padding-top: 4rem; text-align: center;}
.sec02 h3 br{display: none;}

@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec02{padding: 80px 0;}
    .sec02 h2{padding-bottom: 50px;}
    .sec02 h3 br{display: block;}
}
@media all and (max-width:768px){
    .sec02 h2{padding-bottom: 30px;}
    .sec02 h3 br{display: none;}
    .sec02 h3{font-size: 16px; padding-top: 30px;}
}
@media all and (max-width:500px){
    .sec02 .cont-wrap{flex-direction: column;}
}

.sec03{padding: 15vw 0 14vw;}
.sec03 .inner{}
.sec03 h2{text-align: center; padding-bottom: 5vw;}
.sec03 ul{display: flex; flex-direction: column; gap: 3rem;}
.sec03 ul li{display: flex; border-radius: 4rem; background: #fdf2e3; overflow: hidden; height: 17rem;}
.sec03 ul li h4{width: 43rem; padding: 0rem 2rem 0 7rem; display: flex; align-items: center; height: 100%; font-size: 3.8rem; font-weight: 700; color: #fff;}
.sec03 ul li p{flex: 1; display: flex; align-items: center; height: 100%; padding: 0rem 2rem 0 6rem; font-size: 3rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec03{padding: 80px 0;}
    .sec03 ul li h4{font-size: 28px; width: 250px; padding: 0 30px;}
    .sec03 ul li p{font-size: 20px; padding: 0 30px;}
}
@media all and (max-width:768px){
    .sec03 h2{padding-bottom: 30px;}
    .sec03 ul{gap: 20px;}
    .sec03 ul li{height: auto; flex-direction: column; border-radius: 10px;}
    .sec03 ul li h4{font-size: 20px; width: 100%; padding: 10px 15px;}
    .sec03 ul li p{font-size: 16px; padding: 10px 15px;}
}


.sec04{padding: 12vw 0; background: #f0f0f0;}
.sec04 .inner{}
.sec04 h2{text-align: center;}
.sec04 h3{text-align: center; padding: 3rem 0 5vw; font-size: 3.8rem;}
.sec04 ul{display: flex; justify-content: space-between; gap: 2vw; flex-wrap: wrap;}
.sec04 ul li{padding: 3vw 2vw; background: #fff; box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.14); border-radius: 3.6rem; flex: 1; color: #3e3e3e;}
.sec04 ul li h4{font-size: 3.4rem; font-weight: 700;}
.sec04 ul li p{padding: 4rem 0 6rem; font-size: 2.8rem;}
.sec04 ul li .profile{display: flex; gap: 2rem; align-items: center;}
.sec04 ul li .profile img{width: 10rem;}
.sec04 ul li .profile span{font-size: 2.8rem;}
@media all and (max-width:1300px){
    .sec04 ul li h4{font-size: 3rem;}
    .sec04 ul li p{font-size: 2.2rem;}
}
@media all and (max-width:1024px){
    .sec04{padding: 80px 0;}
    .sec04 h3{font-size: 28px; padding: 20px 0 40px;}
    .sec04 ul{gap: 20px; justify-content: flex-start;}
    .sec04 ul li{width: calc((100% - 20px) / 2); flex: none; padding: 30px 20px; }
    .sec04 ul li h4{}
    .sec04 ul li p{padding: 20px 0 30px;}
}
@media all and (max-width:768px){
    .sec04 h3{font-size: 22px; padding: 10px 0 30px;}
    .sec04 ul li h4{font-size: 20px;}
    .sec04 ul li p{font-size: 16px;}
    .sec04 ul li .profile img{width: 60px;}
    .sec04 ul li .profile span{font-size: 20px}
}
@media all and (max-width:550px){
    .sec04 ul li{width: 100%;}
}
.cmm-contact{display: none;}