@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: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{max-width:1280px;width:100%;position:absolute;left:50%;bottom:63px;line-height:0;display:flex;transform:translateX(-50%);}
.mainBanner .slick-controls .slick-dots{width:100%;display:flex !important;padding:0 10.157%;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;padding-right:40px;font-size:1.8rem;flex:1;}
.mainBanner .slick-controls .slick-dots li a{position:relative;display:block;padding-top:9px;color:#cccfd0;text-transform:uppercase;cursor:pointer;}
.mainBanner .slick-controls .slick-dots li a:before{width:100%;height:1px;background:#b5babe;position:absolute;left:0;top:-17px;content:'';}
.mainBanner .slick-controls .slick-dots li a span{display:inline-block;margin-right:2px;}
.mainBanner .slick-controls .slick-dots li.slick-active a{color:#fff;}
.mainBanner .slick-controls .slick-dots li.slick-active a:before{background:#fff;height:2px;}
.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: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 .slick-controls > div{position:relative;width:100%;}
.mainBanner .slick-controls > div .imgBox{position:absolute;left:0;top:-75px;}
.mainBanner .visualTextBox{padding:15.2% 20px;color:#fff;}
.mainBanner .visualTextBox dl dt{font-size:11.5rem;letter-spacing:-0.05em;margin-left:-6px;}
.mainBanner .visualTextBox dl dt span{font-family:'Noto+Serif';font-size:6rem;letter-spacing:0;display:inline-block;margin-left:2.6%;}
.mainBanner .visualTextBox dl dd{margin:1.875% 0 2.579%;line-height:1.7;font-size:2rem;letter-spacing:-0.025em;word-break:keep-all;color:#e2e3e3;}
.mainBanner .visualTextBox a{display:inline-block;font-size:2rem;letter-spacing:-0.05em;background:#0d6ab5;padding:15.5px 48.5px;}
/*.mainBanner .visualTextBox a.linkBuyer{background:#098cb9;padding:15.5px 20px 15.5px 24px;margin-left:13px;}*/
/*.mainBanner .visualTextBox a.linkBuyer{background:#e9d700;padding:15.5px 20px 15.5px 24px;margin-left:13px;color:#2a2700;}*/
.mainBanner .visualTextBox a.linkBuyer{background:#e6bf2f;padding:15.5px 38px 15.5px 37px;margin-left:13px;color:#2a2700;}

.visual .fp-tableCell .mainBanner, .visual .fp-tableCell .mainBannerCont, .visual .fp-tableCell .mainBannerCont div{height:100%;}
.content{max-width:1280px;margin:0 auto;}

.company .fp-tableCell{padding-top:3.784%;}
.company .sectionTitle{font-size:5rem;font-weight:bold;letter-spacing:-0.05em;color:#222;text-align:center;margin-bottom:27px;}
.company .basicText{color:#555;font-size:1.8rem;letter-spacing:-0.05em;text-align:center;word-break:keep-all;}
.company{background:url('/img/main/company_bg.jpg')no-repeat center top / cover;}
.company .companyLength{margin:33px 0 48px;display:flex;justify-content:space-between;}
.company .companyLength li{text-align:center;position:relative;flex:1;color:#222;letter-spacing:-0.05em;}
.company .companyLength li:after{width:1px;height:64.1%;background:#a3a3a3;position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';}
.company .companyLength li:last-child:after{display:none;}
.company .companyLength li dl dd{margin-top:20px;}
.company .companyLength li dl dd strong{display:block;opacity:0;transition:all .5s;font-size:6.8rem;font-weight:900;line-height:1;margin-bottom:14px;}
.company .companyLength li dl dd span{font-size:2.2rem;}
.company .companyList{display:flex;justify-content:space-between;letter-spacing:-0.05em;}
.company .companyList li{text-align:center;width:305px;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.company .companyList li:nth-child(1){background-image:url('/img/main/company_list01_off.jpg')}
.company .companyList li:nth-child(2){background-image:url('/img/main/company_list02_off.jpg')}
.company .companyList li:nth-child(3){background-image:url('/img/main/company_list03_off.jpg')}
.company .companyList li:nth-child(4){background-image:url('/img/main/company_list04_off.jpg')}
.company .companyList li:nth-child(1):hover{background-image:url('/img/main/company_list01_on.jpg')}
.company .companyList li:nth-child(2):hover{background-image:url('/img/main/company_list02_on.jpg')}
.company .companyList li:nth-child(3):hover{background-image:url('/img/main/company_list03_on.jpg')}
.company .companyList li:nth-child(4):hover{background-image:url('/img/main/company_list04_on.jpg')}
.company .companyList li{padding:8.672% 18px 1.563% 18px;position:relative;}
.company .companyList li .companyListCont dl{position:relative;z-index:3;}
.company .companyList li .companyListCont dl dt{font-size:3rem;font-weight:bold;color:#fff;}
.company .companyList li .companyListCont dl dd{font-size:1.8rem;color:#b9b9ba;margin:2px 0 50px;}
.company .companyList li a{display:block;border:1px solid #b2abac;color:#fff;font-size:1.6rem;padding:12px 0;position:relative;z-index:3;}
.company .companyList li:hover{box-shadow:8px 15px 15px #777;}
.company .companyList li:hover:after{width:100%;height:100%;background:rgba(33,72,105,.4);position:absolute;left:0;top:0;z-index:1;content:'';}
.company .companyList li:hover a{border-color:#fff;color:#0d6ab5;background:#fff;}

.news .fp-tableCell{padding-top:5.255%;}
.news .sectionTitle{font-weight:bold;letter-spacing:-0.05em;font-size:5rem;color:#fff;margin-bottom:24px;}
.news .sectionTitle span{font-size:1.6rem;font-weight:400;display:inline-block;margin-left:7px;color:#ddd;letter-spacing:-0.025em;}
.news{background:url('/img/main/news_bg.jpg')no-repeat center top / cover;}
.news .newsContBox{display:flex;justify-content:space-between;}
.news .newsContBox .newsCont {width:416px;background:rgba(255,255,255,.9);padding:40px 29px 13px;position:relative;letter-spacing:-0.05em;}
.news .newsContBox .newsCont .newsTitle{font-size:3rem;font-weight:bold;color:#222;position:relative;margin-bottom:48px;line-height:1;}
.news .newsContBox .newsCont .newsTitle img{vertical-align:-2px;margin-right:14px;}
.news .newsContBox .newsCont .newsTitle:after{width:40px;height:3px;background:#000;position:absolute;left:0;bottom:-30px;content:'';}
.news .newsContBox .newsCont ul li{color:#555;font-size:1.6rem;margin-bottom:18px;}
.news .newsContBox .newsCont ul li a{display:flex;justify-content:space-between;}
.news .newsContBox .newsCont ul li span{width:105px;text-align:right;}
.news .newsContBox .newsCont .btnGoBoard{position:absolute;top:0;right:30px;}
.news .newsContBox .newsCont ul li p{display:inline-block;width:calc(100% - 105px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news .newsBannerBox{display:flex;justify-content:space-between;}
.news .newsBannerBox .newsBannerCont{width:630px;margin-top:20px;}
.news .newsBannerBox .newsBannerCont a{padding:39px 38px;display:block;}
.news .newsBannerBox .newsBannerCont:nth-child(1){background:url('/img/main/news_banner01.jpg')no-repeat center top /cover;}
.news .newsBannerBox .newsBannerCont:nth-child(2){background:url('/img/main/news_banner02.jpg')no-repeat center top /cover;}
.news .newsBannerBox .newsBannerCont dl dt{font-size:3.4rem;font-weight:bold;color:#222;}
.news .newsBannerBox .newsBannerCont dl dd{color:#555;margin:2px 0 21px;}
.news .newsBannerBox .newsBannerCont .btnGoBanner{background:#0d6ab5;padding:5px 11px 6px;display:inline-block;color:#fff;font-size:1.6rem;border-radius:30px;}
.news .newsBannerBox .newsBannerCont .btnGoBanner img{vertical-align:2px;}

.status{background:#768ca4;text-align:center;}

@media screen and (max-width:1920px){
.mainBanner .mainBannerCont{width:1280px;margin:0 auto;}
.mainBanner .mainBannerCont .slick-list{margin:0 -320px;}
.mainBanner .mainBannerCont .slick-list img{width:auto;}
}

@media screen and (max-width:1352px){
.status{padding:0 20px;}

}

@media screen and (max-width:1279px){
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
.mainBanner .mainBannerCont .slick-list{margin:0;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}
.mainBanner .visualTextBox{padding:23% 0;}
.mainBanner .slick-controls{max-width:100%;}
.mainBanner .slick-controls > div .imgBox{left:20px;}



.section, .fp-tableCell{height:auto !important;}
.section .fp-tableCell{padding:75px 0 !important;}
.section.visual .fp-tableCell, .section.mainFooter .fp-tableCell{padding:0 !important;}


.content{width:100%;padding:0 20px;}
.company .companyList li{width:23.5%}

.news .newsContBox .newsCont{width:32.5%;}
.news .newsBannerBox .newsBannerCont{width:49%;}

}

@media screen and (max-width:979px){
.company .companyList li .companyListCont dl dt{font-size:2.8rem;}

.news .newsContBox .newsCont{padding-top:55px;}
.news .newsContBox .newsCont ul li p{width:calc(100% - 80px);}
.news .newsContBox .newsCont ul li span{width:80px;}

}

@media screen and (max-width:767px){
.mainBanner .mainBannerCont .slick-list{margin:0;}
.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 .visualTextBox{padding:33% 0;}
.mainBanner .visualTextBox a,
.mainBanner .visualTextBox a.linkBuyer{padding:12px 35px;margin:0 5px 10px 0;}
.mainBanner .visualTextBox dl dt{font-size:9rem;}
.mainBanner .visualTextBox dl dt span{font-size:5rem;}
.mainBanner .visualTextBox dl dd{margin:15px 0 30px;}
.mainBanner .visualTextBox dl dd br{display:none;}
.mainBanner .slick-controls{bottom:30px;}
.mainBanner .slick-controls > div .imgBox{display:none;}
.mainBanner .slick-controls .slick-dots{flex-wrap:wrap;justify-content:center;padding:0 20px;}
.mainBanner .slick-controls .slick-dots li{width:50px;font-size:1.5rem;padding-right:15px;flex:none;margin-right:10px};
.mainBanner .slick-controls .slick-dots li{}
.mainBanner .slick-controls .slick-dots li a{width:50px;text-indent:-99999em;color:transparent !important;padding-bottom:10px;}
.mainBanner .slick-controls .slick-dots li a:before{top:-10px;}

.section .fp-tableCell{padding:50px 0!important;}

.company .sectionTitle{margin-bottom:13px;}
.company .companyLength li img{width:70px;}
.company .companyLength li dl dd{margin-top:10px;}
.company .companyLength li dl dd strong{font-size:4.5rem;opacity:1;}
.company .companyLength li dl dd span{font-size:1.9rem;}
.company .companyList{flex-wrap:wrap;}
.company .companyList li{width:49%;margin-top:15px;padding:12% 10px 15px 10px;}
.company .companyList li:nth-child(-n+2){margin-top:0;}
.company .companyList li a{padding:8px;}

.news .sectionTitle{margin-bottom:12px;}
.news .newsContBox{flex-wrap:wrap;}
.news .newsContBox .newsCont{width:100%;margin-top:15px;padding:30px 15px 10px;}
.news .newsContBox .newsCont:nth-child(1){margin-top:0;}
.news .newsContBox .newsCont ul li{margin-bottom:10px;}
.news .newsContBox .newsCont .newsTitle{margin-bottom:35px;}
.news .newsContBox .newsCont .newsTitle:after{width:33px;height:2px;bottom:-20px;}
.news .newsContBox .newsCont .newsTitle img{width:23px;vertical-align:0;margin-right:9px;}
.news .newsContBox .newsCont .btnGoBoard img{width:35px;}

.news .newsBannerBox{flex-wrap:wrap;}
.news .newsBannerBox .newsBannerCont{width:100%;}
.news .newsBannerBox .newsBannerCont a{padding:20px;}


}


@media screen and (max-width:501px){
.company .companyLength li dl dd strong{font-size:3.8rem;}
.company .companyList li .companyListCont dl dd{margin-bottom:25px;}
}

@media screen and (max-width:480px){
.visual .fp-tableCell .mainBanner, .visual .fp-tableCell .mainBannerCont, .visual .fp-tableCell .mainBannerCont div{height:95vh;min-height:600px;}
}