@charset "utf-8";

.mainVisual {width:100%;position:relative;overflow: hidden;}
.main-crossline {display: block;padding-top: 90px;width: 100%;height: 100vh;max-width:1400px;position: absolute;z-index: 2;top: 0;left: 50%;transform: translateX(-50%);}
.main-crossline .vertical-line {display: block;position: absolute;top: 90px;left: 0;width: 1px;height:100%;background: rgba(255,255,255,0.25);}
.main-crossline .horizontal-line {display:block;position: absolute;top: 58%;left:0;width:100vw;height:1px;background: rgba(255,255,255,0.25);}

.mainVisual-container {width: 100%;height: 100%;position: relative;}
.main-Slider-cont {width:100%;height: 100vh!important;position: relative;}
.main-Slider-cont .txt-container {width: 95%;max-width:1400px;margin: 0 auto;position: relative;z-index: 3;bottom: -43%;padding-left: 40px;}
.main-Slider-cont .txt-container.line2 {bottom: -35%;}
.main-Slider-cont .txt-container .sub-txt {font-size: 20px;color:#ffffff;margin-bottom: 10px;font-weight: 400;}
.main-Slider-cont .txt-container .main-txt {font-size:54px;color:#ffffff;line-height: 1.3em;letter-spacing: -2px;font-weight: 600;}
.main-Slider-cont .bg-container {position: absolute;width:100%;height:100%;top:0;left:0;z-index: 1;}

.main-Slider-cont.main-Slider-cont1 .bg-container {background: url(../img/slider1.jpg) no-repeat center; background-size:cover;}
.main-Slider-cont.main-Slider-cont2 .bg-container {background: url(../img/slider2.jpg) no-repeat center; background-size:cover;}
.main-Slider-cont.main-Slider-cont3 .bg-container {background: url(../img/slider4.jpg) no-repeat center; background-size:cover;}

.mainVisual .slick-arrow {position:absolute;top: 61%;background: transparent;border: 0;z-index: 10;}
.mainVisual .slick-next {left: calc(50% - 602px);}
.mainVisual .slick-next:after {content: "";display:block;width:1px;height: 32px;background: rgba(255,255,255,0.5);position: absolute;top: 50%;left: -17px;transform: translateY(-50%);}
.mainVisual .slick-prev {left: calc(50% - 652px);}
.mainVisual .slick-dots {position: absolute;top: 61%;right: calc(50% - 700px);z-index: 10;}
.mainVisual .slick-dots li {display: block;float: left;padding: 0 5px;}
.mainVisual .slick-dots li button {display:block;width:10px;height:10px;border-radius:5px;background:#ffffff;transition:all 0.4s ease;border: 0;overflow: hidden;text-indent: -9999px;}
.mainVisual .slick-dots li.slick-active button {width:40px; background:#EE8833;}
.main-Slider-cont .txt-container {overflow: hidden;}
.main-Slider-cont .txt-container .sub-txt {transform: translateY(50px); opacity:0; transition: all 1s ease;}
.main-Slider-cont .txt-container .main-txt {transform: translateY(50px); opacity:0; transition: all 1s ease; transition-delay:0.6s;}
.main-Slider-cont .bg-container {transform: scale(1.1); transition: all 4s ease;;}

.main-Slider-cont .txt-container.active .sub-txt {transform: translateY(0); opacity:1}
.main-Slider-cont .txt-container.active .main-txt {transform: translateY(0); opacity:1;}
.main-Slider-cont .bg-container.active {transform: scale(1);}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}
@media all and (min-width:1024px) and (max-width:1199px){
}
@media all and (min-width:768px) and (max-width:1023px) {
}
@media all and (max-width:767px) {
    .main-crossline {display:none;}
    .main-Slider-cont .txt-container {text-align:center; padding: 0;}
    .main-Slider-cont .txt-container .sub-txt {font-size:18px;}
    .main-Slider-cont .txt-container .main-txt {font-size:28px;}

    .mainVisual .slick-arrow {display: none!important;}
    .mainVisual .slick-dots {display: none!important;}

}

.mainSc-business {position:relative;}
.mainSc-business:after {content:""; display:block; width:1px; height:100vh; background:rgba(255,255,255,0.25); position:absolute; top:0; left:calc(50% - 700px);}
.mainSc-business:before {content:"";display:block;width:100%;height:1px;background:rgba(255,255,255,0.25);position:absolute;top: 159px;left: calc(50% - 700px);z-index: 1;}
.mainSc-business .business-inner {width:95%;max-width:1400px;height: 100%;margin: 0 auto;padding-top: 160px;border-left: 1px solid rgba(255,255,255,1);}
.mainSc-business .tit-container {width: 370px;height:auto;float: left;position:relative;z-index:1;}
.mainSc-business .tit-container .tit {font-size:44px;font-weight: 600;color:#ffffff;margin: 50px 0 0 50px;}
.mainSc-business .tit-container .sub {font-size:16px;color:#ffffff;margin: 3px 0 50px 50px;}
.mainSc-business .tit-container .btn-style1 {margin: 0 0 0 50px;}
.mainSc-business .tit-container .btn-style1 a {padding-left:0; transition: all 0.3s ease;}
.mainSc-business .tit-container .btn-style1:hover a {padding-left:20px;}
.mainSc-business .cont-container {width: calc(100% - 370px);display:flex;justify-content:space-between; position:relative; z-index:1;}
.mainSc-business .bg-container {position:absolute;left: 0;top: 0;z-index: 0;width:100%;height:100%;background:url(../img/bg-star.jpg) no-repeat center;background-size:cover;}
.business-article {width:32%; height: auto; position:relative;}
.business-article .img-box {}
.business-article .img-box img {max-width:100%;}
.business-article .txt-box {background: #ffffff;width: 95%;height:auto;padding: 9% 10%;position: absolute;top:5%;left:7%;box-shadow: 4px 4px 5px rgba(0,0,0,0.2);}
.business-article:nth-of-type(2n) .txt-box {top:auto; bottom: 5%;}
.business-article .txt-box .red-rhombus {display:none;}
.business-article .txt-box .name {font-size:24px;font-weight: 800;margin-bottom: 12px;}
.business-article .txt-box .sub {font-size:14px;font-weight: 400;color:#595959;line-height: 1.6em;word-break: keep-all;}

.business-article,
.business-article .txt-box {transition: all 0.4s ease;}
.business-article .txt-box .name,
.business-article .txt-box .sub,
.business-article .txt-box .red-rhombus {transition: all 0.6s ease;}

@media all and (min-width:1520px) {
    .business-article:hover {transform:translateY(-50px);}
    .business-article:hover .txt-box {width:100%; height:100%; top:0; left:0; background:rgba(67,67,67,0.85);text-align:center;}
    .business-article:hover .txt-box .name {color:#ffffff; top:44%; position:relative;}
    .business-article:hover .txt-box .sub {color:#dddddd; top:44%; position:relative;}
    .business-article:hover .txt-box .red-rhombus {display:block;width:10px;height:10px;background:#EE8833;transform:rotate(45deg);top: 40%;left: calc(50% - 5px);position: relative;}
    
}

@media all and (min-width:1200px) and (max-width:1519px) {
    .business-article:hover {transform:translateY(-50px);}
    .business-article:hover .txt-box {width:100%; height:100%; top:0; left:0; background:rgba(67,67,67,0.85);text-align:center;}
    .business-article:hover .txt-box .name {color:#ffffff; top:44%; position:relative;}
    .business-article:hover .txt-box .sub {color:#dddddd; top:44%; position:relative;}
    .business-article:hover .txt-box .red-rhombus {display:block;width:10px;height:10px;background:#EE8833;transform:rotate(45deg);top: 40%;left: calc(50% - 5px);position: relative;}
    
}

@media all and (min-width:1024px) and (max-width:1199px){
    .business-article:hover {transform:translateY(-50px);}
    .business-article:hover .txt-box {width:100%; height:100%; top:0; left:0; background:rgba(67,67,67,0.85);text-align:center;}
    .business-article:hover .txt-box .name {color:#ffffff; top:44%; position:relative;}
    .business-article:hover .txt-box .sub {color:#dddddd; top:44%; position:relative;}
    .business-article:hover .txt-box .red-rhombus {display:block;width:10px;height:10px;background:#EE8833;transform:rotate(45deg);top: 40%;left: calc(50% - 5px);position: relative;}
    
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .mainSc-business {}
    .mainSc-business .business-inner {padding: 15% 0;}
    .mainSc-business .tit-container {width:100%;float: none;text-align:center;margin-bottom: 20px;}
    .mainSc-business .cont-container {width:100%;float:none;flex-wrap: wrap;}
    .mainSc-business .tit-container .tit {margin: 0 0 5px; font-size: 28px;}
    .mainSc-business .tit-container .sub {margin: 0 0 35px;font-size: 14px;}
    .mainSc-business .tit-container .btn-style1 {display: none;}
    .business-article {width:100%;margin-bottom: 20px;height: 150px;overflow:hidden;}
    .business-article .txt-box {padding: 5% 5% 5% 8%;width: 70%;height: auto;top: 10px;left: 10px; background: rgba(255,255,255,0.75);}
    .business-article .txt-box .name {font-size: 18px;margin-bottom: 5px;}
    .business-article .txt-box .sub {font-size:13px;}
    .business-article:nth-of-type(2n) .txt-box {top:10px; bottom:auto;}
    .business-article .img-box img {width:100%;}

}

.mainSc-manage {position:relative;padding-top: 180px;}
.mainSc-manage .tit-container {text-align:center;position:relative;z-index:1;margin-bottom: 85px;}
.mainSc-manage .tit-container .tit {font-size:44px;font-weight: 600;margin-bottom:10px;}
.mainSc-manage .tit-container .sub {font-size:16px;color: #444444;font-weight: 300;}
.mainSc-manage .cont-container {position:relative; z-index:1; display:flex; justify-content:space-between;}
.mainSc-manage .cont-container:before {content:"";display:block;width: 200%;height:1px;background: #cccccc;position:absolute;top:50%;left: -50%;}
.mainSc-manage .bg-container {position:absolute;left: 0;top: 0;z-index: 0;width:100%;height:100%;background:url(../../img/main-manage-bg.jpg) no-repeat center;background-size:cover;}

.manage-article {height: 340px;position: relative;width: 15.5%;background: #ffffff;border:1px solid #dddddd;text-align: center;}
.manage-article .icon-box {width:100%; height:50%;}
.manage-article .txt-box {width:100%; height:50%; position: relative;}
.manage-article .txt-box .tit {font-size:20px;font-weight: 500;margin-bottom: 35px;}
.manage-article .txt-box .dot {display: block;width: 8px;height: 8px;position:absolute;left: calc(50% - 4px);top: 44px;background: #bbbbbb;transform: rotate(45deg);}
.manage-article .txt-box .cont {font-size: 15px;line-height: 1.8em;color: #666666;letter-spacing: -0.2px;}

.manage-article,
.manage-article .txt-box .dot,
.manage-article .icon-box {transition: all 0.4s ease;}

.manage-article:hover {border: 5px solid #EE8833;box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);}
.manage-article:hover .txt-box .dot {background: #EE8833;}

.manage-article .icon-box.icon1 {background: url(../../img/main-manage-icon1.png) no-repeat center;}
.manage-article .icon-box.icon2 {background: url(../../img/main-manage-icon2.png) no-repeat center;}
.manage-article .icon-box.icon3 {background: url(../../img/main-manage-icon3.png) no-repeat center;}
.manage-article .icon-box.icon4 {background: url(../../img/main-manage-icon4.png) no-repeat center;}
.manage-article .icon-box.icon5 {background: url(../../img/main-manage-icon5.png) no-repeat center;}
.manage-article .icon-box.icon6 {background: url(../../img/main-manage-icon6.png) no-repeat center;}
.manage-article:hover .icon-box.icon1 {background:url(../../img/main-manage-icon1-r.png) no-repeat center;}
.manage-article:hover .icon-box.icon2 {background:url(../../img/main-manage-icon2-r.png) no-repeat center;}
.manage-article:hover .icon-box.icon3 {background:url(../../img/main-manage-icon3-r.png) no-repeat center;}
.manage-article:hover .icon-box.icon4 {background:url(../../img/main-manage-icon4-r.png) no-repeat center;}
.manage-article:hover .icon-box.icon5 {background:url(../../img/main-manage-icon5-r.png) no-repeat center;}
.manage-article:hover .icon-box.icon6 {background:url(../../img/main-manage-icon6-r.png) no-repeat center;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .mainSc-manage {padding: 15% 0;}
    .mainSc-manage .tit-container {margin: 0 0 35px 0;}
    .mainSc-manage .tit-container .tit {font-size:28px;}
    .mainSc-manage .tit-container .sub {font-size: 14px;}

    .mainSc-manage .cont-container {flex-wrap: wrap;}
    .manage-article {width: 32%;height: auto;padding: 5%;margin: 0 0 3% 0;}
    .manage-article .txt-box .tit {font-size: 16px;margin-top: 40px;margin-bottom: 0;}
    .manage-article .txt-box .dot {top: -23px;}
    .manage-article .txt-box .cont {display: none;}
    .manage-article .icon-box {min-width: 70px;height: 70px;}
    .manage-article .txt-box {height:auto;}
    .mainSc-manage .cont-container:before {display:none;}

}

.mainSc-careers {position:relative;padding-top: 165px;}
.mainSc-careers .tit-container {text-align:center;position:relative;z-index:1;margin-bottom: 85px;}
.mainSc-careers .tit-container .tit {font-size:44px;font-weight: 600;margin-bottom:10px; color:#ffffff;}
.mainSc-careers .tit-container .sub {font-size:16px;color: #ffffff;font-weight: 300;}
.mainSc-careers .cont-container {position:relative; display:flex; justify-content:space-between}
.mainSc-careers .bg-container {position:absolute;left: 0;top: 0;z-index: 0;width:100%;height:100%;background:url(../../img/bg-blue1.jpg) no-repeat center;background-size:cover;}

.careers-article {display:block;width:24%;background:rgba(0,0,0,0.3);border: 1px solid rgba(255,255,255,0.15);position: relative;z-index: 2;padding: 30px 40px;text-align: center;}
.careers-article:nth-of-type(2n) {margin-top:50px}
.careers-article:nth-of-type(2n-1) {margin-bottom:50px;}
.careers-article .icon-box {width:100%; height:180px;}
.careers-article .cont-box {width:100%;height:auto;padding-bottom: 15px;}
.careers-article .cont-box .txt {font-size:22px;color:#ffffff;margin-bottom: 21px;}
.careers-article .cont-box .btn-style1 .txt {font-size:15px;margin-bottom: 0;}

.careers-article,
.careers-article .cont-box .txt,
.careers-article .icon-box {transition: all 0.4s ease;}

.careers-article:hover {background:#ffffff; border: 1px solid #ffffff;}
.careers-article:hover .cont-box .txt {color:#222222;}
.careers-article:hover .cont-box .btn-style1 .txt {color:#ffffff;}
.careers-article:hover .cont-box .btn-style1 a .arrow {right:20px}
.careers-article:hover .cont-box .btn-style1 a .circle {width:100%;height: 100%;top: 0;right: 0;border-radius: 0;}

.careers-article .icon-box.icon1 {background: url(../../img/main-career-icon1.png) no-repeat center;}
.careers-article .icon-box.icon2 {background: url(../../img/main-career-icon2.png) no-repeat center;}
.careers-article .icon-box.icon3 {background: url(../../img/main-career-icon3.png) no-repeat center;}
.careers-article .icon-box.icon4 {background: url(../../img/main-career-icon4.png) no-repeat center;}
.careers-article .icon-box.icon5 {background: url(../../img/main-career-icon5.png) no-repeat center;}
.careers-article .icon-box.icon6 {background: url(../../img/main-career-icon6.png) no-repeat center;}
.careers-article:hover .icon-box.icon1 {background: url(../../img/main-career-icon1-r.png) no-repeat center;}
.careers-article:hover .icon-box.icon2 {background: url(../../img/main-career-icon2-r.png) no-repeat center;}
.careers-article:hover .icon-box.icon3 {background: url(../../img/main-career-icon3-r.png) no-repeat center;}
.careers-article:hover .icon-box.icon4 {background: url(../../img/main-career-icon4-r.png) no-repeat center;}
.careers-article:hover .icon-box.icon5 {background: url(../../img/main-career-icon5-r.png) no-repeat center;}
.careers-article:hover .icon-box.icon6 {background: url(../../img/main-career-icon6-r.png) no-repeat center;}

@media all and (min-width:1520px) {
}

@media all and (min-width:1200px) and (max-width:1519px) {
}

@media all and (min-width:1024px) and (max-width:1199px){
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
    .mainSc-careers {padding: 15% 0;}
    .mainSc-careers .tit-container {margin: 0 0 35px 0;}
    .mainSc-careers .tit-container .tit {font-size:28px;}
    .mainSc-careers .tit-container .sub {font-size: 14px;}

    .mainSc-careers .cont-container {flex-wrap:wrap;}
    .careers-article {width:100%;margin: 0 0 5% 0!important;padding: 5% 8%;}
    .careers-article .icon-box {width: 100%;height: 60px;background-size: contain!important;margin-bottom: 15px;}
    .careers-article .cont-box {width: 100%;padding-bottom: 0;}
    .careers-article .cont-box .txt {font-size: 16px;margin-bottom: 0;}
    .careers-article .cont-box .btn-style1 {display:none;}

}