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

.sec01{}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    
}
@media all and (max-width:768px){
    
}



.sec03{padding-bottom: 15vw;}
.sec03 .inner{max-width: 1500px;}
.sec03 h2{padding: 2rem 3.7vw 8.3vw 0; width: fit-content; margin-left: auto;}
.sec03 ul{display: flex; gap: 2rem; justify-content: space-between;}
.sec03 ul li{padding: 4rem 1.6vw 2rem 2.1vw; color: #fff; background: linear-gradient(135deg, #fb7703 0%, #ff9335 100%); border-radius: 5rem; flex: 1; max-width: 44rem;}
.sec03 ul li h4{}
.sec03 ul li p{font-size: 2.4rem; font-weight: 300; padding: 1.6vw 0 4.2vw;}
.sec03 ul li span{font-family: 'GmarketSansLight'; font-size: 10rem; display: block; text-align: right; line-height: 1;}

@media all and (max-width:1300px){
    
}
@media all and (max-width:1024px){
    .sec03{padding-bottom: 80px;}
    .sec03 h2{padding-right: 0; padding-bottom: 40px;}
    .sec03 ul{flex-wrap: wrap;}
    .sec03 ul li{border-radius: 30px; padding: 30px; padding-bottom: 10px; flex: none; max-width: none; width: calc((100% - 2rem) / 2);}
    .sec03 ul li p{font-size: 18px;}
}
@media all and (max-width:768px){
    .sec03 h2{padding: 40px 0;}
    .sec03 ul li p{font-size: 16px;}
    .sec03 ul li span{font-size: 60px;}
}
@media all and (max-width:600px){
    .sec03 ul li{width: 100%;}
}


.footer .footer-top{display: none;}