@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:48px;height:48px;border:1px solid #c9c2be;}
.mainBanner .slick-arrow.slick-prev{background:url(/img/main/main_arrow_prev.png)no-repeat;}
.mainBanner .slick-arrow.slick-next{background:url(/img/main/main_arrow_next.png)no-repeat;margin-left:-1px;}

.mainBanner .slick-controls{max-width:1500px;width:100%;position:absolute;left:50%;bottom:21%;line-height:0;display:flex;transform:translateX(-50%);align-items:flex-end;}
.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;background:none;}
.mainBanner .slick-controls .slide-pause{width:9px;height:15px;background:url(/img/main/main_banner_pause.png)no-repeat;border: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:0 17px 0 24px;line-height:15px;font-family:'Montserrat';letter-spacing:-0.01em;}
.mainBanner .slick-controls .pagingInfo span{display:inline-block;margin:0 5px;}
.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;}

.scrollImg{position:absolute;left:50%;bottom:47px;transform:translateX(-50%);font-size:1.2rem;letter-spacing:0.04em;color:#fff;text-align:center;}
.scrollImg img{margin:0 auto 8px !important;}

.mainBannerText{width:100%;height:auto !important;position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:'Playfair Display';color:#fff;}
.mainBannerText .mainBannerTit{font-size:11.5rem;letter-spacing:-0.025em;margin-left:-11px;}
.mainBannerText .mainBannerBasic{font-size:4.2rem;letter-spacing:-0.015em;line-height:1.3096;margin-top:24px;padding-left:3px;}

/*.contents{max-width:1500px;margin:0 auto;}*/
.btnMore{display:inline-block;font-size:1.8rem;letter-spacing:-0.03em;color:#333;border-radius:50px;border:1px solid #a8a8a8;padding:7px 42px 9px}

.board{background:url(/img/main/board_bg.jpg)no-repeat center top / cover;}
.board .quickList{width:calc(100% - 450px);display:flex;flex-wrap:wrap;padding:0 0 0 32px;text-align:center;margin-top:35px;}
.board .quickList li:nth-child(n+2){margin-left:77px;}
/*.board .quickList li:nth-child(n+3){margin-top:50px;}*/
.board .quickList li span{position:relative;display:inline-block;font-size:2.45rem;font-weight:500;margin-top:17px;color:#222;letter-spacing:-0.05em;}
.board .quickList li span:after{width:8px;height:15px;background:url(/img/main/board_arrow_icon.png)no-repeat;content:'';position:absolute;right:-17px;top:50%;transform:translateY(-50%);}
.board .boardWrap{display:flex;align-items:center;justify-content:space-between;}
.board .boardBox{width:450px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.board .boardBox .boardCont {width:100%;}
.board .boardBox .boardCont dt{font-size:3.3rem;font-weight:700;letter-spacing:-0.05em;color:#222;margin-bottom:13px;display:flex;justify-content:space-between;line-height:1;}
.board .boardBox .boardCont dt a img{vertical-align:middle;}
.board .boardBox .boardCont dd{/*height:237px;*/background:#fff;padding:49px 43px 48px;border-radius:15px;}
.board .boardBox .boardCont dd ol li{line-height:1.945;font-size:1.8rem;letter-spacing:-0.03em;}
.board .boardBox .boardCont dd ol li a{display:flex;justify-content:space-between;}
.board .boardBox .boardCont dd ol li a p{display:inline-block;width:calc(100% - 70px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board .boardBox .boardCont dd ol li a span{color:#919191;margin-left:24px;}
/*.board .boardBox dl:last-child{width:100%;height:200px;background:#fff url(/img/main/board_hire_bg.png)no-repeat right top;margin-top:30px;padding:51px 47px 0;border-radius:15px;;}
.board .boardBox dl:last-child dt{font-size:3.3rem;font-weight:700;letter-spacing:-0.05em;color:#222;margin-bottom:4px;}
.board .boardBox dl:last-child dd{font-size:2rem;color:#666;letter-spacing:-0.03em;}
.board .boardBox dl:last-child dd p{display:inline-block;}
.board .boardBox dl:last-child dd .btnMore{margin-left:11px;vertical-align:4px;}*/

.business{background:url(/img/main/business_bg.jpg)no-repeat center top / cover;}
.business .businessTit{display:flex;align-items:center;}
.business .businessTit dt{font-family:'Playfair Display';font-size:6.8rem;margin-right:53px;line-height:1.1;letter-spacing:-0.03em;}
.business .businessTit dt span{font-family:'SpoqaHanSansNeo';}
.business .businessTit dd{line-height:1.546;padding-top:28px;font-size:2.2rem;font-weight:300;}
.business ul{display:flex;justify-content:space-between;margin-top:95px;padding:0 92px;}
.business ul li{width:373px;background:#fff;text-align:center;padding:51px 20px 48px;border-radius:50px;word-break:keep-all;}
.business ul li dl dt{font-size:2.7rem;font-weight:700;letter-spacing:-0.05em;color:#222;margin:23px 0 14px}
.business ul li dl dd{font-size:2.2rem;font-weight:300;letter-spacing:-0.03em;color:#666;margin-bottom:34px;}
.business ul li .btnMore:hover{background:linear-gradient(60deg, #0c9de0 20%, #15d161);color:#fff;border:none;}

.contact{background:url(/img/main/contact_bg.jpg)no-repeat center top / cover;text-align:center;color:#fff;letter-spacing:-0.03em;}
.contact dl dt{font-family:'Playfair Display';font-size:6.8rem;font-weight:500;}
.contact dl dd p{font-size:2.2rem;margin:35px 0 40px;font-weight:300;}
.contact dl dd a{display:inline-block;padding:15px 45.5px;border:2px solid #dbdbdb;border-radius:30px;}
.contact dl dd a:hover{background:linear-gradient(60deg, #0c9de0 20%, #15d161);color:#fff;border:none;padding:17px 47.5px;}

.contact.fp-auto-height.fp-section, .contact.fp-auto-height .fp-slide, .contact.fp-auto-height .fp-tableCell{height:395px !important;}

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

}


@media all and (max-width:1540px){
/*.mainBanner .mainBannerCont{width:100%}
.mainBanner .mainBannerCont .slick-list{margin:0%;}*/
.mainBanner .slick-controls{padding-left:40px;}

.board .quickList{width:41%;padding-left:0;}
.board .quickList li:nth-child(2n){margin-left:14%;}
.board .quickList li:nth-child(3){margin-left:0;}
.board .quickList li:nth-child(n+3){margin-top:30px;}
.board .boardBox{width:50%;}

.business .businessTit{display:block;text-align:center;}
.business .businessTit dt{margin-right:0;}
.business ul{padding:0;}
.business ul li{width:28%;}
}

@media all and (max-width:1279px){
.mainBanner{top:-2px;}
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
.mainBanner .mainBannerCont{width:1279px;margin:0 auto;}
.mainBanner .mainBannerCont .slick-list{margin:0 -40% 0;}
.mainBanner .mainBannerCont .slick-list img{width:auto;}
/*.mainBanner .mainBannerCont .slick-list img{width:100%;}*/
.mainBannerText{left:120px;}
.mainBannerText .mainBannerTit{}
.mainBanner .slick-controls{padding-left:20px;}

/*.board .boardWrap{display:block;}
.board .quickList{width:100%;padding-left:0;}
.board .quickList li{flex:1;}
.board .quickList li:nth-child(2n){margin-left:0;}
.board .quickList li:nth-child(n+3){margin-top:0;}
.board .boardBox{width:100%;margin-top:50px;}
.board .boardBox dl:last-child{background-size:cover;}
.board .boardBox .boardCont dd{height:223px;}*/
.board .quickList li{width:50%;padding:0 20px;}
.board .quickList li:nth-child(2n){margin-left:0;}

}

@media all and (max-width:979px){
.board .quickList li img{width:150px;}

.business ul li{width:30%;}
.business ul li img{width:90px;}
}

@media all and (max-width:767px){
.visual, .visual .fp-tableCell{height:auto !important;}
.section{padding:50px 0;}
.visual.section{padding:0;}
.mainBanner{top:0;}
.mainBanner .mainBannerCont{width:100%;}
.mainBanner .mainBannerCont .slick-list{margin:0;}

.mainBannerText{left:0;}
.mainBannerText .mainBannerTit{font-size:5rem;margin-left:0;line-height:1.2;}
.mainBannerText .mainBannerBasic{font-size:3rem;}

.mainFooter{padding:0 !important}
.mainBanner .slick-arrow{width:40px;height:40px;background-size:40px auto !important;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:24px;left:0;}
.mainBanner .slick-arrow:before{top:11px;}
.mainBanner .slick-arrow:after{bottom:11px;}
.mainBannerText{top:40%;}
.mainBanner .slick-controls{bottom:calc(50% - 100px);}

.btnMore{padding:5px 30px 7px;}


.board .boardWrap{display:block;}
.board .quickList{width:100%;padding-left:0;}
.board .quickList li{flex:1;}


.board .quickList{padding-top:0;}
.board .quickList li{flex:none;width:50%;}
.board .quickList li:nth-child(n+3){margin-top:30px;}
.board .quickList li span{margin-top:8.5px; }
.board .boardBox{margin-top:20px;width:100%;}
.board .boardBox .boardCont{width:100%;}
.board .boardBox .boardCont{margin-top:30px;}
.board .boardBox .boardCont dt{font-size:2.8rem;}
.board .boardBox .boardCont dd{padding:25px 21px;}
/*.board .boardBox dl:last-child{height:150px;padding:25px 23px 0;background-position:right 60% top;}
.board .boardBox dl:last-child dt{font-size:2.8rem;}
.board .boardBox dl:last-child dd p{display:block;}
.board .boardBox dl:last-child dd .btnMore{margin:10px 0 0;}*/
.board .boardBox .boardCont dd{height:auto;}
.board .boardBox .boardCont dt a img{width:20px;}

.business .businessTit dt{font-size:6rem;}
.business ul{margin-top:47.5px;flex-wrap:wrap;}
.business ul li{width:100%;padding:25px 10px;}
.business ul li:nth-child(n+2){margin-top:15px;}
.business ul li img{width:80px;}
.business ul li .btnMore:hover{padding:6px 31px 8px;}
.business ul li dl dt{font-size:2.4rem;margin:11.5px 0 7px}
.business ul li dl dd{font-size:2rem;margin-bottom:17px;}

.contact.fp-auto-height.fp-section, .contact.fp-auto-height .fp-slide, .contact.fp-auto-height .fp-tableCell{height:250px !important;}
.contact dl dt{font-size:6.3rem;}
.contact dl dd a{padding:12px 32px;}
.contact dl dd a:hover{padding:14px 34px;}
}

@media all and (max-width:501px){
.board .quickList li img{width:130px;}
.board .boardBox dl:last-child{background-position:right 45% top;}
}