@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;}
.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:15px;}

.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;}

.mainVideo .videoBox{margin-top:140px;border-radius:1.8229vw;overflow:hidden;position:relative;padding-top:43%;}
.mainVideo video{width:100%;border-radius:1.8229vw;position:absolute;left:0;top:-140px;}

.inner{max-width:1880px;margin:0 auto;border-radius:1.8229vw;}
.cont{max-width:1600px;margin:0 auto;}

.contTitle{font-family:'Montserrat';font-size:9rem;font-weight:500;color:#222;letter-spacing:-0.05em;margin-left:-8px;} 
.basicText{font-size:2rem;line-height:1.6;letter-spacing:-0.04em;color:#666;}

.btnDesign{width:240px;font-size:1.6rem;font-weight:700;letter-spacing:-0.04em;color:#222;background:#fff;padding:19px 15px 18px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #000;}
.btnPlus:after{width:12px;height:12px;margin-left:7px;display:inline-block;background:url('/img/main/plus_icon.png')no-repeat;content:'';}

.mainCont{overflow:hidden;}

.top.white .contTitle{color:#fff;}
.top.white .basicText{color:#fff;}
.top .basicText{margin-top:22px;}
.top .flexCont{display:flex;justify-content:space-between;align-items:flex-start;}
.top .flexCont a{margin-top:22px;}

.companyIntroduction{padding-top:176px;background:#fff;}
.companyIntroduction .top .basicText{margin-top:28px;}
.companyIntroduction .box{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #e4e4e4;margin-top:73px;}
.companyIntroduction .box .imgBox{width:32.813%;min-width:400px;}
.companyIntroduction .box ul{width:55.313%;}
.companyIntroduction .box ul li{display:flex;align-items:flex-start;padding:38px 125px 50px 0;border-bottom:1px solid #e4e4e4;}
.companyIntroduction .box ul li:before{display:inline-block;content:'+';font-size:12rem;font-weight:300;line-height:1;margin:-25px 33px 0 0;} 
.companyIntroduction .box ul li dl dt{font-size:7rem;font-weight:500;color:#222;font-family:'Montserrat';letter-spacing:-0.04em;}
.companyIntroduction .box ul li dl dd{font-size:2.4rem;color:#666;margin-top:21px;letter-spacing:-0.04em;}
.companyIntroduction .box ul li:nth-child(1){background:url('/img/main/company_introduction_01.png')no-repeat right 25px center;}
.companyIntroduction .box ul li:nth-child(2){background:url('/img/main/company_introduction_02.png')no-repeat right 25px center;}
.companyIntroduction .box ul li:nth-child(3){background:url('/img/main/company_introduction_03.png')no-repeat right 25px center;}
.companyIntroduction .box ul li:nth-child(4){background:url('/img/main/company_introduction_04.png')no-repeat right 25px center;}

.rdsolutionEsg{margin-top:280px;}
.rdsolutionEsg .inner{padding:242px 0 233px;background:url('/img/main/rdsolution_esg.jpg')no-repeat center center / cover;}
.rdsolutionEsg .top.white .basicText{opacity:.8;}
.rdsolutionEsg ul{display:flex;margin-top:105px;}
.rdsolutionEsg ul li{width:195px;height:195px;border:1px solid #fff;font-size:2.4rem;font-weight:700;letter-spacing:-0.04em;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.rdsolutionEsg ul li:nth-child(n+2){margin-left:-5px;}


.bizIntroduction{margin-top:218px;position:relative;padding-bottom:74px;}
.bizIntroduction:before{font-size:38rem;letter-spacing:-0.05em;font-weight:700;color:#f7f7f9;content:'RDSolution';position:absolute;left:-90px;bottom:-50px;font-family:'Montserrat';line-height:1;}
.bizIntroduction .bizSlide{margin-top:-12px;}
.bizIntroduction .bizSlide dl dt{font-size:4rem;font-weight:600;letter-spacing:-0.04em;word-break:keep-all;line-height:1.3;}
.bizIntroduction .bizSlide dl dd{margin-top:30px;}
.bizIntroduction .bizSlide dl dd a{font-size:1.8rem;font-weight:700;color:#000;letter-spacing:-0.04em;display:inline-block;margin-top:50px;}
.bizIntroduction .bizSlide{padding:0 80px;}
.bizIntroduction .bizSlide .bizSlider{display:flex !important;}
.bizIntroduction .bizSlide .bizSlider .imgBox{width:66.112%;display:flex;justify-content:flex-end;}
.bizIntroduction .bizSlide .bizSlider .imgBox img{width:88.341%;}
.bizIntroduction .bizSlide .bizSlider.bizSlider_01 .imgBox img{width:71.43%;}

.bizIntroduction .bizSlide .bizSlider dl{padding:6.028% 0 0 5.137%;width:33.888%;}
.bizIntroduction .bizSlide .slick-arrow{width:70px;height:70px;border:0;position:absolute;top:50%;margin-top:-35px;font-size:0;}
.bizIntroduction .bizSlide .slick-arrow.slick-prev{background:url('/img/main/arrow_prev.png');left:0;}
.bizIntroduction .bizSlide .slick-arrow.slick-next{background:url('/img/main/arrow_next.png');right:0;}

.prCenter{margin-top:236px;}
.prCenter .top .flexCont > div{display:flex;align-items:center;}
.prCenter .top .flexCont > div a{display:flex;align-items:center;font-size:2rem;font-weight:600;letter-spacing:-0.04em;color:#000;margin-top:2px;}
.prCenter .top .flexCont > div a img{margin-left:12px;}
.prCenter .top .flexCont > div a + a{margin-left:21px;}
.prCenter .prList{margin-top:93px;}
.prCenter .prList .slick-list{overflow:unset;}
.prCenter .prList > div .slick-slide{margin-right:20px;}
.prCenter .prList > div .slick-slide.slick-cloned:nth-of-type(1){opacity:0;}
.prCenter .prList > div .slick-slide a{width:385px;display:block;border-radius:20px;box-shadow:20px 20px 50px rgba(0,0,0,.1);padding:40px 40px 36px;}
.prCenter .prList > div span{font-size:1.5rem;font-weight:500;letter-spacing:-0.04em;color:#222;display:inline-block;padding:7px 13px 5px;background:#f0f0f0;border-radius:15px;}
.prCenter .prList > div dl dt{font-size:2.2rem;font-weight:700;letter-spacing:-0.02em;color:#222;margin:16px 0 22px;}
.prCenter .prList > div dl dd{font-size:1.6rem;}
.prCenter .prList > div dl dd .text{height:2.75em;letter-spacing:-0.04em;color:#666;line-height:1.375;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.prCenter .prList > div dl dd .date{letter-spacing:-0.02em;font-weight:300;display:flex;align-items:center;margin-top:22px;}
.prCenter .prList > div dl dd .date:before{width:20px;height:20px;display:inline-block;margin-right:11px;background:url('/img/main/date_icon.png');content:'';}

.productInquiry{margin-top:260px;text-align:center;}
.productInquiry .inner{padding:311px 0 280px;background:url('/img/main/product_inquiry.jpg')no-repeat center center / cover;}
.productInquiry .top.white .basicText{font-size:2.2rem;line-height:1.546;margin-top:51px;}
.productInquiry .btnDesign{margin:93px auto 0;color:#fff;background:transparent url('/img/main/write_icon.png')no-repeat right 26px center;justify-content:flex-start;border-color:#fff;padding-left:27px;}

@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;}
}

@media all and (max-width:1880px){
.inner{margin-right:12px !important;margin-left:12px !important;}
}

@media all and (max-width:1640px){
.cont{padding:0 20px;}
.c_none{display:none;}
}

@media all and (max-width:1279px){
.br_none{display:none;}

.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;}

.companyIntroduction{margin-top:0;}
.companyIntroduction .box{display:block;padding-top:80px;}
.companyIntroduction .box .imgBox{width:100%;text-align:center;margin-bottom:30px;}
.companyIntroduction .box ul{width:80%;margin:0 auto;}

.rdsolutionEsg ul li{width:180px;height:180px;}

.bizIntroduction .bizSlide{margin-top:0;padding:0 70px;}
.bizIntroduction .bizSlide dl dd{margin-top:25px;}
.bizIntroduction .bizSlide dl dd a{margin-top:40px;}
.bizIntroduction .bizSlide .slick-arrow{width:60px;height:60px;margin-top:-30px;background-size:contain !important}

}

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

.mainVideo .videoBox{padding-top:56.5%;}
.mainVideo video{top:0;}

.companyIntroduction .box ul{width:100%;margin:0 auto;}

.rdsolutionEsg ul li{width:165px;height:165px;}

.bizIntroduction .bizSlide{padding:0 60px;margin-top:50px;}
.bizIntroduction .bizSlide .bizSlider{display:block !important;}
.bizIntroduction .bizSlide .bizSlider dl{width:100%;}
.bizIntroduction .bizSlide .bizSlider .imgBox{width:100%;justify-content:center;}
.bizIntroduction .bizSlide .slick-arrow{width:50px;height:50px;}
}

@media all and (max-width:767px){
.pc_view{display:none;}
.m_view{display:block;}

.mainBanner .mainBannerCont .slick-list{margin:0;}
.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;}

.mainVideo .videoBox{margin-top:80px;}

.inner{border-radius:22px;}

.contTitle{font-size:6rem;}

.btnDesign{width:185px;padding:14px 10px 12px;}

.top .flexCont{flex-wrap:wrap;justify-content:flex-end;}
.top .basicText{width:100%;margin-top:14px;}
.top .flexCont a{margin-top:18px;}

.companyIntroduction{padding-top:88px;}
.companyIntroduction .box{padding-top:53px;margin-top:49px;}
.companyIntroduction .box .imgBox{margin-bottom:20px;min-width:100%;}
.companyIntroduction .top .basicText{margin-top:18px;}
.companyIntroduction .box ul li{background-size:70px auto !important;background-position:right 15px center !important;padding:25px 90px 35px 0;}
.companyIntroduction .box ul li:before{margin:-12px 22px 0 0;font-size:8rem;}
.companyIntroduction .box ul li dl dt{font-size:5rem;}
.companyIntroduction .box ul li dl dd{margin-top:14px;font-size:2.2rem;}

.rdsolutionEsg{margin-top:140px;}
.rdsolutionEsg .inner{padding:120px 0 166px;}
.rdsolutionEsg ul{margin-top:50px;}
.rdsolutionEsg ul li{width:150px;height:150px;}
.rdsolutionEsg ul li:nth-child(n+3){margin-top:145px;}
.rdsolutionEsg ul li:nth-child(3){margin-left:-290px;}

.bizIntroduction{margin-top:109px;padding-bottom:49px}

.bizIntroduction .bizSlide{padding:0 50px;}
.bizIntroduction .bizSlide dl dd{margin-top:20px;}
.bizIntroduction .bizSlide dl dd a{margin-top:33px;}
.bizIntroduction .bizSlide .bizSlider dl{padding-top:30px;}
.bizIntroduction .bizSlide .slick-arrow{width:40px;height:40px;}
.bizIntroduction:before{font-size:20rem;bottom:0;}


.prCenter{margin-top:118px;}
.prCenter .prList{margin-top:62px;}
.prCenter .prList > div .slick-slide a{width:350px;padding:30px 30px 27px;}
.prCenter .prList > div dl dd .date:before{width:16px;height:16px;background-size:16px auto;margin-right:8px;}
.prCenter .top .flexCont > div a{margin-top:15px;}
.prCenter .top .flexCont > div a img{width:40px;margin-left:8px;}
.prCenter .top .flexCont > div a + a{margin-left:14px;}

.productInquiry{margin-top:130px;}
.productInquiry .inner{padding:155px 0 140px;}
.productInquiry .top.white .basicText{margin-top:34px;}
.productInquiry .btnDesign{margin:61px auto 0;padding-left:18px;background-size:16px auto;background-position:right 15px center;}

}

@media all and (max-width:501px){
.mm_none{display:none;}

.contTitle{font-size:5.5rem;}

.companyIntroduction .box ul li{background-size:60px auto !important;background-position: right 10px center !important;}
}