@charset "utf-8";

.mobileView{display:none;}

.mainBanner{position:relative;}
.mainBanner .mainBannerCont img{display:none;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .mainBannerCont .bannerFirst img{display:block;}
.mainBanner .mainBannerCont.slick-initialized .slick-list .bannerImg img{display:block;}
.mainBanner .mainBannerCont .mainBannerText{width:100vw;position:absolute;left:0;bottom:27.374%;}
.mainBanner .mainBannerCont .mainBannerText p{max-width:1680px;margin:0 auto;}
.mainBanner .mainBannerCont .mainBannerText p.text01{font-family:'Poppins';font-size:10rem;font-weight:700;color:#fff;line-height:1; }
.mainBanner .mainBannerCont .mainBannerText p.text01 span{margin-left:-8px;}
.mainBanner .mainBannerCont .mainBannerText p.text02{font-size:2.6rem;color:#ccc;font-weight:500;letter-spacing:-0.02em;margin-top:55px;}

.mainBanner .slick-arrow{width:8px;height:13px;border:0;flex-shrink:0;}
.mainBanner .slick-arrow.slick-prev{background:url('/img/main/arrow_prev.png')no-repeat;}
.mainBanner .slick-arrow.slick-next{background:url('/img/main/arrow_next.png')no-repeat;}

.mainBanner .slick-controls{width:100%;position:absolute;left:0;bottom:16.032%;line-height:0;display:flex;}
.mainBanner .slick-controls .slick-controls-box{width:100%;max-width:1680px;margin:0 auto;display:flex;align-items:center;position:relative;padding-left:8px;}
.mainBanner .slick-controls .slick-dots{margin:0 60px;display:inline-block !important;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin:5px 0;}
.mainBanner .slick-controls .slick-dots li button{width:45px;height:2px;background:rgba(255,255,255,.2);border:0;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{background:#fff;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause,
.mainBanner .slick-controls .slide-play{width:40px;height:40px;border:0;margin-left:26px;flex-shrink:0;}
.mainBanner .slick-controls .slide-pause{background:url('/img/main/pause_icon.png')no-repeat;}
.mainBanner .slick-controls .slide-play{background:url('/img/main/play_icon.png')no-repeat;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}
.mainBanner .slick-controls .slick-controls-cont{color:#fff;font-weight:700;letter-spacing:-0.02em;font-size:20px;}
.mainBanner .slick-controls .slick-controls-cont .first{position:absolute;left:37px;}
.mainBanner .slick-controls .slick-controls-cont .last{margin-left:-39px;}
.mainBanner .linkView{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);text-align:center;}
.mainBanner .linkView a{width:168px;height:52px;line-height:52px;display:inline-block;background:#2e3b83;border-radius:30px;color:#fff;font-size:1.6rem;}


.contTitle{font-family:'Poppins';font-size:8rem;font-weight:500;color:#111;line-height:1;} 
.contTitle02{font-size:4.8rem;font-weight:600;color:#111;} 

.btnDesign{width:250px;font-size:2rem;font-weight:700;letter-spacing:-0.02em;color:#000;background:#fff;padding:16px 15px 16px 40px;border-radius:30px;display:inline-flex;align-items:center;justify-content:space-between;}
.btnDesign:after{width:28px;height:28px;margin-left:27px;display:inline-block;background:url('/img/main/btn_arrow_b.png')no-repeat;content:'';}
.btnDesign.btnDesignB{background:#111;color:#fff;}
.btnDesign.btnDesignB:after{background:url('/img/main/btn_arrow_w.png')no-repeat;}

.mainCont{max-width:1680px;margin:0 auto;}

.aboutCompany{position:relative;padding:170px 0 180px;}
.aboutCompany:before{width:100vw;height:100%;background:#121212;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-2;}
.aboutCompany:after{width:100vw;height:69.546%;background:#121212 url('/img/main/about_company_bg.jpg')no-repeat center bottom / cover;position:absolute;left:50%;bottom:0;transform:translateX(-50%);content:'';z-index:-1;}
.aboutCompany .up{display:flex;margin-bottom:187px;}
.aboutCompany .up .contTitle{width:50%;color:#fff;letter-spacing:0.065em;}
.aboutCompany .up .txtBox{width:50%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;}
.aboutCompany .up .txtBox .basicText{font-size:2.2rem;line-height:1.75;order:1;letter-spacing:-0.02em;color:#ccc;}
.aboutCompany .up .txtBox .btnDesign{order:0;margin-bottom:5%;}
.aboutCompany ul{display:flex;justify-content:center;}
.aboutCompany ul li{width:520px;height:520px;margin-right:60px;background:rgba(255,255,255,.05);border-radius:50%;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;}
.aboutCompany ul li:last-child{margin-right:0;}
.aboutCompany ul li p{font-size:4.5rem;font-weight:900;color:#fff;letter-spacing:-0.02em;margin-top:60px;}

.businessInfo{padding:190px 0;}
.businessInfo .flexCont{display:flex;align-items:center;}
.businessInfo .flexCont dl{padding-right:30px;}
.businessInfo .flexCont dl dt{letter-spacing:0.045em;margin-left:-5px;}
.businessInfo .flexCont dl dd .basicText{margin-bottom:65px;font-size:2.2rem;letter-spacing:-0.02em;color:#333;line-height:1.546;}
.businessInfo .flexCont dl dd .basicText:before{width:68px;height:8px;display:block;background:url('/img/main/dot_design.png')no-repeat;content:'';margin:38px 0 40px;}
.businessInfo .flexCont dl dd .btnDesign{padding-left:45px;}
.businessInfo .flexCont .imgBox{width:78.696%;}


.mainMenu{padding:109px 0 170px;position:relative;}
.mainMenu:before{width:100vw;height:100%;background:#f6f6f6;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;}
.mainMenu .contTitle02{margin-bottom:56px;}
.mainMenu ul{display:flex;}
.mainMenu ul li{width:32.46%;margin-right:1.31%;position:relative;}
.mainMenu ul li:last-child{margin-right:0;}
.mainMenu ul li .tit{position:absolute;left:25px;top:23px;font-size:2.2rem;font-weight:500;letter-spacing:-0.02em;color:#fff;display:flex;align-items:center;}
.mainMenu ul li .tit:before{width:17px;height:17px;border-radius:50%;display:inline-block;margin-right:14px;background:#fff;content:'';}


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

.mainBanner .mainBannerCont .mainBannerText{left:50%;transform:translateX(-50%);}
}

@media all and (max-width:1720px){
.mainBanner .mainBannerCont .mainBannerText p{max-width:100%;padding:0 28px;}
.mainBanner .mainBannerCont .mainBannerText p.text01 span{margin-left:-5px;}

.mainBanner .slick-controls .slick-controls-box{max-width:100%;padding:0 20px;}
.mainBanner .slick-controls .slick-controls-cont .first{left:50px}


.mainCont{max-width:100%;padding:0 20px;}


.aboutCompany .up .txtBox .basicText br{display:none;}

.aboutCompany ul li{width:27.084vw;height:27.084vw;margin-right:3.572%}
.aboutCompany ul li img{width:7.657vw;}
.aboutCompany ul li p{margin-top:2.60415vw;font-size:2.34375vw;}

/*.businessInfo .contTitle{font-size:4.166665vw;}
.businessInfo .flexCont dl dd .basicText{font-size:0.9375vw;}
.businessInfo .flexCont dl dd .basicText:before{margin:2.627vw 0;}*/
.mainMenu ul li .tit{left:1.3021vw;top:1.1979vw;}
.mainMenu ul li .tit:before{margin-right:0.72915vw;}
}

@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 .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}

.mainMenu ul li .tit:before{width:15px;height:15px;}
}

@media all and (max-width:979px){
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:8.5rem;}
.mainBanner .mainBannerCont .mainBannerText p.text02{font-size:2.3rem;}


.aboutCompany{padding:113px 0 120px;}
.aboutCompany .up{display:block;margin-bottom:125px;}
.aboutCompany .up .contTitle{width:100%;}
.aboutCompany .up .contTitle br{display:none;}
.aboutCompany .up .txtBox{width:100%;margin-top:30px;}
.aboutCompany .up .txtBox .basicText{order:0;margin-bottom:30px;}
.aboutCompany .up .txtBox .btnDesign{order:1;margin-bottom:0;}

.businessInfo{padding:127px 0;}
.businessInfo .flexCont{flex-wrap:wrap;}
.businessInfo .flexCont dl{width:100%;order:1;}
.businessInfo .flexCont dl dd .basicText br{display:none;}
.businessInfo .flexCont dl dd .basicText:before{margin:35px 0 37px;}
.businessInfo .flexCont .imgBox{width:100%;order:0;margin-bottom:50px;}

.mainMenu{padding:80px 0 113px;}
.mainMenu .contTitle02{margin-bottom:45px;}
.mainMenu ul li .tit:before{width:14px;height:14px;}
}

@media all and (max-width:767px){
.mainBanner .mainBannerCont .slick-list{margin:0;}

.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:7rem;}
.mainBanner .mainBannerCont .mainBannerText p.text02 br{display:none;}
.mobileView{display:block;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:24px;left:0;}
.mainBanner .slick-arrow:before{top:11px;}
.mainBanner .slick-arrow:after{bottom:11px;}

.mainBanner .slick-controls .slide-pause,
.mainBanner .slick-controls .slide-play{width:30px;height:30px;border:0;margin-left:26px;background-size:30px auto;}

.contTitle{font-size:6rem;}

.btnDesign{width:185px;padding:13px 10px 11px 25px;}
.btnDesign:after{width:20px;height:20px;background-size:20px auto !important;margin-left:16px;margin-bottom:1px;}

.aboutCompany{padding:85px 0 90px;}

.businessInfo{padding:95px 0;}
.businessInfo .flexCont .imgBox{margin-bottom:35px;}
.businessInfo .flexCont dl dd .basicText{margin-bottom:40px;}
.businessInfo .flexCont dl dd .basicText:before{margin:30px 0 35px;width:60px;height:7.3px;background-size:60px auto;}
.businessInfo .flexCont dl dd .btnDesign{padding-left:30px;}


.mainMenu{padding:60px 0 85px;}
.mainMenu .contTitle02{margin-bottom:30px;}
.mainMenu ul li .tit:before{width:12px;height:12px;}

}

@media all and (max-width:501px){
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:4.8rem;}

.aboutCompany ul{display:block;}
.aboutCompany ul li{width:55vw;height:55vw;margin:0 auto !important;}
.aboutCompany ul li:nth-child(n+2){margin-top:15px !important;}
.aboutCompany ul li img{width:16vw;}
.aboutCompany ul li p{margin-top:2.60415vw;font-size:3.3437vw;margin-top:6vw;}

.mainMenu ul{display:block;}
.mainMenu ul li{width:100%;margin-right:0;}
.mainMenu ul li:nth-child(n+2){margin-top:10px;}
.mainMenu ul li .tit{left:10px;top:10px;}
.mainMenu ul li .tit:before{margin-right:10px;margin-top:-1px;}
}