@charset "utf-8";
.mainYoutube{padding:0 20px;}
.mainYoutube #ytbg{margin:0 auto;}
.mainBanner{padding:0 20px;}
.mainBanner .mainBannerBox{position:relative;max-width:1780px;margin:0 auto;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}

.mainBanner .slick-arrow{cursor:pointer;}
/*.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:280px;height:80px;background:#fcb040;position:absolute;left:0;bottom:0;line-height:0;display:flex;align-items:center;justify-content:center;}
.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 #fcb040;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{background:#fcb040;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;line-height:15px;font-size:1.8rem;margin:0 73px;letter-spacing:-0.05em;}


.bgGray{background:#f4f3f4;}
.c_fcb040{color:#fcb040;}
.sectionTitle{font-size:6rem;font-weight:700;line-height:1.2334;color:#000;letter-spacing:-0.05em;margin-bottom:22px;}
.basicText{line-height:1.625;letter-spacing:-0.05em;}

.mainCompany{padding:0 20px;}
.mainCompany .bgGray{padding:68px 0 89px;margin-top:80px;}
.mainCompany .bgGray .flex{display:flex;}
.mainCompany .bgGray .flex > div{width:50%;padding-right:70px;word-break:keep-all;}
.mainCompany .bgGray .flex .mainCompanyLeft{padding-right:20px;}
.mainCompany .bgGray .flex .mainCompanyLeft .supTitle{font-size:1.8rem;font-weight:700;}
.mainCompany .bgGray .flex .mainCompanyLeft .sectionTitle{margin:16px 0 0 -4px;}
.mainCompany .bgGray .flex .mainCompanyRight{padding-top:51px;}
.mainCompany .bgGray .flex .mainCompanyRight div p{margin-top:6px;}
.mainCompany .bgGray .flex .mainCompanyRight a{display:inline-block;font-weight:bold;margin-top:19px;color:#333;}
.mainCompany .bgGray .flex .mainCompanyRight a:after{width:50px;height:2px;background:#fcb040;display:inline-block;margin-left:20px;vertical-align:5px;content:'';}

.mainBusiness .container{padding:117px 0 178px;background:url(/img/main/business_bg.png)no-repeat left 64% top 114px;}
.mainBusiness .container .mainBusinessList{display:flex;justify-content:space-between;margin-top:120px;}
.mainBusiness .container .mainBusinessList li{position:relative;letter-spacing:-0.05em;}
.mainBusiness .container .mainBusinessList li .imgBox{position:relative;box-shadow:10px 15px 20px #aaa;}
/*.mainBusiness .container .mainBusinessList li:hover .imgBox:after{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(230,158,52,.9);content:'';z-index:1;}*/
.mainBusiness .container .mainBusinessList li span{position:absolute;top:46px;left:40px;color:#fff;font-weight:700;font-size:2.4rem;}
.mainBusiness .container .mainBusinessList li:hover span{display:none;}
.mainBusiness .container .mainBusinessList li:nth-child(1){margin-top:30px;}
.mainBusiness .container .mainBusinessList li:nth-child(2){margin-top:110px;}
.mainBusiness .container .mainBusinessList li:nth-child(3){margin-top:70px;}
.mainBusiness .container .mainBusinessList li:nth-child(4){}
.mainBusiness .container .mainBusinessList li .mainBusinessListHover{display:none;width:100%;height:100%;position:absolute;left:0;top:0;content:'';z-index:2;flex-direction:column;justify-content:center;align-items:center;color:#fff;background: linear-gradient(0deg, rgba(254,135,0,.9) 0%, rgba(252,176,64,.9));padding:0 10px;}
.mainBusiness .container .mainBusinessList li:hover .mainBusinessListHover{display:flex;}
.mainBusiness .container .mainBusinessList li .mainBusinessListHover p{font-weight:700;font-size:2.4rem;text-align:center;}
.mainBusiness .container .mainBusinessList li .mainBusinessListHover a{width:61.225%;display:inline-block;border:1px solid #fff;text-align:center;margin-top:24px;padding:12px 0;} 

.mainBrand{padding:0 20px;}
.mainBrand .container{padding:98px 0 154px;}
.mainBrand dl{text-align:center;}
.mainBrand dl dt{}
.mainBrand dl dd{margin-bottom:41px;}
.mainBrand .brandList ul{display:flex;flex-wrap:wrap;}
.mainBrand .brandList ul li{width:calc(25% - 13px);padding:25px 0;margin:5px 6.5px;background:#fff;border-radius:12px;text-align:center;}
.mainBrand .brandList button{border:0;}
.mainBrand .brandList .slick-slide img{margin:0 auto;}
.mainBrand .brandList .slick-arrow{width:50px;height:50px;position:absolute;top:50%;margin-top:-25px;font-size:0;color:transparent;}
.mainBrand .brandList .slick-arrow.slick-prev{background:url(/img/main/black_prev_arrow.png)no-repeat;left:-74px;}
.mainBrand .brandList .slick-arrow.slick-next{background:url(/img/main/black_next_arrow.png)no-repeat;right:-74px;}
.mainContact{height:780px;background:url(/img/main/contact_us_bg.jpg) no-repeat center top/cover;}
.mainContact .container{height:100%;display:flex;align-items:center;text-align:center;}
.mainContact .container dl{padding-bottom:149px;}
.mainContact .container .btnContact{position:relative;display:inline-block;margin-bottom:20px;}
.mainContact .container .btnContact:before{width:1px;height:90px;background:#000;position:absolute;left:50%;bottom:calc(100% + 30px);margin-top:-30px;content:"";}

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

@media all and (max-width:1820px){
.mainYoutube #ytbg{width:100% !important;}
.mainBanner .mainBannerCont {width:100%;}
.mainContact .mainContactText{padding:2.4% 0 0 10%;}
}

@media all and (max-width:1500px) {
.mainBrand .brandList ul li{width:32%;}
.mainBrand .contents{padding:0 50px;}
}

@media all and (max-width:1400px) {
.mainBrand .contents{padding:0 80px;}
/*.mainBrand .brandList .slick-arrow.slick-prev{left:-45px;}
.mainBrand .brandList .slick-arrow.slick-next{right:-45px;}*/
.mainBusiness .container .mainBusinessList{margin-top:9.5%;}
}

@media all and (max-width:1279px){
.mainYoutube #ytbg{height:66vh !important;}
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
/*.mainBanner .mainBannerCont .slick-list{margin:0 -25%;}*/
.mainBanner .mainBannerCont .slick-list img{width:100%;}

.mainCompany .bgGray .flex .mainCompanyLeft .sectionTitle{font-size:5.5rem;}

.mainContact .mainContactText{padding:2.4% 0 0 20px;}
.mainContact .mainContactText .sectionTitle{font-size:5.5rem;}
.mainContact .mainContactText .mainContactInfo li dl dt:before{vertical-align:-1px;}

.mainBusiness .container{background-size:contain;background-position:center;}
.mainBusiness .container .mainBusinessList li{width:24%;}
.mainBusiness .container .mainBusinessList li:nth-child(1){margin-top:2.4%;}
.mainBusiness .container .mainBusinessList li:nth-child(2){margin-top:8.75%;}
.mainBusiness .container .mainBusinessList li:nth-child(3){margin-top:6%;}
.mainBusiness .container .mainBusinessList li span{left:10%;}

.mainBrand .contents{padding:0 20px;}
.mainBrand .brandList{padding:0 100px;}
.mainBrand .brandList ul{}
.mainBrand .brandList ul li{margin-right:2%;margin-left:0;}
.mainBrand .brandList ul li:nth-child(3n){margin-right:0;}
.mainBrand .brandList .slick-arrow.slick-prev{left:0;}
.mainBrand .brandList .slick-arrow.slick-next{right:0;}
}

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

.mainContact{background-position:left -105px bottom 80px;}
.mainContact .flex{flex-wrap:wrap;}
.mainContact .mainContactText{width:100%;order:1;}
.mainContact .mainMap{width:calc(100% - 40px);margin:0 auto;order:0;}
.mainContact .mainContactText .mainContactInfo li dl dt:before{vertical-align:-2px;}

.mainCompany .bgGray .flex{display:block;}
.mainCompany .bgGray .flex > div{width:100%;padding-right:0;}
.mainCompany .bgGray .flex .mainCompanyLeft .sectionTitle{margin:8px 0 0 -2px;}

.mainBusiness .container .mainBusinessList li span{font-size:2rem;}
.mainBusiness .container .mainBusinessList li .mainBusinessListHover p{font-size:2rem;}

.mainBrand .brandList ul li img{width:160px;}

.mainContact{height:600px;}
.mainContact .container .btnContact{margin-bottom:0;}
}

@media all and (max-width:767px){
.sectionTitle{margin-bottom:10px;}

/*.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:24px;left:0;}
.mainBanner .slick-arrow:before{top:11px;}
.mainBanner .slick-arrow:after{bottom:11px;}*/

.mainYoutube #ytbg{height:63vh !important;}

.mainBanner .slick-controls{width:200px;height:60px;left:50%;transform:translateX(-50%);}
.mainBanner .slick-controls .pagingInfo{margin:0 35px;}
.mainBanner .slick-arrow img{width:8px;}

.mainCompany .bgGray{padding:34px 0 45px;margin-top:40px;}
.mainCompany .bgGray .flex .mainCompanyRight{padding-top:25px;}

.mainContact{padding:45px 0;}
.mainContact .mainContactText{padding:30px 20px 0;}
.mainContact .mainContactText .sectionTitle{}
.mainContact .mainContactText .sectionTitle img{width:28px;}
.mainContact .mainContactText .mainContactInfo{margin-top:25px;}
.mainContact .mainContactText .mainContactInfo li{margin-bottom:15px;}
.mainContact .mainContactText .mainContactInfo li dl dt:before{margin-right:5px;}
.mainContact .mainMap iframe{height:400px !important;}

.mainBusiness .container{background:none;padding:58px 0 89px;}
.mainBusiness .container .mainBusinessList{flex-wrap:wrap;margin-top:20px;}
.mainBusiness .container .mainBusinessList li{width:49%;margin-top:15px !important;}
.mainBusiness .container .mainBusinessList li .imgBox img{width:100%;}
.mainBusiness .container .mainBusinessList li span{top:25px;left:6%;}
.mainBusiness .container .mainBusinessList li .mainBusinessListHover a{padding:8px 0;margin-top:15px;}


.mainBrand .container{padding:47px 0 77px;}
.mainBrand .brandList{padding:0 30px;}
.mainBrand .brandList ul li img{width:100px;}
.mainBrand .brandList .slick-arrow{width:35px;height:35px;background-size:35px 35px !important;}
.mainBrand .brandList .slick-arrow.slick-prev{left:-10px;}
.mainBrand .brandList .slick-arrow.slick-next{right:-10px;}

.mainContact{height:auto;padding:60px 0;}
.mainContact .container dl{padding-bottom:110px;}
.mainContact .container .btnContact a img{width:250px;}
.mainContact .container .btnContact:before{height:60px;}
}

@media all and (max-width:501px){
.mainBrand .brandList ul li img{width:60px;}
.mainBanner .slick-controls .pagingInfo{font-size:1.8rem;}

.mainCompany .bgGray .flex .mainCompanyLeft .sectionTitle{font-size:4.1rem;}
.mainContact .container dl dd br{display:none;}
}