@charset "utf-8";

html, body{position:relative;height:100%}

.m-popup {
  position:absolute;
  z-index:11111;
  background:white;
  display:none;
  cursor:move;
}
.m-popup img {
  width: auto;
  max-width: 700px;
  min-width:250px;
}
.m-popup .btn-group {
  margin-top:0;
  display: block;
  background:#333333;
}
.m-popup .btn-group .btn-container{
  padding:11.5px 15px;
  display:table;
  width:100%;
  box-sizing:border-box;
}
.m-popup .btn-group .btn-container label{
    display:inline-block;
    color:white;
    font-size:14px;
    line-height:15px;
    float:left;
}
.m-popup .btn-group .btn-container label input[type=checkbox]{
    display:none;
}
.m-popup .btn-group .btn-container label input[type=checkbox] + span{
    width:11px;
    height:11px;
    display:inline-block;
    position:relative;
    margin-right:5px;
    cursor:pointer;
    vertical-align:middle;
    background:url('/images/client/img/layer-pop-chk-box.png') center no-repeat;
}
.m-popup .btn-group .btn-container label input[type=checkbox]:checked + span:after{
    content:'';
    width:11px;
    height:12px;
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    background:url('/images/client/img/top-banner-chk-active.png') center no-repeat;
}

.m-popup .btn-close-pop {
  width:12px;
  height:12px;
  text-indent:-99999px;
  background:url('/images/client/img/layer-pop-close.png') center no-repeat;
  cursor:pointer;
  display:inline-block;
  float:right;
  vertical-align:top;
}

.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}

