@charset "UTF-8";

/* html { height: 100%; overflow: hidden; } */
body { height: 100%; overflow: hidden; } 


/*---------- common ----------*/
.section {position: relative;width: 100%;height: 100%;overflow: hidden;margin: 0 auto;} 
.section .content_area {position: relative;max-width: 1490px;height: 100%;margin: 0 auto;}
.section .content_area .tit {margin-bottom: 80px;}
.section .content_area .tit h2 {font-family: var(--font-Saira);font-size: 58px;font-weight: 600;text-align: center;}
.section .content_area .txt p {font-size: 30px;color: #fff;}
/* aos */
[data-aos=fade-up] {transform: translate3d(0,50px,0)}
[data-aos=fade-down] {transform: translate3d(0,-50px,0)}
[data-aos^=fade][data-aos^=fade].aos-animate {transform: translateZ(0)}
/**/
.more {width: auto;transition: all .3s;}
.more a {display: inline-flex;align-items: baseline;justify-content: unset;font-size: 18px;color: #131313;}
.more a i {padding-left: 20px;}
 /* hover */
.more a:hover {transition: width .2s;}
.more a:hover i {padding-left: 30px;transition: all .3s;animation: more_left ease-in-out .3s alternate;}
 /* ani */
@keyframes more_left {
0% {padding-left: 20px;} 
100% {padding-left: 30px;} 
}

/* .more a {padding: 14px 17px;font-weight: 300;background: transparent;border: 1px solid #e12c24;transition: all .2s;}
 hover
.more a:hover {color: #fff;background: #e12c24;box-shadow: 0px 10px 10px rgb(10 11 12 / 10%);transition: all .2s;} */


/*---------- swiper ----------*/
.swiper {width: 100%;height: 100%;-ms-overflow-style: none;touch-action: pan-y;} 
.swiper::-webkit-scrollbar { display: none; width: 0 !important; } 
.swiper-slide { font-size: 18px; /* Center slide text vertically */
 display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; /* display: flex; */
 display: block; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
.mySwiper .swiper-slide { overflow: hidden; position: relative; } 
.mySwiper .slide_bg {width: 100%; height: 100vh; } 


/*---------- section1 ----------*/
/* section1 */
#section1 { } 
/* #section1 */
#section1 .slide_bg {height: 100vh;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;} 
#section1 .visual_wrap {position: absolute;top: 350px;left: 0;right: 0;width: 100%;max-width: 1490px;margin: 0 auto;overflow: hidden;} 
#section1 .visual_wrap .visual_txt_box {} 
#section1 .visual_wrap .visual_txt_box .title_box div {line-height: 1.4;} 
#section1 .visual_wrap .visual_txt_box .title_box div p {font-size: 24px;margin-bottom: 30px;}
#section1 .visual_wrap .visual_txt_box .title_box div h2 {font-size: 70px;text-indent: -6px;} 
#section1 .visual_wrap .visual_txt_box .visual_info {margin-top: 40px;} 
#section1 .visual_wrap .visual_txt_box .visual_info p {font-size: 22px;line-height: 1.8;} 
#section1 .visual_wrap .visual_txt_box .visual_info p span {font-weight: 500;} 

#section1 .slider_1 { background-image: url(../img/main_visual1.jpg);} 
#section1 .slider_2 { background-image: url(../img/main_visual2.jpg);} 
#section1 .slider_3 { background-image: url(../img/main_visual3.jpg);} 
#section1 .mySwiper .swiper-slide.swiper-slide-active .slide_bg { animation: zoom_in 4000ms; transition: transform 4000ms ease-in-out, opacity 1000ms ease 0s; }
#section1 .mySwiper .swiper-slide.swiper-slide-active .visual_wrap .visual_txt_box .title_box div h2 { animation: d_up 1200ms; } 
#section1 .mySwiper .swiper-slide.swiper-slide-active .visual_wrap .visual_txt_box .visual_info { animation: d_up 1200ms; animation-delay: 0.7s;} 

@keyframes zoom_out {
0% { transform: scale(1); } 
100% { transform: scale(1.2) rotate(0.003deg); } 
}
@keyframes zoom_in {
0% { transform: scale(1.2); } 
100% { transform: scale(1) rotate(0.003deg); } 
}
@keyframes t_left {
0% { opacity: 0; filter: Alpha(opacity=0); transform: translateX(-70px); transition: opacity 1s, transform 1s; } 
100% { opacity: 1.0; filter: Alpha(opacity=100); transform: translateX(0px); transition: opacity 1s, transform 1s; } 
}
/**/
@keyframes l_right {
0% {opacity: 0;filter: Alpha(opacity=0);transform: translateX(-50%);transition: opacity 1s, transform 1s;} 
100% { opacity: 1.0; filter: Alpha(opacity=100); transform: translateX(0px); transition: opacity 1s, transform 1s; } 
}
@keyframes u_down {
0% { opacity: 0; filter: Alpha(opacity=0); transform: translateY(-50%); transition: opacity 1s, transform 1s; } 
100% { opacity: 1.0; filter: Alpha(opacity=100); transform: translateY(0px); transition: opacity 1s, transform 1s; } 
}
@keyframes d_up {
0% { opacity: 0; filter: Alpha(opacity=0); transform: translateY(50%); transition: opacity 1s, transform 1s; } 
100% { opacity: 1.0; filter: Alpha(opacity=100); transform: translateY(0px); transition: opacity 1s, transform 1s; } 
}


@-webkit-keyframes LoadingBar {from { width:0px; } 
to { width:70px; } 
}
@keyframes LoadingBar {from { width:0px; } 
to { width:70px; } 
}


/* control_wrap */
.control_wrap {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;max-width: 1490px;margin: 0 auto;z-index: 999;}
.control_wrap .swiper-pagination {width: auto !important;left: auto !important;right: 0;text-align: right;bottom: 35% !important;} 
.control_wrap .swiper-pagination span:before {content:"";display: none;position: absolute;top: 0;left: 0;width: 20px;height: 20px;border: 1px solid #fff;border-radius: 50%;} 
.control_wrap .swiper-button-next:after, .control_wrap .swiper-button-prev:after { display: none; } 
.control_wrap .swiper-pagination-bullet {display: block;position: relative;width: 8px;height: 8px;background: #fff;margin: 40px 0 20px !important;opacity: 1;} 
.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {} 
:root { --swiper-theme-color: none !important; } 
.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active:after{position:absolute;content:"";animation:LoadingBar 4s both;animation-delay:0.2s;width: 20px;height: 20px;border: 1px solid #fff;left: calc(50% - 10px);top: calc(50% - 10px);border-radius: 50%;opacity:0}
.control_wrap .swiper-pagination .swiper-pagination-bullet strong {display: none;}


@keyframes zoom_in { 
 0% { transform: scale(1.2); } 
 100% { transform: scale(1) rotate(0.003deg); } 
}

@-webkit-keyframes LoadingBar{
 0% {opacity: 0;}
 50% {opacity: 0.5;}
 100% {opacity: 1;}
}
@keyframes LoadingBar{
 0% {opacity: 0;}
 50% {opacity: 0.5;}
 100% {opacity: 1;}
}

.control_wrap .swiper-button > div {width: auto;color: #fff;}
.control_wrap .swiper-button > div.swiper-button-prev {}
.control_wrap .swiper-button > div.swiper-button-next {right: auto;left: 165px;}
.control_wrap .swiper-button > div:after {font-size: 22px;font-weight: 600;}


/* mouse wheel */
.mouse_scroll {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);z-index: 99;text-align: center;}
.mouse_scroll img {animation: mouse_ani 1.5s ease-in-out infinite;}
.mouse_scroll span {display:block;font-family: var(--font-Saira);font-size: 12px;color: #fff;padding-top: 25px;font-weight: 100;} 
/* mouse_ani */
@keyframes mouse_ani {
0% {transform: translateY(0px);}
50% {transform: translateY(10px);}
100% {transform: translateY(0px);}
}


/*---------- section2 ----------*/
#section2.section .content_area {padding: 140px 0 160px;}
#section2.section .content_area .img .box p, #section2.section .more i {font-size: 24px;font-weight: 600;color: #141414;}
#section2.section .more i, #section3.section .more i {font-size: 30px;}
#section2.section .more i {opacity: 0;transition: all .3s;}
/**/
#section2.section .content_area .img .clone {}
#section2.section .content_area #img_m.img {display: none;}
#section2.section .content_area .img > div {flex-wrap: wrap;margin: 0 -28px;}
#section2.section .content_area .img .box {position: relative;flex-basis: calc(100% / 3 - 56px);margin: 0 28px 46px;border: 1px solid #b4b4b4;overflow: hidden;transition: all .3s;}
#section2.section .content_area .img .box:nth-child(n+4):nth-child(-n+6) {margin: 0 28px 0;}
/* #section2.section .content_area .img .box:after {display: none;content:'';position:absolute;top:0;left: -80%;z-index: 1;width: 50%;height:100%;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);transform:skewX(-30deg);} */
#section2.section .content_area .img .box img {display: block;width: 100%;height: auto;object-fit: cover;}
#section2.section .content_area .img .box .txt {position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;align-items: center;padding: 0px 40px 40px;}
/* hover */
#section2.section .content_area .img .box:hover {box-shadow: 0px 0px 6px rgb(51 51 51 / 20%);transition: all .3s;}
#section2.section .content_area .img .box:hover .more i {opacity: 1;animation: btn_left .5s cubic-bezier(.7,0,.3,1); transition: cubic-bezier(.7,0,.3,1) .5s;}
/* #section2.section .content_area .img .box:hover:after { animation: shine 1s; } */
/* ani */
@keyframes shine {
 0% {
  left:-80%;
 } 
 100% {
  left:130%;
 } 
}

@keyframes btn_left {
    0% {
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

/*---------- section3 ----------*/
#section3.section .content_area .con.con1 .tit {margin: 55px 0 0;}
#section3.section .content_area .tit h2 {text-align: left;}
#section3.section .more {width: 70px;height: 70px;border: 1px solid #fff;margin-top: 20px;}
#section3.section .more i {display: block;color: #fff;text-align: center;line-height: 70px;transition: all .5s;}
/**/
#section3.section:before {content:"";display: block;position: absolute;top: 0;left: 0;background: url(../img/main_bg.jpg) no-repeat center;width: 100%;height: 100%;z-index: -1;}
#section3.section .content_area .con.con1 {height: 1000px;margin-bottom: 160px;}
#section3.section .content_area .con.con1 .img {position: absolute;top: 0;right: 0;}
#section3.section .content_area .img > div {flex-wrap: wrap;margin: 0 -20px;}
#section3.section .content_area .img > div:nth-child(1) {justify-content: flex-end;}
#section3.section .content_area .img > div .box {position: relative;max-width: 363px;margin: 0 20px 40px;border: 1px solid #b4b4b4;overflow: hidden;transition: all .5s;}
#section3.section .content_area .con.con2 .img > div .box {position: relative;max-width: 500px;margin: 0 20px;border: 1px solid #b4b4b4;overflow: hidden;transition: all .5s;}
#section3.section .content_area .img > div:nth-child(1) .box {flex-basis: calc(100% /2 - 40px);}
#section3.section .content_area .img > div:nth-child(2) .box:nth-child(+n+1):nth-child(-n+3) {margin: 0 20px;}
#section3.section .content_area .img > div:nth-child(2) .box {flex-basis: calc(100% /3 - 40px);}
#section3.section .content_area .img .box:after {display: none;content:'';position:absolute;top:0;left: -80%;z-index: 1;width: 50%;height:100%;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);transform:skewX(-30deg);}
#section3.section .content_area .img .box img {display: block;width: 100%;height: auto;object-fit: cover;}
#section3.section .content_area .img .box .txt {position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;padding: 50px 40px 0;}
/* hover */
#section3.section .content_area .img .box:hover .more {border: none;background: #fff;transition: all .5s;}
#section3.section .content_area .img .box:hover .more i {color: #000;transition: all .5s;}



/*---------- section4 ----------*/
#section4.section .content_area {max-width: 100%;padding: 160px 0 180px;}
#section4 .flow-container {overflow: hidden;position: relative;height: 124px;}
#section4 .flow-container .flow-text {position: absolute;overflow: hidden;animation: textLoop 30s linear infinite;width: 350%;height: 124px;}
#section4 .flow-container .flow-text:after {content:"";display: block;clear: both;}
#section4 .flow-container .flow-text .flow-wrap {float: left;width: calc(100% / 20);height: 124px;!;margin: 0 25px;background-size: auto 124px !important;border: 1px solid #b4b4b4;}
@keyframes textLoop {
  0% { left: 0; }
  100% { left: -100%; }
}
	/* hover */
#section4 .flow-container .flow-text:hover {animation-play-state: paused !important;}




/*---------- section5 ----------*/
#section5.section .content_area {max-width: 100%;}
#section5.section .content_area:after {content:""; display: block; clear: both;}
#section5.section .content_area > div:not(.tit) {position: relative;width: 50%;}
#section5.section .content_area .left {float: left;}
#section5.section .content_area .right {float: right;}
#section5.section .content_area > div .txt {position: absolute;top: 95px;left: auto;right: 32%;color: #fff;}
#section5.section .content_area .right .txt {left: 7%;}
#section5.section .content_area > div .txt h2 {font-weight: 500;font-size: 24px;}
#section5.section .content_area > div .txt p {font-size: 20px;margin: 25px 0 60px;}
#section5.section .more {width: 223px;height: 58px;border: 1px solid #fff;border-radius: 45px; transition: all .3s;}
#section5.section .more a {font-family: var(--font-Saira);color: #fff;align-items: center;justify-content: space-between;width: 100%;height: 100%;padding: 10%; transition: all .3s;}
/* hover */
#section5.section .more:hover {border: none; background: #fff; transition: all .3s;}
#section5.section .more:hover a {color: #000; transition: all .3s;}




/* respon */
@media all and (max-width: 1490px){ /* width */
#section1 .visual_wrap, #section1 .mouse_scroll, #section1 .control_wrap,
.section .content_area {max-width: 96%;}
.section .content_area .tit h2 {font-size: 50px;}
.section .content_area .txt p {font-size: 24px;}

/* section2 */
#section2.section .content_area .img > div {margin: 0 -15px;}
#section2.section .content_area .img .box, #section2.section .content_area .img .box:nth-child(n+4):nth-child(-n+6) {margin: 0 15px 30px;}
#section2.section .content_area .img .box {flex-basis: calc(100% / 3 - 30px);}
#section2.section .content_area .img .box p {font-size: 20px;}
#section2.section .more i, #section3.section .more i {font-size: 25px;}

/* section3 */
#section3.section .content_area .con.con1 {height: 100%;min-height: 680px;}
#section3.section .content_area .con.con2 .img > div .box {max-width: 360px;}
#section3.section .content_area .img > div {margin: 0 -15px;}
#section3.section .content_area .img > div:nth-child(2) .box:nth-child(+n+1):nth-child(-n+3), #section3.section .content_area .con.con2 .img > div .box {margin: 0 15px;}
#section3.section .content_area .img > div .box {max-width: 245px; margin: 0 15px 30px;}
#section3.section .content_area .img > div:nth-child(1) .box {flex-basis: calc(100% /2 - 30px);}
#section3.section .content_area .img > div:nth-child(2) .box {flex-basis: calc(100% /3 - 30px);}
#section3.section .content_area .img .box .txt {padding: 50px 20px 0;}
#section3.section .more {width: 60px;height: 60px;}
#section3.section .more i {line-height: 60px;}

/* section4 */
#section4 .flow-container, #section4 .flow-container .flow-text, #section4 .flow-container .flow-text .flow-wrap {height: 100px;}
#section4 .flow-container .flow-text .flow-wrap {width: calc(100% / 15);background-size: contain !important;}

/* section5 */
#section5.section .content_area > div .txt, #section5.section .content_area .right .txt {left: 20px;right: 20px;}
}
@media (min-width: 1024px) and (max-width: 1490px){
/* section2 */
#section2.section .content_area .img .box .txt {padding: 0 20px 20px;}
}

 
@media (max-width: 1023px){
.section .content_area .tit {margin-bottom: 50px;}
.section .content_area .tit h2 {font-size: 48px;}
 
/* section1 */
#section1 .visual_wrap {top: 250px;}
#section1 .visual_wrap .visual_txt_box .title_box div p {font-size: 20px;margin-bottom: 20px;}
#section1 .visual_wrap .visual_txt_box .title_box div h2 {font-size: 55px;}
#section1 .visual_wrap .visual_txt_box .visual_info {margin-top: 30px;}
.typed-cursor {font-size: 50px;}
#section1 .visual_wrap .visual_txt_box .visual_info p {font-size: 20px;}
.control_wrap {padding-top: 550px;}
.control_wrap .swiper-pagination {bottom: 45% !important;} 
.mouse_wrap {right: 50%;}
.mouse_wrap span {display: none;}
.mouse_wheel:before {width: 100px;}
.mouse_wheel:after {width: 30px;}
@keyframes scrollDown {
  0%,100% {right: 0;} 
  50% {right: 70px;} 
}
 
/* section2 */
#section2.section .content_area .img .box {flex-basis: calc(100% / 2 - 30px);}
#section2.section .more i {opacity: 1;}

/* section3 */
#section3.section .content_area .con.con1 .tit {margin: 55px 0 50px;}
#section3.section .content_area .tit h2 {text-align: center;}
#section3.section .content_area .con {flex-direction: column;}
#section3.section .content_area .con.con1 {height: unset;min-height: unset;}
#section3.section .content_area .con.con1 .img {position: unset;}
#section3.section .content_area .img > div:nth-child(1) {justify-content: space-between;}
#section3.section .content_area .img > div:nth-child(1) .box, #section3.section .content_area .img > div:nth-child(2) .box,
#section3.section .content_area .con.con2 .img > div .box {max-width: 100%;}
#section3.section .content_area .img > div:nth-child(2) .box {flex-basis: calc(100% /2 - 30px);}
#section3.section .content_area .img > div:nth-child(2) .box:nth-child(+n+1):nth-child(-n+3), #section3.section .content_area .con.con2 .img > div .box {margin: 0 15px 30px;}
#section3.section .content_area .img .box img {max-height: 355px;}

/* section4 */
#section4 .flow-container .flow-text {animation: textLoop 20s linear infinite;}

/* section5 */
#section5.section .content_area > div .txt p br {display: none;}
}

@media (max-width: 767px){
.section .content_area .tit {margin-bottom: 30px;}
.section .content_area .tit h2 {font-size: 38px;}
.section .content_area .txt h2, #section3.section .content_area .txt h2 {font-size: 32px;margin: 0 auto 20px;}
.section .content_area .txt p, #section5.section .content_area > div .txt h2 {font-size: 20px;}
.more a {font-size: 16px;}
/* ani */
@keyframes more_left {
0% {padding-left: 10px;} 
100% {padding-left: 20px;} 
}
 
/* section1 */
#section1 .slide_bg {background-position: center right 40%;}
#section1 .visual_wrap {top: 32%;}
#section1 .visual_wrap .visual_txt_box {color: #fff;}
#section1 .visual_wrap .visual_txt_box .title_box div p {font-size: 16px;margin-bottom: 10px;}
#section1 .visual_wrap .visual_txt_box .title_box div h2 {font-size: 45px;}
#section1 .visual_wrap .visual_txt_box .visual_info {margin-top: 30px;}
.typed-cursor {font-size: 40px;}
#section1 .visual_wrap .visual_txt_box .visual_info {margin-top: 20px;}
#section1 .visual_wrap .visual_txt_box .visual_info p {font-size: 18px;}
.control_wrap .pagination_wrap {display: none;}
/* ani */
@-webkit-keyframes LoadingBar{from{width:0px;}to{width:70px;}}
@keyframes LoadingBar{from{width:0px;}to{width:70px;}}

/* section2 */
#section2.section .content_area, #section4.section .content_area {padding: 100px 0;}
#section2.section .content_area .img > div {margin: 0 -10px;}
#section2.section .content_area .img .box {flex-basis: calc(100% / 2 - 20px);}
#section2.section .content_area .img .box, #section2.section .content_area .img .box:nth-child(n+4):nth-child(-n+6) {margin: 0 10px 20px;}
#section2.section .content_area .img .box .txt {flex-direction: column;justify-content: center;height: 100%;padding: 20px;z-index: 1;}
#section2.section .content_area .img .box .txt:after {content:"";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000094;z-index: -1;}
#section2.section .content_area .img .box p {margin-bottom: 15px;}
#section2.section .content_area .img .box p, #section5.section .content_area > div .txt p  {font-size: 18px;}
#section2.section .content_area .img .box p, #section2.section .more i {color: #fff;}

/* section3 */
#section3.section .content_area .con.con1 {margin-bottom: 100px;}
#section3.section .content_area .con.con1 .tit {margin: 55px 0 30px;}
#section3.section .content_area .img > div:nth-child(2) .box {flex-basis: calc(100% /2 - 30px);}
#section3.section .content_area .img > div:nth-child(2) .box:nth-child(+n+1):nth-child(-n+3), #section3.section .content_area .con.con2 .img > div .box {margin: 0 10px 20px;}
#section3.section .content_area .img .box img {max-height: 267px;}
#section3.section .content_area .img .box .txt {padding: 30px 20px 0;}
#section3.section .content_area .img > div {margin: 0 -10px;}
#section3.section .content_area .img > div .box {margin: 0 10px 20px;}
#section3.section .content_area .img > div:nth-child(1) .box {flex-basis: calc(100% / 2 - 20px);}
#section3.section .content_area .img > div:nth-child(2) .box {flex-basis: calc(100% / 2 - 20px);}
#section3.section .more {width: 50px;height: 50px;}
#section3.section .more i {line-height: 50px;}

/* section4 */
#section4 .flow-container, #section4 .flow-container .flow-text, #section4 .flow-container .flow-text .flow-wrap {height: 80px;}
#section4 .flow-container .flow-text {animation: textLoop 10s linear infinite;}
#section4 .flow-container .flow-text .flow-wrap {width: calc(100% / 10);margin: 0 15px;}

/* section5 */
#section5.section .content_area > div .txt h2 {margin: 0;}
#section5.section .more {height: 48px;}
#section5.section .more a {padding: 10px 20px;}
#section5.section .content_area > div .txt p {margin: 20px 0 50px;}

}
@media (min-width: 480px) and (max-width: 767px){
/* section2 */
#section2.section .content_area .img .box .txt {flex-direction: column;justify-content: center;}
}
@media (max-width: 600px){
/* section2 */
#section2.section .content_area .img .box p, #section5.section .content_area > div .txt p  {font-size: 16px;}

/* section5 */
#section5.section .content_area > div:not(.tit) {width: 100%;margin-bottom: 10px;}
#section5.section .content_area .left, #section5.section .content_area .right {float: unset;}
#section5.section .content_area .left {float: unset;}
#section5.section .content_area  div .img img{display: block;width: 100%;height: 250px;object-fit: cover;}
#section5.section .content_area > div .txt {top: 50px;}
}


@media (max-width: 479px){
.section .content_area .tit h2 {font-size: 28px;}
.section .content_area .txt h2, #section3.section .content_area .txt h2 {font-size: 22px;}
.section .content_area .txt p, #section5.section .content_area > div .txt h2 {font-size: 16px;}
.more a {font-size: 14px;}
 
/* section1 */
#section1 .visual_wrap .visual_txt_box .title_box div p {font-size: 14px;}
#section1 .visual_wrap .visual_txt_box .title_box div h2 {font-size: 35px;}
#section1 .visual_wrap .visual_txt_box .visual_info p {font-size: 16px;}
#section1 .visual_wrap .visual_txt_box .visual_info p br {display: none;}
.control_wrap {padding-top: 400px;}
.mouse_scroll span {display: none;}
.mouse_wheel:before {width: 60px;}
.mouse_wheel:after {width: 20px;}
@keyframes scrollDown {
  0%,100% {right: 0;} 
  50% {right: 40px;} 
}

/* section2 */
#section2.section .content_area, #section4.section .content_area {padding: 80px 0;}
#section2.section .content_area .img > div {margin: 0;}
#section2.section .content_area .img .box {flex-basis: 100%;}
#section2.section .content_area .img .box, #section2.section .content_area .img .box:nth-child(n+4):nth-child(-n+6) {margin: 0 0 10px;}
#section2.section .content_area .img .box img {height: 100px;}
#section2.section .content_area .img .box p, #section2.section .more i {color: #fff;}
#section2.section .content_area .img .box p {margin-bottom: 10px;}
#section2.section .more i, #section3.section .more i {font-size: 20px;}

/* section3 */
#section3.section .content_area .con.con1 {margin-bottom: 80px;}
#section3.section .content_area .con.con1 .tit {margin: 55px 0 30px;}
#section3.section .content_area .img > div:nth-child(2) .box {flex-basis: calc(100% /2 - 30px);}
#section3.section .content_area .img > div:nth-child(2) .box:nth-child(+n+1):nth-child(-n+3), #section3.section .content_area .con.con2 .img > div .box {margin: 0 0 10px;}
#section3.section .content_area .img .box img {max-height: 100px;object-position: 100% 50%;}
#section3.section .content_area .img > div:nth-child(1) .box:nth-child(2) img {object-position: 100% 80%;}
#section3.section .content_area .img > div:nth-child(2) .box:nth-child(1) img {object-position: 100% 35%;}
#section3.section .content_area .img .box .txt {height: 100%;}
#section3.section .content_area .img > div {margin: 0;}
#section3.section .content_area .img > div .box {margin: 0 0 10px;}
#section3.section .content_area .img > div:nth-child(1) .box, #section3.section .content_area .img > div:nth-child(2) .box {flex-basis: 100%;}
#section3.section .txt p, #section3.section .more {display: inline-block;width: 50%;}
#section3.section .txt p {margin-top: 10px;}
#section3.section .more {float: right;width: 50px;height: 50px;margin-top: 0;clear: both;}
#section3.section .more i {line-height: 50px;}

/* section4 */
#section4 .flow-container, #section4 .flow-container .flow-text, #section4 .flow-container .flow-text .flow-wrap {height: 60px;}
#section4 .flow-container .flow-text .flow-wrap {width: calc(100% / 5);margin: 0 10px;}

/* section5 */
#section5.section .content_area > div .txt p {margin: 10px 0 30px;}
#section5.section .more {width: 100%;height: 38px;}
}