@charset "utf-8";

.visual{overflow:hidden;display:flex;width:100%;height:calc(100vh - 100px);margin-top:100px;background:var(--main-cl);align-items: center;}
.visual .con-img{position:relative;right:-140px;margin-left:-140px;}
.visual .con-img img{width:800px;}
.visual .con-txt p{font-size: 40px;line-height:1.4;color:#fff;}
.visual .con-txt h2{margin:40px 0 80px;}
.visual .btn{width:fit-content;width:220px;height:80px;background:#fff;color:var(--main-cl);font-size:24px;}

.sec01{text-align: center;background:var(--sec-bg);}
.sec01 .con-txt h3{margin-bottom:40px;}
.sec01 .con-txt h3 span{color:var(--main-cl);}
.sec01 .con-txt p{font-size: var(--tit-p);}
.sec01 .con-txt img{width:668px;margin-top:80px;}

.sec02{padding:140px 0;}
.sec02 .con-img img{width:600px;}
.sec02 .con-txt h3{margin-bottom:40px;font-size: 56px;line-height:1.4;}
.sec02 .con-txt p{margin-bottom:48px;font-size: 26px;}
.sec02 .con-l{width:560px;}
.sec02 .con-r{width:600px;padding:40px 0 0px 0px;background:url(../img/sec02_bg.png) no-repeat center center;background-size: 500px;}
.sec02 .con-r .swiper{width:358px;}
.sec02 .con-r .swiper .con-img img{width:100%;}
.sec02 .sec02-swip-page .swiper-pagination-bullet{width:12px;height:12px;margin:0 6px;background:#E6E6E6;opacity:1;}
.sec02 .sec02-swip-page .swiper-pagination-bullet-active{background:var(--main-cl);}
.sec02 .sec02-txt-swip h3::before{content:'';display:block;width:80px;height:80px;margin-bottom:48px;border-radius: 50%;}
.sec02 .sec02-txt-swip .s1 h3::before{background:url(../img/sec02_ico1.png) no-repeat center center;background-size: cover;}
.sec02 .sec02-txt-swip .s2 h3::before{background:url(../img/sec02_ico2.png) no-repeat center center;background-size: cover;}
.sec02 .sec02-txt-swip .s3 h3::before{background:url(../img/sec02_ico3.png) no-repeat center center;background-size: cover;}
.sec02 .sec02-txt-swip .s4 h3::before{background:url(../img/sec02_ico4.png) no-repeat center center;background-size: cover;}

.sec03{text-align: center;background:var(--sec-bg);padding-bottom:80px;}
.sec03 .con-txt p{margin-bottom:28px;font-size: var(--tit-p);}
.sec03 .swiper-wrapper{-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important; position: relative;}
.sec03 .swiper-slide{width:140px;}
.sec03 .swiper-slide img{width:100%;}
.sec03 .con-txt h3 span{color:var(--main-cl);}
.sec03 .con-img{position:relative;margin-top:300px;}
.sec03 .con-img>img{position:absolute;bottom:-80px;left:50%;z-index:9;width:400px;margin-left:-200px;}

.sec04{position:relative;padding:200px 0 250px;background:#3E8DED;text-align: center;}
.sec04 .inner{position:relative;z-index:22;}

.sec04::after{content:'';display:block;position:absolute;bottom:0;left:0;z-index:0;width:913px;height:398px;background:url(../img/sec04_bg1.png) no-repeat center;background-size: contain;}
.sec04 .inner::before{content:'';display:block;position:absolute;top:-50px;right:-200px;width:312px;height:314px;background:url(../img/sec04_bg2.png) no-repeat center;background-size: contain;}
.sec04 h3{margin-bottom:70px;font-size: 56px;color:#fff;}
.sec04 li{display:flex;padding:40px 20px;align-items: center;justify-content: center;background:#fff;border-radius: 50px;flex-direction: column;}
.sec04 li h4{margin:30px 0 20px;font-size: 28px;font-weight: 700;color:var( --tit-cl);}
.sec04 li p{font-size: 24px;line-height:1.4;}
.sec04 ul{width:100%;}
.sec04 .s1 li{width:calc(25% - 15px);}
.sec04 .s2 li{width:calc(20% - 15px);}
.sec04 .sec04-pc-page{margin-top:50px;}
.sec04 .sec04-pc-page .swiper-pagination-bullet{width:12px;height:12px;background:#fff;margin:0 6px;}

.sec05{background:var(--main-cl);}
.sec05 .con-txt h3{margin-bottom:50px;font-size:50px;color:#fff;}
.sec05 .btn-area{gap:10px;}
.sec05 .con-r p{margin-top:10px;font-size: 22px;color:rgba(255,255,255,.5);text-align: center;}
.sec05 .con-r ul{gap:20px;}
.sec05 .con-r li img{width:220px;}