.con-wid{position:relative;z-index:2;max-width:1300px;margin:0 auto;box-sizing:border-box}
.swiper-container{width:100%;height:100%}
.swiper-slide{text-align:center}
.section1,.section2,.section3,.section4,.section5{width:100%;height:100%;box-sizing:border-box}
.section2,.section3,.section4,.section5{padding-top:15vh;text-align:center}
.section2:after{content:"";position:absolute;z-index:1;display:block;width:100%;bottom:0;height:50vh;background:#f3f6ef;}
.section3{position:relative;background:url('/images/client/layout/bg-section3.jpg') no-repeat 50% 50%;background-size:cover}
.section3 .con-wid{position:initial}
.section4{background:url('/images/client/layout/bg-mainSection4.png') no-repeat 50% 50%;background-size:cover}
.section5{background:#f3f6ef url('/images/client/layout/bg-mainSection5.png') no-repeat 50% 100%}


.mainVisual-slider .swiper-slide{position:relative;display:table;width:100%;height:100vh;color:#fff; z-index: 9}
.mainVisual-slider .swiper-slide strong{opacity:0;bottom:-.5em;position:relative;display:block;margin-bottom:.5em;font-size:3.750em;font-weight:600;line-height:1}
.mainVisual-slider .sd1{background-image:url('/images/client/photo/bg-mainVisual1.jpg')}
.mainVisual-slider .sd2{background-image:url('/images/client/photo/bg-mainVisual2.jpg')}
.mainVisual-slider .swiper-slide .slider-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:scale(1) rotate(0.1deg) translateZ(0);-webkit-transform:scale(1) rotate(0.1deg) translateZ(0);-ms-transform:scale(1) rotate(0.1deg) translateZ(0);transition:all 5s;-webkit-transition:all 5s;-ms-transition:all 5s;}
.mainVisual-slider .swiper-slide .sd-wrap{height:100vh;overflow:hidden;display:table-cell;vertical-align:middle}
.mainVisual-slider .swiper-slide .sd-con{position:relative;z-index:15;max-width:1300px;margin:-5em auto 0;text-align:left;box-sizing:border-box}
.mainVisual-slider .swiper-slide .sd-con p{opacity:0;bottom:-1em;position:relative;font-size:1em;line-height:1.7}
.mainVisual-slider .swiper-slide .sd-con p span{display:block}
.mainVisual-slider .swiper-slide .sd-con .btn-radius{position:relative;opacity:0;bottom:-1em;margin-top:3em}
.mainVisual-slider .swiper-slide.swiper-slide-active .slider-bg{transform:scale(1.1) rotate(0.1deg) translateZ(0);-webkit-transform:scale(1.1) rotate(0.1deg) translateZ(0);-ms-transform:scale(1.1) rotate(0.1deg) translateZ(0);transition:all 5s;-webkit-transition:all 5s;-ms-transition:all 5s;transition-timing-function:ease-out;}
.mainVisual-slider .swiper-slide.swiper-slide-active strong{opacity:1;bottom:0;transition-duration:1s;transition-property:opacity,bottom}
.mainVisual-slider .swiper-slide.swiper-slide-active p{opacity:1;bottom:0;transition-duration:1s;transition-property:opacity,bottom;transition-delay:.2s}
.mainVisual-slider .swiper-slide.swiper-slide-active .sd-con .btn-radius{opacity:1;bottom:0;transition-duration:1s;transition-property:opacity,bottom;transition-delay:.4s}

.swiper-button-play{display:none;position:absolute;top:-3px;right:-30px;width:20px;height:20px;background:url(/images/client/icon/ico-playBtn.png) 0 0/41px no-repeat;z-index:29;font-size:0;}
.swiper-button-pause{display:none;position:absolute;top:1px;right:-30px;width:20px;height:20px;background:url(/images/client/icon/ico-playBtn.png) 100% 0/41px no-repeat;z-index:29;font-size:0;}
.swiper-button-play.show{display:block;}
.swiper-button-pause.show{display:block;}

.mainVisual-slider canvas{display:block;vertical-align:bottom}
#particles-js{position:absolute;top:0;z-index:0;width:100%;height:100%;transition: background-image 0.5s ease-in-out;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transition:all 1.5s;-webkit-transition:all 1.5s}


.list-partner{margin-top:4vh}
.list-partner:after{content:"";display:block;clear:both}
.list-partner li{float:left;width:20%;padding:1.6em 0;box-sizing:border-box}

.section2 .btn-area{margin-top:0}

.btn-radius{display:inline-block;border-radius:50px;border:1px solid #333;font-size:1em;font-weight:500;box-sizing:border-box;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;}
.btn-radius.colorWhite{color:#fff;border-color:#fff}
.btn-radius.colorGreen{min-width:11.250em;color:#7db340;border-color:#7db340}
.section1 .btn-radius.colorWhite:hover{color:#000;background:#fff;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;}
.section2 .btn-radius.colorGreen:hover,
.section4 .btn-radius.colorGreen:hover{background:#7db340;color:#fff;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;}
.sizeBasic{padding:0 3em;line-height:3}


.ico-group{display:inline-block;width:1.563em;height:1.625em;background:url('/images/client/icon/ico-main.png') no-repeat -.1em -19em;background-size:13.687em}

.btn-radius .ico-group{margin-right:.3em;vertical-align:sub}
.btn-radius:hover .ico-group{background-position-x:-2.9em}
.section4 .sizeBasic{padding:0 3.25em}
.section4 .btn-area{margin-top:7vh}

.media-halfArea{width:100%;position:relative;padding-right:31.3em;box-sizing:border-box}
.media-halfArea:after{content:"";display:block;clear:both}
.media-halfArea .mha-notice{width:100%;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.media-halfArea .mha-notice:hover{box-shadow:1px 1px 14px rgba(0,0,0,.2);transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.media-halfArea .mha-notice .notice-wrap{padding:2.188em 2.500em;background:#fff;box-sizing:border-box}
.notice-top{overflow:hidden;position:relative;border-bottom:1px solid #c4c4c4;text-align:left}
.notice-top > a{position:absolute;right:0;top:50%;display:block;color:#949494;margin-top:-6px;font-size:12px}
a i.ico-smArrow{display:inline-block;width:6px;height:11px;margin-left:.2em;background:url('/images/client/icon/ico-arrow.png') no-repeat -1.4em -1.2em;background-size:2.18em}
.notice-top .tab-btnMain{overflow:hidden;float:left}
.notice-top .tab-btnMain a{position:relative;display:block;padding:.9em 1.250em;border-bottom:4px solid transparent;color:#999;font-size:1em;font-weight:500;box-sizing:border-box;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s}
.notice-top .tab-btnMain li{position:relative;}
.notice-top .tab-btnMain li:nth-child(1){padding-right:1.875em}
.notice-top .tab-btnMain li:nth-child(2){padding-left:1.875em}
.notice-top .tab-btnMain li:after{position:absolute;top:50%;left:0;margin-top:-7.5px;content:"";float:left;display:block;width:2px;height:15px;background:#dbdbdb}
.notice-top .tab-btnMain li:nth-child(1):after{display:none}
.notice-top .tab-btnMain > li{float:left}
.notice-top .tab-btnMain .on a{color:#7db340;border-bottom-color:#7db340;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s}

.notice-list2{min-height:20em}
.notice-list2 li{display:table;width:100%;height:5em;padding:0 1.250em;border-bottom:1px solid #e5e5e5;box-sizing:border-box;table-layout:fixed}
.notice-list2 li > div{display:table-cell;width:85%;text-align:left;vertical-align:middle}
.notice-list2 li a{overflow:hidden;display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:1.125em;font-weight:400;color:#333}
.notice-list2 li a > span{display:block}
.notice-list2 > li > span{display:table-cell;width:15%;font-size:.875em;color:#999;vertical-align:middle}

.media-halfArea .mha-banner{position:absolute;right:0;bottom:0;margin-top:2.8em;max-width:28.750em;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;}
.media-halfArea .mha-banner .media-item{position:relative;float:right;display:inline-block;width:28.750em;height:25.250em;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s}
.media-halfArea .mha-banner .media-item .md-txt{position:absolute;left:0;bottom:0;z-index:1;display:inline-block;width:100%;padding: 4.063em 3.125em;box-sizing:border-box;text-align:left}
.media-halfArea .mha-banner .media-item .md-txt a{display:inline-block;margin-top:2.5em;color:#fff;font-size:12px}
.media-item .md-txt i.ico-smArrow{background-position-y:-.1em}

.media-halfArea .mha-banner .media-item p{font-size:2em;color:#fff;line-height:1.3}
.media-halfArea .mha-banner .media-item p:nth-child(1){font-weight:900}
.media-halfArea .mha-banner .media-item p:nth-child(2){font-weight:400}

.media-halfArea .mha-banner.aos-item.aosDelay3:hover{box-shadow:1px 1px 14px rgba(0,0,0,.5);transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;}

.media-halfArea .mha-banner .swiper-slide .media-sdBg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50% 50%}
.media-halfArea .mha-banner .swiper-slide .media-sdBg.mdsb1{background-image:url('/images/client/photo/mc-con1.jpg');}
.media-halfArea .mha-banner .swiper-slide .media-sdBg.mdsb2{background-image:url('/images/client/photo/mc-con2.jpg');}

.media-pagination{bottom:auto;top:-2.5em;left:auto;right:0}

.smSd-arrow{position:absolute;top:50%;z-index:10;display:inline-block;width:15px;height:15px;margin-top:-7.5px;background:url('/images/client/icon/ico-arrow.png') no-repeat -1px -2px}
.smSd-arrow.mv-prev{left:0}
.smSd-arrow.mv-next{right:0;background-position:-18px -2px}

.smSd-arrow.ms-arrow.mv-prev{background-position:0 -20px}
.smSd-arrow.ms-arrow.mv-next{background-position:-18px -20px}

@-webkit-keyframes ani-mouse {0% {opacity: 1;top: 29%}15% {opacity: 1;top: 50%;}50% {opacity: 0;top: 50%;}	100% {opacity: 0;top: 29%;}}
@-moz-keyframes ani-mouse {0% {	opacity: 1;top: 29%;}	15% {opacity: 1;top: 50%;}50% {opacity: 0;top: 50%;}100% {opacity: 0;top: 29%;}}
@keyframes ani-mouse {0% {opacity: 1;top: 29%;}15% {opacity: 1;top: 50%;}50% {opacity: 0;top: 50%;}100% {opacity: 0;top: 29%;}}
.scroll-btn{display:block;position:absolute;left:0;right:0;bottom:5vh;z-index:9999;text-align: center;}
.scroll-btn > * {display: inline-block;	font-size:13px;font-weight: normal;color: #7f8c8d;color: #ffffff;	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing: 2px;}
.scroll-btn > *:hover,.scroll-btn > *:focus,.scroll-btn > *.active {color:#fff}
.scroll-btn > *:hover,.scroll-btn > *:focus,.scroll-btn > *:active,.scroll-btn > *.active{opacity: 0.8;	filter: alpha(opacity=80);}
.scroll-btn a{display:block}
.scroll-btn .mouse {position: relative;	display: block;	width:2.188em;	height:3.438em;	margin: 0 auto .8em;-webkit-box-sizing: border-box;	-moz-box-sizing:border-box;box-sizing:border-box;border:0.188em solid white;border-radius: 23px}
.scroll-btn .mouse > * {position: absolute;display: block;top: 29%;left: 50%;width: .5em;height:.5em;margin: -0.250em 0 0 -0.250em;background: white;border-radius: 50%;-webkit-animation: ani-mouse 2.5s linear infinite;-moz-animation: ani-mouse 2.5s linear infinite;animation: ani-mouse 2.5s linear infinite}

.mainVisual-slider .swiper-pagination{left:50%;z-index:10;bottom:50%;margin-left:-41em;margin-bottom:-13em;max-width:8.438em;padding:0 1em;box-sizing:border-box}
.swiper-pagination{max-width:8.438em;padding:0 1em;box-sizing:border-box}
.swiper-pagination > span{font-size:0.875em;font-weight:600}
.swiper-pagination .loading{position:relative;display:inline-block;width:5em;height:2px;background:rgba(255,255,255,.2);vertical-align:6px}
.swiper-pagination .loading .bar{position:absolute;width:0;left:0;height:2px;background:#fff;}
.swiper-pagination .loading.full .bar{width:100%;transition:width 5s;-webkit-transition:width 5s;-webkit-transition-timing-function:linear;transition-timing-function:linear}
.swiper-pagination .swiper-pagination-current{float:left;color:#fff}
.swiper-pagination .swiper-pagination-total{float:right;color:#fff}


.mha-banner .swiper-pagination .swiper-pagination-current{color:#61aa31}
.mha-banner .swiper-pagination .swiper-pagination-total{color:#999}
.mha-banner  .swiper-pagination .loading{background:rgba(136,136,136,.2);}
.mha-banner .swiper-pagination .loading .bar{background:#61aa31}

h2.tit{margin-bottom:.5em;color:#333;font-size:2.813em;font-weight:600;line-height:1}
.tit-sub{display:inline-block;color:#333;padding:0 2em;font-size:1.125em;font-weight:400;box-sizing:border-box;word-break:keep-all}

.section3 h2.tit,.section3 .tit-sub{color:#fff}

.section5 .con-wid{margin-top:5vh}

.abu-boxWrap{overflow:hidden;display:inline-block;position:relative;width:100%;height:25.063em;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.abu-boxWrap .abu-bg{position:absolute;width:100%;height:25.063em;background-size:cover;background-repeat:no-repeat;background-position:50% 0}
.abu-boxWrap .bg1{background-image:url('/images/client/photo/abu-con1.jpg')}
.abu-boxWrap .bg2{background-image:url('/images/client/photo/abu-con2.jpg')}
.abu-boxWrap .bg3{background-image:url('/images/client/photo/abu-con3.jpg')}
.abu-boxWrap .overlay{transition:opacity .5s;opacity:1;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(0,0,0,.5);}
.abu-boxWrap .abu-txt{transition:all .5s;position:absolute;bottom:0;z-index:10;padding:5em 2.4em 2em;text-align:left;box-sizing:border-box}

.abu-boxWrap .abu-txt{bottom:-13em;background:rgb(12,161,100);background: -moz-linear-gradient(90deg, rgba(12,161,100,1) 0%, rgba(162,239,87,1) 100%);background: -webkit-linear-gradient(90deg, rgba(12,161,100,1) 0%, rgba(162,239,87,1) 100%);background: linear-gradient(90deg, rgba(12,161,100,1) 0%, rgba(162,239,87,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ca164",endColorstr="#a2ef57",GradientType=1);}
.abu-boxWrap .abu-txt .abu-static{transition:all .5s;position:absolute;top:-10em}
.abu-boxWrap .abu-txt strong{display:block;color:#fff;font-size:1.875em;font-weight:600;line-height:1}
.abu-boxWrap .abu-txt p{display:block;min-height:6em;color:#fff;font-size:1em;line-height:1.5}
.abu-boxWrap .ico-abu{position:relative;opacity:1;margin-bottom:1em}
.ico-abu{display:inline-block;width:3.750em;height:3.438em;background-image:url('/images/client/icon/ico-main.png');background-size:13.6875em;background-position-y:0}
.ico-abu.abu1{background-position-x:0}
.ico-abu.abu2{background-position-x:-4.9em}
.ico-abu.abu3{background-position-x:-9.95em}

.abu-boxWrap.on{height:30.000em;margin-top:-2.5em;box-shadow: 1px 1px 31px 0px rgba(0,0,0,.3);transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.abu-boxWrap.on *{transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.abu-boxWrap.on .overlay{opacity:0}
.abu-boxWrap.on .ico-abu{opacity:0}
.abu-boxWrap.on .abu-txt{bottom:0}
.abu-boxWrap.on .abu-txt .abu-static{top:-3em}

.list-figure{margin-top:10em}
.list-figure:after{content:"";display:block;clear:both}
.list-figure > li{float:left;position:relative;width:25%;text-align:center}
.list-figure > li:after{content:"";position:absolute;left:-1px;top:2em;display:block;width:1px;height:11em;background:rgba(255,255,255,.5)}
.list-figure > li:first-child:after{display:none;}
.ico-wac{display:block;width:5.813em;height:5.813em;margin:0 auto;background-image:url('/images/client/icon/ico-main.png');background-size:13.6875em;background-repeat:no-repeat}
.ico-wac.wac1{background-position:0 -5.6em}
.ico-wac.wac2{background-position:-6.85em -5.6em}
.ico-wac.wac3{background-position:0 -12.5em}
.ico-wac.wac4{background-position:-6.85em -12.5em}
.figure-con{padding:1em 0 1.2em;box-sizing:border-box}
.figure-con > *{display:inline-block;font-weight:600;color:#fff;line-height:1}
.figure-con span{font-size:5em}
.figure-con em{font-size:1em}
.list-figure .tit-fig{color:#fff;font-size:1.250em;font-weight:500;line-height:1.3;word-break:keep-all}
.figure-conWrap{position:relative;overflow:hidden;margin-top:0;padding:0 1.5em;box-sizing:border-box;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.figure-conWrap .subs-fig{transition:all .5s;opacity:0;margin-top:4em;padding:1em 1.3em;border-radius:50px;color:#fff;font-size:0.938em;font-weight:400;text-align:center;box-sizing:border-box;background:rgb(10,128,80);background: -moz-linear-gradient(90deg, rgba(10,128,80,1) 0%, rgba(137,210,66,1) 100%);background: -webkit-linear-gradient(90deg, rgba(10,128,80,1) 0%, rgba(137,210,66,1) 100%);background: linear-gradient(90deg, rgba(10,128,80,1) 0%, rgba(137,210,66,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a8050",endColorstr="#89d242",GradientType=1);}

.figure-conWrap:hover{margin-top:-2em;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.figure-conWrap:hover .subs-fig{opacity:1;margin-top:2.2em;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}

.aos-item.aosDelay1{transition-delay:.1s}
.aos-item.aosDelay2{transition-delay:.2s}
.aos-item.aosDelay3{transition-delay:.3s}
.aos-item.aosDelay4{transition-delay:.4s}
.aos-item.aosDelay5{transition-delay:.5s}
.aos-item.aosDelay6{transition-delay:.6s}
.aos-item.aosDelay7{transition-delay:.7s}

.swiper-slide-active .aos-item{opacity:1;transform:translateZ(0)}
.aos-item{opacity:0;transform:translate3d(0,100px,0);transition-timing-function: ease;transition-duration:.7s;transition-property:opacity,transform}

.tab-content > div{display:none;position:relative;}
.tab-content .show{display:block;animation-name:show;animation-duration:.5s}


@keyframes show{0%{opacity:0;}100%{opacity:1}}