@charset "utf-8";
.mainBanner{position:relative;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .slick-arrow{width:13px;height:18px;background:none;border:0;z-index:1;}
.mainBanner .slick-arrow.slick-prev{left:0;background:url(/img/main/visual_arrow_prev.png)no-repeat;}
.mainBanner .slick-arrow.slick-next{right:0;background:url(/img/main/visual_arrow_next.png)no-repeat;}
.mainBanner .slick-arrow.slick-next:before{transform:rotate(45deg);}
.mainBanner .slick-arrow.slick-next:after{transform:rotate(-45deg);}
.mainBanner .slick-controls{width:100%;position:absolute;left:13.3%;bottom:30%;line-height:0;display:flex;align-items:center;margin-left:1px;}
.mainBanner .slick-controls .slick-dots{margin:0 10px;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin-right:5px;}
.mainBanner .slick-controls .slick-dots li button{width:15px;height:15px;background:#fff;border-radius:50%;border:1px solid #141a98;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:29px;background:#273783;border:0;border-radius:30px;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:15px;height:18px;}
.mainBanner .slick-controls .slide-pause:before,
.mainBanner .slick-controls .slide-pause:after{width:5px;height:18px;background:#fff;position:absolute;top:0;content:"";}
.mainBanner .slick-controls .slide-pause:before{left:0;}
.mainBanner .slick-controls .slide-pause:after{right:0;}
.mainBanner .slick-controls .slide-play{border-top:9.5px solid transparent;border-right:0 solid transparent;border-bottom:9.5px solid transparent;border-left:15px solid #fff;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}
.mainBanner .slick-controls .visual-progress-box .visual-progress{display:block;width:360px;height:4px;margin:0 57px 0 21px;overflow:hidden;background-color:rgba(255,255,255,.4);background-image:linear-gradient(to right, #fff, #fff);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;}
.mainBanner .slick-controls .slick-controls-cont .pagingBox{margin:0 1px;font-weight:700;color:#fff;}
.mainBanner .slick-controls .slick-controls-cont .pagingBox span{width:65px;padding:0 20px;position:relative;display:inline-block;text-align:center;}
.mainBanner .slick-controls .slick-controls-cont .pagingBox span:first-child:after{width:1px;height:12px;background:rgba(255,255,255,.5);position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';}
.mainBanner .slick-controls .slick-controls-cont .pagingBox span:last-child{opacity:.5;}
.mainBanner .mainBannerText{width:100vw;position:absolute;top:35.4%;left:0;color:#fff;padding-left:13.3%;}
.mainBanner .mainBannerText .text01{font-size:2.6rem;font-weight:700;margin-bottom:25px;letter-spacing:-0.03em;padding-left:5px;}
.mainBanner .mainBannerText .text02{font-size:6.2rem;font-weight:900;letter-spacing:-0.02em;}



.inner{max-width:1400px;margin:0 auto;}

.contTitle{font-size:6.2rem;font-weight:700;color:#000;line-height:1.1291;word-break:keep-all;}

.flexCont{display:flex;}

.textBgColor{box-shadow: inset 0 -27px 0 #c9ebfc;padding:0 7px;position:relative;left:-7px;}

.btnDirect{font-size:2rem;font-weight:500;letter-spacing:-0.02em;display:flex;align-items:center;}
.btnDirect img{margin-left:24px;}

.mainTop{padding:9.7745% 0 12.034%;letter-spacing:-0.02em;}
.mainTop h3{font-size:5rem;line-height:1.48;position:relative;}
.mainTop h3:after{width:100vw;height:450px;position:absolute;left:-17px;bottom:-420px;content:'';background:url(/img/main/main_top_bg.jpg)no-repeat;z-index:-1;}
.mainTop .textBox{margin-top:530px;color:#000;}
.mainTop .textBox.flexCont{align-items:center;justify-content:space-between;}
.mainTop .textBox .basicText{font-size:1.8rem;font-weight:300;line-height:2;} 


.mainBusiness{position:relative;margin-bottom:17.604%;}
.mainBusiness h3{padding:5% 0 6.286%;}
.mainBusiness .slick-controls-business .slick-controls-box{height:100%;display:flex;align-items:center;flex-direction:column;margin-left:-8px;}
.mainBusiness .slick-controls-business .slick-controls-box .slick-arrow{width:22px;height:12px;border:0;}
.mainBusiness .slick-controls-business .slick-controls-box .slick-prev{background:url(/img/main/business_arrow_up.png)no-repeat;}
.mainBusiness .slick-controls-business .slick-controls-box .slick-next{background:url(/img/main/business_arrow_down.png)no-repeat;}
.mainBusiness .slick-controls-business .slick-controls-box .num{position:relative;font-size:1.8rem;letter-spacing:-0.03em;font-weight:700;margin:15px 0 19px;}
.mainBusiness .slick-controls-business .slick-controls-box .num span{position:relative;}
.mainBusiness .slick-controls-business .slick-controls-box .num span:first-child{top:11px;right:12px;}
.mainBusiness .slick-controls-business .slick-controls-box .num span:last-child{bottom:11px;left:17px;color:#bbb;}

/*.mainBusiness .num .pagingInfo{position:absolute;left:0;b:0;}*/
.mainBusiness .mainBusinessSlideNav{width:818px;margin:-5px 0 0 3.143%;}
.mainBusiness .mainBusinessSlideNav:after{width:calc(100% - 170px);height:90px;background:url(/img/main/fade_w.png)no-repeat left bottom;position:absolute;left:0;bottom:0;content:'';}
/*.mainBusinessSlideNav .slick-list{position:relative;}
.mainBusinessSlideNav .slick-list:after{width:100%;height:100px; background: linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,.9));content:'';position:absolute;left:0;bottom:0;}*/
.mainBusiness .mainBusinessSlideNav .slick-slide{margin:5px 0;}
.mainBusiness .mainBusinessSlideNav .slick-slide a{display:block;}
.mainBusiness .mainBusinessSlideNav .slick-slide dl{letter-spacing:-0.02em;color:#000;padding:35px 170px 31px 187px;background:transparent;border-radius:10px;word-break:keep-all;position:relative;}
.mainBusiness .mainBusinessSlideNav .slick-slide dl dt{font-size:2.2rem;font-weight:700;margin-bottom:17px;}
.mainBusiness .mainBusinessSlideNav .slick-slide dl dd{font-size:1.8rem;font-weight:300;line-height:1.667;}
.mainBusiness .mainBusinessSlideNav .slick-slide .mainBusinessSlideCont dl{background-position:left 60px center;background-repeat:no-repeat;}
.mainBusiness .mainBusinessSlideNav .slick-slide .mainBusinessSlideCont01 dl{background-image:url(/img/main/business_slide_b01.png);}
.mainBusiness .mainBusinessSlideNav .slick-slide .mainBusinessSlideCont02 dl{background-image:url(/img/main/business_slide_b02.png);}
.mainBusiness .mainBusinessSlideNav .slick-slide .mainBusinessSlideCont03 dl{background-image:url(/img/main/business_slide_b03.png);}
.mainBusiness .mainBusinessSlideNav .slick-slide .mainBusinessSlideCont04 dl{background-image:url(/img/main/business_slide_b04.png);}
.mainBusiness .mainBusinessSlideNav .slick-slide .mainBusinessSlideCont05 dl{background-image:url(/img/main/business_slide_b05.png);}
.mainBusiness .mainBusinessSlideNav .slick-slide.slick-current dl{background-color:#073291;color:#fff;}
.mainBusiness .mainBusinessSlideNav .slick-slide.slick-current dl:after{width:50px;height:50px;background:url(/img/main/business_slide_arrow.png)no-repeat;position:absolute;right:47px;top:50%;transform:translateY(-50%);content:'';}
.mainBusiness .mainBusinessSlideNav .slick-slide.slick-current .mainBusinessSlideCont01 dl{background-image:url(/img/main/business_slide_w01.png);}
.mainBusiness .mainBusinessSlideNav .slick-slide.slick-current .mainBusinessSlideCont02 dl{background-image:url(/img/main/business_slide_w02.png);}
.mainBusiness .mainBusinessSlideNav .slick-slide.slick-current .mainBusinessSlideCont03 dl{background-image:url(/img/main/business_slide_w03.png);}
.mainBusiness .mainBusinessSlideNav .slick-slide.slick-current .mainBusinessSlideCont04 dl{background-image:url(/img/main/business_slide_w04.png);}
.mainBusiness .mainBusinessSlideNav .slick-slide.slick-current .mainBusinessSlideCont05 dl{background-image:url(/img/main/business_slide_w05.png);}

.mainBusiness .mainBusinessSlideFor{width:46%;position:absolute;right:0;top:50%;z-index:-1;transform:translateY(-50%);}
.mainBusiness .progressbarBox{display:block;width:3px;height:calc(100% - 204px);background:#e5e5e5;margin-bottom:34px;position:relative;}
.mainBusiness .progress{width:100%;height:100%;overflow:hidden;background-image:linear-gradient(to right, #000, #000);background-repeat:no-repeat;background-size:100% 0;transition:background-size .4s ease-in-out;}
.mainBusiness .progress2{width:100%;height:100%;overflow:hidden;background-image:linear-gradient(to right, #000, #000);background-repeat:no-repeat;background-size:100% 0;transition:background-size .4s ease-in-out;display:none;}
/*.progressbar:after{width:100%;height:221px;background:#000;position:absolute;left:0;top:0;content:'';z-index:1;}*/


.mainCertificate{padding:8.618% 0 8.8285%;background:url(/img/main/main_certificate_bg.jpg)no-repeat center top / cover;color:#fff;}
.mainCertificate .contTitle{color:#fff;margin-bottom:18.3%;}
.mainCertificate .flexCont{justify-content:space-between;}
.mainCertificate ul{display:flex;font-size:2.8rem;font-weight:700;margin:-6px 3.429% 0 50px;}
.mainCertificate ul li:first-child{padding-top:25%;margin-right:10%;}
.mainCertificate ul li dl dt{margin-bottom:11.112%;}
.mainCertificate ul li dl dd img{margin:6.115% 0 0 2px;}

.mainLocation .flexCont{align-items:center;padding:14.286% 0 0;}
.mainLocation .flexCont .frameBox{width:58.572%;margin-right:6.429%;flex-shrink:0;}
.mainLocation .flexCont .frameBox iframe{width:100%;height:520px;}
.mainLocation .flexCont .textBox{padding-top:18px;}
.mainLocation .flexCont .textBox ul{margin:12.044% 0 14.49%;}
.mainLocation .flexCont .textBox ul li{display:flex;line-height:1.778;}
.mainLocation .flexCont .textBox ul li:nth-child(n+2){margin-top:26px;}
.mainLocation .flexCont .textBox ul li span{width:125px;flex-shrink:0;font-size:2rem;font-weight:500;color:#000;}
.mainLocation .flexCont .textBox ul li p{font-size:1.8rem;font-weight:300;letter-spacing:-0.02em;}
.mainLocation .flexCont .textBox > a{display:inline-flex;align-items:center;font-size:1.6rem;letter-spacing:-0.02em;border:1px solid #000;color:#000;padding:18px 30px 17px;}
.mainLocation .flexCont .textBox > a img{margin-left:10px;vertical-align:middle;}



@media all and (max-width:1920px){
/*.mainBanner .mainBannerCont{width:1200px;margin:0 auto;}
.mainBanner .mainBannerCont .slick-list{margin:0 -351.5px;}*/
.mainBanner .mainBannerCont .slick-list img{width:auto;}
}


@media all and (max-width:1440px){
.inner{padding:0 20px;}

.mainBanner .slick-controls{bottom:25%;}

.mainTop h3:after{left:-20px;background-position:right center;background-size:cover;}
.mainTop .textBox{margin-top:500px;}

.mainBusiness .mainBusinessSlideFor{width:42%;}

.mainCertificate ul{margin-right:0;}
.mainCertificate ul li:first-child{margin-right:5%; }

.mainBusiness .slick-controls-business .slick-controls-box{margin-left:0;}

.mainBanner .mainBannerText .text01{font-size:2.4rem;}
.mainBanner .mainBannerText .text02{font-size:5.5rem;}


}

@media all and (max-width:1279px){
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
.mainBanner .mainBannerCont .slick-list{margin:0 -25%;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerText{left:12.3%;}

.mainBusiness .mainBusinessSlideNav{width:58%;}
.mainBusiness .mainBusinessSlideNav:after{width:calc(100% - 70px);bottom:25px;}
.mainBusiness .mainBusinessSlideNav .slick-slide dl{padding:35px 70px 70px 125px;}

.mainBusiness .mainBusinessSlideNav .slick-slide.slick-current dl:after{width:40px;height:40px;background-size:40px 40px;top:auto;transform:none;right:30px;bottom:15px;}
.mainBusiness .mainBusinessSlideNav .slick-slide .mainBusinessSlideCont dl{min-height:200px;background-position:left 30px top 50px;}


}


@media all and (max-width:1100px){
.mainBanner .slick-controls{bottom:25%;}
}

@media all and (max-width:979px){
.textBgColor{box-shadow: inset 0 -24px 0 #c9ebfc;padding:0 5px;}

.mainBanner .slick-controls{bottom:16%;}
/*.mainBanner .mainBannerCont .slick-list{margin:0;}*/

.mainTop h3:after{height:370px;bottom:-348px;}
.mainTop .textBox.flexCont{display:block;margin-top:408px;}
.mainTop .textBox .basicText{margin-bottom:20px;}

/*.mainBusiness .flexCont{flex-wrap:wrap;}
.mainBusiness .slick-controls-business{order:1;}
.mainBusiness .mainBusinessSlideNav{order:2;}*/
.mainBusiness .flexCont{justify-content:space-between;}
.mainBusiness .mainBusinessSlideNav{width:calc(100% - 50px);margin:-5px 0 0;}
.mainBusiness .mainBusinessSlideFor{width:100%;position:static;transform:none;order:0;display:none;}
.mainBusiness .mainBusinessSlideNav .slick-slide dl{height:160px;}
.mainBusiness .mainBusinessSlideNav:after{width:100%;bottom:0;}
.mainBusiness .mainBusinessSlideNav .slick-slide .mainBusinessSlideCont dl{min-height:auto;background-position:left 30px center;}
    

.mainLocation .flexCont{display:block;}
.mainLocation .flexCont .frameBox{width:100%;margin-right:0;}
.mainLocation .flexCont .frameBox iframe{height:450px;}
.mainLocation .flexCont .textBox ul{margin:45px 0 58px;}
.mainLocation .flexCont .textBox ul li:nth-child(n+2){margin-top:20px;}



}

@media all and (max-width:767px){

.pcView{display:none;}

.mainBanner .slick-arrow{width:9px;height:12.5px;background-size:9px 12.5px !important;}
.mainBanner .mainBannerCont .slick-list{margin:0;}
.mainBanner .mainBannerText{left:0;padding:0 30px 0 10.3%;top:17.4%;}
.mainBanner .mainBannerText .text01{font-size:2.2rem;padding-left:3px;}
.mainBanner .mainBannerText .text02{font-size:5rem;line-height:1.3;}
.mainBanner .slick-controls{bottom:auto;top:53%;left:0;padding:0 10%;}
.mainBanner .slick-controls .visual-progress-box{width:calc(100% - 157px);}
.mainBanner .slick-controls .visual-progress-box .visual-progress{height:3px;margin:0 45px 0 15px;width:calc(100% - 40px);}
.mainBanner .slick-controls .slide-play{border-top:6.5px solid transparent;border-right:0 solid transparent;border-bottom:6.5px solid transparent;border-left:10px solid #fff;}
.mainBanner .slick-controls .slide-pause{width:10px;height:12px;}
.mainBanner .slick-controls .slide-pause:before, .mainBanner .slick-controls .slide-pause:after{width:3px;height:12px;}
.mainBanner .slick-controls .slick-controls-cont .pagingBox span{width:60px;}


.contTitle{font-size:5.7rem;}

.btnDirect img{width:55px;margin-left:12px;}

.textBgColor{box-shadow: inset 0 -18px 0 #c9ebfc;padding:0 3px;}

.mainTop{padding:93px 0 114.5px;}
.mainTop h3{font-size:4.5rem;}
.mainTop h3:after{height:300px;bottom:-282px;}
.mainTop .textBox.flexCont{margin-top:320px;}
.mainTop .textBox .basicText br{display:none;}


.mainBusiness .mainBusinessSlideNav{width:calc(100% - 35px);}
.mainBusiness .mainBusinessSlideNav:after{bottom:-10px;}
.mainBusiness .mainBusinessSlideNav .slick-slide dl{height:150px;/*padding:25px 15px 80px;*/padding:25px 15px 40px 85px;display:flex;flex-direction:column;justify-content:center;}
.mainBusiness .mainBusinessSlideNav .slick-slide dl dt{margin-bottom:9.5px;}
.mainBusiness .mainBusinessSlideNav .slick-slide .mainBusinessSlideCont dl{background-size:60px 60px;background-position:left 15px center;}
.mainBusiness .mainBusinessSlideNav .slick-slide.slick-current dl:after{width:35px;height:35px;background-size:35px 35px;right:15px;bottom:12px;}
.mainBusiness .slick-controls-business .slick-controls-box .num{font-size:1.6rem;margin:6px 0 10px;}
.mainBusiness .progressbarBox{width:2px;margin-bottom:17px;height:calc(100% - 145px);}
.mainBusiness .slick-controls-business .slick-controls-box .num img{width:16px;}
.mainBusiness .slick-controls-business .slick-controls-box .num span:last-child{left:13px;}
.mainBusiness .slick-controls-business .slick-controls-box .slick-arrow{background-size:15px auto !important;background-position:center !important;}



.mainCertificate{padding:82px 0 84px;}
.mainCertificate .contTitle{margin-bottom:10px;}
.mainCertificate .flexCont{display:block;}
.mainCertificate ul{margin:30px 0 0;font-size:2.5rem;}
.mainCertificate ul li:first-child{padding-top:100px;}
.mainCertificate ul li dl dt{margin-bottom:20px;}
.mainCertificate ul li dl dd img{width:14px;margin-top:11px;}

.mainLocation .flexCont{padding:100px 0 0;}
.mainLocation .flexCont .frameBox iframe{height:400px;}
.mainLocation .flexCont .textBox ul{margin:30px 0 35px;}
.mainLocation .flexCont .textBox ul li:nth-child(n+2){margin-top:13px;}
.mainLocation .flexCont .textBox ul li span{width:100px;}
.mainLocation .flexCont .textBox > a{padding:13px 20px 12px;}
.mainLocation .flexCont .textBox > a img{width:6px;margin:-1px 0 0 7px;}

}

@media all and (max-width:501px){
.contTitle{font-size:5rem;}

.mainBanner .mainBannerText .text01{font-size:2rem;}
.mainBanner .mainBannerText .text02{font-size:4.3rem;}

.mainTop h3{font-size:4rem;}
.mainTop h3:after{height:240px;bottom:-222px;}
.mainTop .textBox.flexCont{margin-top:282px;}

.mainBusiness .mainBusinessSlideNav .slick-slide dl{padding:20px 15px 20px 70px;}
.mainBusiness .mainBusinessSlideNav .slick-slide .mainBusinessSlideCont dl{background-size:50px 50px;background-position:left 10px center;}
.mainBusiness .mainBusinessSlideNav .slick-slide.slick-current dl:after{width:30px;height:30px;background-size:30px 30px;}
.mainBusiness .progressbarBox{height:calc(100% - 135px);}

.mainCertificate ul{font-size:2.2rem;}
.mainCertificate ul li:first-child{padding-top:60px;}
.mainLocation .flexCont .frameBox iframe{height:350px;}

.mainBusiness h3{padding:0 0 44px;}
/* .mainBusiness .mainBusinessSlideNav{width:100%;order:0;}
.mainBusiness .flexCont{flex-wrap:wrap;}
.mainBusiness .slick-controls-business{width:100%;order:1;margin-top:30px;}
.mainBusiness .slick-controls-business .slick-controls-box{flex-direction:unset;justify-content:center;}
.mainBusiness .slick-controls-business .slick-controls-box .slick-arrow{background-size:15px auto !important;background-position:center !important;}
.mainBusiness .slick-controls-business .slick-controls-box .slick-prev{transform: rotate(-90deg);}
.mainBusiness .slick-controls-business .slick-controls-box .slick-next{transform: rotate(-90deg);}


.mainBusiness .slick-controls-business .slick-controls-box .num{margin:0 30px;}
.mainBusiness .slick-controls-business .slick-controls-box .num img{width:16px;}
.mainBusiness .slick-controls-business .slick-controls-box .num span:first-child{top:-1.5px;right:5px;}
.mainBusiness .slick-controls-business .slick-controls-box .num span:last-child{bottom:0;left:5px;}
.mainBusiness .slick-controls-business .slick-controls-box .pagingInfo{display:flex;} */

    





}