@charset "utf-8";

.mainBanner{height:100%;position:relative;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .slick-arrow{width:30px;height:57px;margin-top:-29px;background:none;position:absolute;top:50%;border:0;z-index:1;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:40px;height:2px;background:#fff;position:absolute;left:-5px;content:"";}
.mainBanner .slick-arrow:before{top:14px;}
.mainBanner .slick-arrow:after{bottom:14px;}
.mainBanner .slick-arrow.slick-prev{left:16%;}
.mainBanner .slick-arrow.slick-prev:before{transform:rotate(-45deg);}
.mainBanner .slick-arrow.slick-prev:after{transform:rotate(45deg);}
.mainBanner .slick-arrow.slick-next{right:16%;}
.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:0;bottom:121px;line-height:0;text-align:center;z-index:1;}
.mainBanner .slick-controls .slick-dots{margin:0 10px;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin:0 12.5px;}
.mainBanner .slick-controls .slick-dots li button{width:10px;height:10px;background:rgba(255,255,255,.2);border-radius:50%;font-size:0;letter-spacing:-1000em;text-indent:-1000em;border:0;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:30px;background:#fff;border-radius:30px;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:10px;height:15px;}
.mainBanner .slick-controls .slide-pause:before,
.mainBanner .slick-controls .slide-pause:after{width:3px;height:15px;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:7.5px solid transparent;border-right:0 solid transparent;border-bottom:7.5px solid transparent;border-left:10px solid #fff;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}
.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;}

.mainBanner .slideText{width:100%;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding-top:10px;}
.mainBanner .slideText dt{font-size:9.6rem;font-weight:700;line-height:1.1459;margin-bottom:30px;}
.mainBanner .slideText dd{font-size:2.4rem;font-weight:500;line-height:3.75;}

#fullpage{height:100% !important;}
.fp-viewing-mainFooter #fp-nav{display:none;}

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

.contSup{font-size:2.4rem;font-weight:700;color:#fff;margin-bottom:25px;}
.contTitle{font-size:4.8rem;font-weight:700;color:#fff;line-height:1.2917;letter-spacing:-0.02em;word-break:keep-all;}

.businessTitle{font-size:10rem;font-weight:700;color:#fff;position:relative;left:50%;margin-left:-560px;}

.btnDetail{width:160px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#52647e;background:#fff;}

.philosophy{background:url(/img/main/philosophy_bg.jpg)no-repeat center top / cover}
.philosophy .contTitle{margin-bottom:44px;}
.philosophy ul{display:flex;justify-content:center;}
.philosophy ul li{max-width:350px;word-break:keep-all;}
.philosophy ul li:nth-child(n+2){margin-left:18px;}
.philosophy ul li .imgBox img{border-radius:50%;}
.philosophy ul li dl dt{font-size:3.2rem;font-weight:700;color:#fff;margin:20px 0 25px;}
.philosophy ul li dl dd{font-size:1.7rem;line-height:24px;color:#bbb;letter-spacing:-0.02em;}


.business01{background:url(/img/main/business01_bg.jpg)no-repeat center top / cover}
.business02{background:url(/img/main/business02_bg.jpg)no-repeat center top / cover}
.business02 .btnDetail{color:#3a3f51;}
.business03{background:url(/img/main/business03_bg.jpg)no-repeat center top / cover}
.business03 .btnDetail{color:#574852;}

.businessCont{display:flex;align-items:flex-start;color:#fff;margin-top:62px;position:relative;left:50%;margin-left:-165px;}
.businessCont .num{font-size:2rem;font-weight:700;margin-right:94px;position:relative;}
.businessCont .num:before{width:35px;height:1px;background:#fff;position:absolute;right:-62px;top:50%;margin-top:-0.5px;content:'';}
.businessCont dl dt{font-size:4.8rem;font-weight:700;line-height:1;padding-top:2px;}
.businessCont dl dd{font-size:1.8rem;font-weight:500;letter-spacing:-0.02em;line-height:1.667;}
.businessCont dl dd p{margin:33px 0 50px;word-break:keep-all;}

.notice{background:#181d23;}
.notice .flexCont{display:flex;}
.notice .flexCont .textBox{width:41.429%;padding-right:25px;}
.notice .flexCont .list{width:58.571%;border-top:1px solid #3f4849;}
.notice .flexCont .list li a{display:flex;justify-content:space-between;padding:43px 11px 40px;border-bottom:1px solid #3f4849;}
.notice .flexCont .list li p{width:58%;font-size:2rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:15px;}
.notice .flexCont .list li span{font-size:1.7rem;font-weight:300;letter-spacing:-0.02em;color:#ccc;flex-shrink:0;}
.notice .btnDetail{margin-top:102px;color:#0b141b}



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

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

@media all and (max-width:1279px){
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
.mainBanner .mainBannerCont .slick-list{margin:0 -45%;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}

.mainBanner .slick-controls .slick-dots li{margin:0 8px;}

.businessTitle{margin-left:-45.198%;}

.philosophy ul li{width:33.333%;}

.businessCont{margin-left:-12.612%}
}

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

#fullpage{overflow:hidden;}
.fp-section, .fp-tableCell{height:auto !important;vertical-align:top;}

.philosophy ul li dl dd br{display:none;}
.notice .flexCont .list li p{width:75%;}

}

@media all and (max-width:767px){
.mainBanner .slick-arrow{height:40px;margin-top:-20px;}
.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{bottom:42%;}

.mainBanner .mainBannerCont .slick-list{margin:0;}


.mainBanner .slideText dt{margin-bottom:15px;font-size:6rem;}


.inner{padding:100px 20px;}

.contTitle{font-size:4.2rem;}
.contSup{font-size:2.2rem;margin-bottom:12.5px;}

.btnDetail{width:120px;height:40px;}



.philosophy .contTitle{margin-bottom:22px;}
.philosophy ul{flex-wrap:wrap;justify-content:flex-start;}
.philosophy ul li{width:50%;padding:0 20px;}
.philosophy ul li:nth-child(n+2){margin-left:0;}
.philosophy ul li:nth-child(n+3){margin-top:50px;}
.philosophy ul li dl dt{margin:10px 0 12.5px;font-size:3rem;}


.businessTitle{font-size:7rem;margin-left:0;left:7%;}
.businessCont dl dt{font-size:4.2rem;}
.businessCont dl dd p{margin:16.5px 0 30px;}


.businessCont{margin-left:0;justify-content:flex-end;left:0;padding-right:10%;margin-top:31px;}
.businessCont .num{margin-right:70px;}
.businessCont .num:before{right:-52px;}

.business03 {margin-top:-1px;}

.notice .flexCont{display:block;}
.notice .flexCont .textBox{width:100%;padding-right:0;}
.notice .flexCont .list{width:100%;margin-top:70px;}
.notice .flexCont .list li a{padding:30px 10px 28px;}
.notice .flexCont .list li p{width:84%;}
.notice .btnDetail{margin-top:51px;}

}

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

.philosophy ul{justify-content:center;}
.philosophy ul li{width:70%;padding:0;}
.philosophy ul li:nth-child(2){margin-top:50px;}
.philosophy ul li .imgBox{text-align:center;}
.philosophy ul li .imgBox img{width:90%;}
.philosophy ul li dl dd br{display:block;}

.businessTitle{left:0;}


.businessCont{padding-right:0;flex-wrap:wrap;justify-content:flex-start;}

.businessCont dl{width:100%;margin-top:40px;}
.businessCont .num:before{width:30px;left:0;right:auto;bottom:-20px;top:auto;}

}