#eventMain {margin-top: 0;overflow-x: hidden;}
/* body, html {min-width: 1700px;} */
.scroll_down {color: #fff;white-space: pre;display: flex;flex-direction: column;align-items: center;gap: 10px;position: absolute;bottom: -90px;z-index: 9;animation: pokeDown 1s ease-in-out infinite;z-index: 100;bottom: 80px;right: 80px;}
.scroll_down span {font-size: .9em;font-weight: 300}
@keyframes pokeDown {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(10px);
  }
  60% {
    transform: translateY(5px);
  }
}

.sub_content_wrap {overflow-x: hidden;}
.inner {max-width: 1400px;}
footer .inner {max-width: var(--inner-width)}
[class^=main] .tit {font-size: 2.5em;word-break: keep-all;font-weight: 700;}
[class^=main] .txt {font-weight: 100;line-height:1.75;font-size: 1.2em;word-break: keep-all;}

.intro_box {width: 100vw;height: 100vh;background: var(--color-white);z-index: 10000;display: flex;flex-direction: row;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;right: 0;bottom: 0;}
.intro_box .logo {width: 500px;overflow: hidden;text-align: center;}
.intro_box .logo img {transform: translateY(calc(100% + 10px));transition: all 0.8s;margin: 0 auto;}
.intro_box .logo.on img {transform: translateY(0);max-width: 400px;width: 90%;}
.intro_box .logo.off img {opacity: 0;}
.intro_box .color_box {width: 100%;height: 72%;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);transition: all 0.6s ease;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.intro_box .color {width: 100%;}
.intro_box .red {height: 54.5%;background: #e21a22;}
.intro_box .yellow {height: 45.5%;background: #fcaf17;}
.intro_box .green {height: 45.5%;background: #5fa338;}
.intro_box .blue {height: 45.5%;background: #0083cb;}
.intro_box .color_box.on {height: 0;top: 0;}

.main1 {position: relative;height: 100vh;overflow: hidden;}
.main1 .bg{position: absolute;z-index: 1;width: 100%;/* overflow: hidden; */height: 100vh;}
.main1 .bg img {width: 100%;animation: scale 30s infinite;transition: .5s;height: 100vh;}
.main1 .bg_active{position: absolute;z-index: 2;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: none;animation: scale2 1.25s ease-in-out forwards;animation-delay: .5s;animation: intro_sub2 10s;height: 100%;}
.main1 .bg_active img {width: 100%;animation: none;height: 100%;object-fit: cover;animation: scale 50s infinite;}
.main1 .bg_active .desc {display: flex;flex-direction: column;align-items: center;top: 50%;left: 50%;transform: translate(-50%, -40%);position: absolute;color: #000;width: 90%;animation: intro_sub 10s;/* transform: translateY(100px); */opacity: 0;transition: all .5s ease-out;}
.main1.active .bg_active .desc {transform: translate(-50%, -50%);opacity: 1;transition-delay: 4s;}
/* .main1 .bg_active .desc .tit {font-weight: 700;font-size:2.5em;margin-top: 10px; text-align: center;} */
.main1 .bg_active .desc .tit {max-width: 600px;object-fit: contain;height: auto;animation: none;}
.main1 .bg_active .desc .txt {margin-top: 0;font-size: 1.1em;font-weight:300}
.main1 .bg_active .desc .img {width: 35px;margin-bottom: 10px;}

.main1 .bg_active .bg {height: 1px;position: static;height: 100%;width: 100%;animation: intro 10s;}
.main1 .bg_active .bg .txt_wrap {display: flex;flex-direction: column;color: #fff;align-items: center;justify-content: center;font-size: 1.3em;top: -30px;position: relative;}



.main2 {background-image: url(../images/landing_gampo/main2_bg.png);background-repeat: no-repeat;background-size: cover;/* margin-top: -3px; */padding-top: 150px;padding-bottom: 150px;}
.main2 > .desc {text-align: center;display: flex;flex-direction: column;padding-top: 0}
.main2 > .desc .txt {font-size: 1.5em; font-weight:200;}
.main2 > .desc .tit {font-size: 2.5em;font-weight: 700; margin-bottom:90px}



.main2 .history {height: 100%;position: relative;}
.main2.active .history {transform: translateY(0);opacity: 1;transition-delay: 1s;}
.main2 .history .graph {width: 4px;height:100%;position: absolute;display: inline-block;left: 50%;transform: translate(-50%, 0);border-right: 3px dashed #d3d3d4;}
.main2 .history .graph .active {width: 3px;height: 0%;background: #003787;display: inline-block;z-index: 2;position: relative;margin-left: 1px;}
.main2 .history .graph .active:before {content: '';background: #003787;width: 12px;height: 12px;border-radius: 80%;position: absolute;display: inline-block;bottom: 0;left: 50%;z-index: 3;transform: translate(-50%, 0)}
.main2 .history .graph .active:after {content: '';background: #0037871a;width: 12px;height: 12px;border-radius: 80%;position: absolute;display: inline-block;bottom: 0;left: 50%;transform: translate(-50%, 0) scale(5);z-index: 1;animation: scale2 3s infinite;transition: 1s;}
.main2 .history .item {display:grid;grid-template-columns: 1fr 1fr;display: grid;max-width: 1024px;width: 100%;margin: 0 auto;align-items: center;position: relative;}
.main2 .history .item + .item {margin-top: 60px;}
.main2 .history .item .desc {display: flex;flex-direction: column;text-align: left;margin: 0 auto;word-break: keep-all;}
.main2 .history .item .desc .dete {font-size: 1em; font-weight:400;}
.main2 .history .item .desc .tit {font-size: 1.3em; font-weight:600;}
.main2 .history .item .photo {border-radius: 20px;overflow: hidden;max-width: 445px;margin-left: auto;}
.main2 .history .item .photo.left {margin-left: 0; margin-right: auto;}
.main2 .history .item .photo img {display: block; width: 100%; height: 100%;}


.main3 {margin-top: -3px;margin-top: -100px;height: 100%;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;position: relative;z-index: 4;padding: 200px 0 100px 0;}
.main3:after {content: '';background-image:url(../images/landing_gampo/main3_bg.png);width: 100%;height: 100%;top: 50%;position: absolute;left: 0;z-index: 17;background-size: 100% 100%;background-repeat: no-repeat;z-index: 0;transform: translate(0, -50%);}
.main3 .swiper {width: 100%;}
.main3 .full {display: flex;margin: 0;width: 100%;}
.main3 .full .sec {display: grid;grid-template-columns: 900px 1fr;width: 100%;gap: 50px;position: relative;align-items: flex-start;}
.main3 .full .sec .photo {border-radius: 0 20px 20px 0;overflow: hidden;position: relative;height: 600px;}
.main3 .full .sec .photo:after {background: #00000042;top: 0;left: 0;right: 0;bottom: 0;position: absolute;content: '';}
.main3 .full .sec .photo img {width: 100%; height: 100%; display: block;}
.main3 .full .sec .desc {padding-top: 80px;word-break: keep-all; line-height: 1.5;}
.main3 .full .sec .desc .txt {display: flex;align-items: flex-end;font-size: 1.4em;font-weight: 700;/* margin-bottom: 25px; */}
.main3 .full .sec .desc .tit {font-size: 2.5em;font-weight:700;margin-bottom: 20px;line-height: 1.3;}
.main3 .full .sec .desc .tit p {line-height: 1.5;}

.main3 .full .sec1:after {background-image: url(../images/landing_gampo/main3_sec_01.png);content: '';background-size: 800px;position: absolute;height: 100px;width: 800px;bottom: 0;background-repeat: no-repeat;left: 900px;bottom: 8px;z-index: -1;}

.main3 .swiper {transform: translateY(100px);opacity: 0;transition: all .5s ease-out;}
.main3.active .swiper {transform: translate(0);opacity: 1;}
.main3 .slide_btn_wrap {width: 100%; position: relative;}
.main3 .slide_btn_wrap > button {position: absolute;top: 50%;transform: translate(0, -50%);z-index: 10;font-size: 30px;margin-top: 8px;color: #003787;}
.main3 .slide_btn_wrap .prev {left: -10px;}
.main3 .slide_btn_wrap .next {right: -10px;}
.main3 .slide_button {margin-top: 80px;font-size: 1.2em;width: 100%;position: relative;display: grid;border-top: 3px dashed #d3d3d4;grid-template-columns: 1fr 1fr 1fr 1fr;transform: translateY(100px);opacity: 0;transition: all .5s ease-out;z-index: 3;}
.main3.active .slide_button {transform: translate(0);opacity: 1;transition-delay: .5s;}
.main3 .slide_button .graph {position: absolute;background: #003787;width: calc(100% / 4);height: 3px;top: -3px;left: 0;}
.main3 .slide_button li {display: flex;justify-content: center;position: relative;}
.main3 .slide_button li.active:after {width: 100%;background: #003787;content: '';height: 3px;position: absolute;left: 0;top: -3px;}
.main3 .slide_button li button {padding-top: 30px;position: relative;min-width: 110px;}
.main3 .slide_button li button:before {content:'';background: #fff;border: 5px solid #b5b5b6;border-radius:80%;position: absolute;top: -2px;left: 50%;transform: translate(-50%, -50%);width: 20px;height: 20px;z-index: 2;transition: border-color .5s ease .2s;}
.main3 .slide_button li button.active:before {border-color: #003787}

.main4 {background-image: url(../images/landing_gampo/main4_bg.png);/* margin-top: -150px; */height: 100vh;display: flex;justify-content: center;color: #fff;text-align: center;align-items: center;z-index: 0;position: relative;justify-content: space-between;background-size: cover;z-index: 3;}
.main4:after {content: '';background-image: url(../images/landing_gampo/main1_bg_01_1.png);position: absolute;top: -49px;z-index: 1;width: 100%;height: 180px;background-repeat: no-repeat;background-position: 50% 0;background-size: 104%;}
.main4 .txt { margin-top: 30px;}
.main4 .txt span {display: inline-block;margin-top: 20px;width: 100%;}

.main4 .desc img,
.main4 .desc .tit {transform: translateY(100px);opacity: 0;transition: all .5s ease-out;}
.main4.active .desc img,
.main4.active .desc .tit{transform: translate(0);opacity: 1;transition-delay: .5s;}
.main4 .desc .txt {transform: translateY(100px);opacity: 0;transition: all .5s ease-out;}
.main4.active .desc .txt{transform: translate(0);opacity: 1;transition-delay: 1.5s;}

.main4 .move_img {display: flex;height: 100vh;gap: 0px 20px;transform: translateY(100px);opacity: 0;/* margin-left: -50px; */transition: all .5s ease-out;}
.main4 .move_img.right {/* margin-right: -50px; */}
.main4 .move_img.active {transform: translateY(0px);opacity: 1;transition-delay: 1.5s;}
.main4 .testbox { overflow: hidden; position: relative; height: auto; }
.main4 .test {height: 7000px;flex-flow: column;display: flex;gap: 20px 0px;animation: 50s linear 0s infinite normal none running bannermove;margin: 0px auto;margin-left: -25px;}
.main4 .move_img.right .test {margin-top: -70%;animation: 50s linear 0s infinite normal none running bannermove2;margin-right: -25px;margin-left: 0;}
.main4 .test > div {flex: 0 0 auto;vertical-align: top;text-align: center;overflow: hidden;border-radius: 20px;}
.main4 .test > div img {width: 100%; height: 100%; min-width: 100%; }

.main5 {background-repeat: no-repeat;background-size: 100%;margin-top: -3px;margin-top: -100px;height: 100%;display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-start;/* color: #fff; *//* text-align: center; */align-items: flex-start;z-index: 18;position: relative;padding: 200px 0;padding-left: 5%;gap: 40px;}
.main5:after {content: '';background-image:url(../images/landing_gampo/main5_bg.png);width: 100%;height: 100%;top: 50%;position: absolute;left: 0;background-size: 100% 100%;background-repeat: no-repeat;z-index: 0;transform: translate(0, -50%);}
.main5 .desc {position: relative; z-index: 20;}


.main5 .full {display: flex;gap: 20px;width: 100%;flex-direction: column;height: 100%;position: relative;z-index: 20;transform: translateY(100px);opacity: 0;transition: all .5s ease-out;}
.main5.active .full {transform: translate(0);opacity: 1;transition-delay: .5s;}
.main5 .full .swiper {width: 100%;height: 100%;}
.main5 .full .sub_tab {width: 100%;display: flex;justify-content: space-between;max-width: 95%;z-index: 10;margin-left: 0;margin-top: 80px;}
.main5 .full .sub_tab {display: grid !important;justify-content: space-between;align-items: center;gap: 0 20px;/* max-width: 1385px; *//* margin-top: 20px; */margin-right: auto;margin-left: 0;grid-template-columns: 40px 1fr 40px !important;}
.main5 .full .sub_tab .prev {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 80%;background: #fff;font-size: 14px;}
.main5 .full .sub_tab .next {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 80%;background: #fff;font-size: 14px;}


.main5 .full .sub_tab .swiper-pagination-bullets,
.main5 .full .sub_tab .swiper-pagination-horizontal,
.main5 .full .sub_tab .swiper-pagination-custom,
.main5 .full .sub_tab .swiper-pagination-fraction {display: flex;}
.main5 .full .sub_tab .swiper-pagination-bullets .swiper-pagination-bullet,
.main5 .full .sub_tab .swiper-pagination-bullet {width: 100%;height: 3px;margin: 0;border-radius: 0;}

.main5 .full .item {display: flex;flex-direction: column;gap: 45px}
.main5 .full .item .desc {border: 3px solid #0083cb;padding: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 15px;min-height: 315px;z-index: -1;opacity: 0;transition: .5s;background-color: #ffffffd1;}
.main5 .full .item .desc .tit  {background-color: #0083cb; color: #fff;min-height: 45px; border-radius: 15px; font-size: 1.2em;display: inline-block; width: 145px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.main5 .full .item .desc span + .tit {margin-top: 20px}
.main5 .full .item .tit_box {background-color: #0083cb;color: #fff;min-height: 100px;border-radius: 15px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 10px 20px;position: relative;text-align: center;}
.main5 .full .item .tit_box:after {  content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-bottom: 30px solid #0083cb;  top: -10px;}
.main5 .full .item .tit_box.top:after {top: auto; bottom: -40px;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #0083cb; border-bottom: none;}
.main5 .full .item .tit_box .tit {font-size : 1.2em; font-weight: 700;}
.main5 .full .item .tit_box .txt {margin-top: 5px;font-size: 1em;}
.main5 .full .item .item_wrap {position: relative;height: 315px;}
.main5 .full .item .item_wrap > div {position: absolute;width: 100%;height: 315px;overflow: hidden;border-radius: 20px;/* aspect-ratio: 1/1.2; */}
.main5 .full .item .item_wrap:hover .desc {opacity: 1; z-index: 2; cursor: pointer;}
.main5 .full .item .photo img {width: 100%;height: 100%;object-fit: cover; display: block;}
.main5 .full .item.red .desc{border-color: #e21a22}
.main5 .full .item.red .desc .tit {background: #e21a22}
.main5 .full .item.red .tit_box {background: #e21a22}
.main5 .full .item.red .tit_box.top:after {border-top-color: #e21a22;}
.main5 .full .item.red .tit_box:after {border-bottom-color: #e21a22;}

.main5 .full .item.green .desc{border-color: #5fa338}
.main5 .full .item.green .desc .tit {background: #5fa338}
.main5 .full .item.green .tit_box {background: #5fa338}
.main5 .full .item.green .tit_box.top:after {border-top-color: #5fa338;}
.main5 .full .item.green .tit_box:after {border-bottom-color: #5fa338;}

.main5 .swiper-pagination {position: relative;width: 100%;height: 4px;border-top: 3px dashed #ccc;border-radius: 5px;overflow: hidden;margin-top: 12px;}
.main5 .swiper-pagination-bullet {width: 20px;height: 100%;background-color: #ddd;opacity: 1;transition: transform 0.3s ease;border-radius: 5px;}
.main5 .swiper-pagination-bullet-active {background-color: #0083cb;/* transform: scaleX(1.5); */}


.main6 {background-repeat: no-repeat;margin-top: -0px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;z-index: 2;position: relative;gap: 40px;background-image: url(../images/landing_gampo/main6_bg.png);background-size: cover;padding: 100px 0 100px 0;margin-top: -147px;}
.main6 .inner {width: 90%;}
.main6 .tit_wrap {display: flex;justify-content: space-between;width: 100%;align-items: flex-end;margin-bottom: 30px;margin-top: 100px;}
.main6 .tit_wrap .tag {background-color: #0083cb;color: #fff;border-radius: 80px;min-height: 70px;display: flex;align-items: center;justify-content: center;padding: 0 45px;gap: 30px;}
.main6 .desc {display: flex; flex-direction: column}
.main6 .bottom {display: grid;grid-template-columns: 1fr 1fr; position: relative;transform: translateY(100px);opacity: 0;transition: all .5s ease-out;}
.main6.active .bottom {transform: translateY(0);opacity: 1;transition-delay: .5s;}
.main6 .bottom .left {aspect-ratio: 1 / .55;overflow: hidden;border-radius: 20px;height: 100%;width: 100%;position: relative;}
.main6 .bottom .left:after {content: ''; background-image: url(../images/landing_gampo/main6_01_bg.png); width: 100%; position: absolute; right: 0}
.main6 .bottom .left img {width: 100%; height: 100%; object-fit: cover;}
.main6 .bottom:After {background-image: url(../images/landing_gampo/main6_bg_01.png);right: 0;position: absolute;top: 0;content: '';width: 800px;height: 100%;z-index: -1;background-position: 59%;background-size: 100% 110%;background-repeat: no-repeat;}

.main6 .bottom .right {width: 100%;}
.main6 .bottom .swiper {width: 100%;/* padding: 30px; */transform: scale(.8);position: relative;padding: 70px 80px;}
.main6 .bottom .swiper > button {position: absolute;z-index: 5;width: 60px;height: 60px;border-radius: 80%;display: flex;align-items: center;justify-content: center;background: #fcaf17;color: #fff;top: 50%;left: -20px;transform: translate(0, -50%);}
.main6 .bottom .swiper > button.prev {left: 0;}
.main6 .bottom .swiper > button.next {right: 0;left: auto;}
.main6 .bottom .swiper .wrap {border-radius: 20px; overflow: hidden;}
.main6 .bottom .swiper img {width: 100%; height: 100%; object-fit: cover;}

@keyframes scale {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

@keyframes scale2 {
  0% { transform: translate(-50%, 0) scale(3); }
  50% { transform: translate(-50%, 0) scale(2); }
  100% { transform: translate(-50%, 0) scale(3); }
}

@keyframes bannermove {
  0% { transform: translate(0px, -50%); }
  100% { transform: translate(0px, 0px); }
}
@keyframes bannermove2 {
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(0px, -50%); }
}

@media (max-width: 1700px) {
  .main3 .full .sec1:after{width:calc(100% - 900px);background-size: 100%;}
  .main3 .full .sec .desc{padding-bottom: 100px;}
}
@media (max-width: 1600px) {
  [class^=main] .tit {font-size: 2.3em}
  [class^=main] .txt {font-size: 1.1em;line-height: 1.5;}
  .main3 .slide_btn_wrap {width: 90%}
  .main3 .full .sec {grid-template-columns: 45% 1fr; gap: 40px; padding-right: 5%;}
  .main3 .full .sec .desc {padding-top: 20px;}
  .main3 .full .sec .desc .tit {font-size: 2.3em;}
  .main3 .slide_button {/* width: 90%; */margin-left: auto;margin-right: auto;}
  .main4 .desc {padding: 0 30px}
  .main6 .bottom {grid-template-columns: 45% 55%;}
  .main6 .bottom .swiper {padding: 30px;}
  .main3 .full .sec .photo {height: 500px}
  .main3 .full .sec .photo {width: 100%; height: 100%; object-fit: cover;}
  .main3 .full .sec1:after{width: 55%;background-size: 100%;left: 44%;}
  .main3 .full .sec .desc{padding-bottom: 100px;}
}
@media (max-width: 1400px) {
  .main3 .full .sec1:after {display: none;}
  .main3 .full .sec .desc{padding-bottom:0;}
}
@media (max-width: 1200px) {
  .main4:after {background-image: url(../images/landing_gampo/main1_bg_01_1_m.png);top: -78px;background-position: left top;background-size: 1200px;}
  .main3:before {position: absolute;bottom: 0;left: 0;width: 100%;background-color: #f6f6f6;content: '';height: 100vh;}
  .main3:after {background-image: url(../images/landing_gampo/main3_bg_m.png);background-position: right top;background-size: contain;}
  .scroll_down {bottom: 80px;right: 30px}
  [class^=main] .tit {font-size: 2em}
  [class^=main] .txt {font-size: 1em}
  .main1 .bg_active .desc .tit {font-size: 2em;}
  .main1 .bg_active .desc .txt {font-size: 1em;}
  .main2 > .desc .tit {font-size: 2em;margin-bottom: 50px;}
  .main2 > .desc .txt {font-size: 1.2em;}
  .main4 .move_img {display: none;}
  .main4 .desc .tit br {display: none;}
  .main2 .history {width: 90%; margin: 0 auto;}
  .main2 .history .item {gap: 0 100px}
  .main2 {padding: 70px 0 120px 0;}
  .main3 .full .sec {gap: 30px;padding-right: 40px;}
  .main3 .full .sec {grid-template-columns: 45% 55%;display: flex;flex-direction: column;}
  .main3 .full .sec .desc .tit {font-size: 2em;}
  .main3 .full .sec .desc .txt {font-size: 1.2em;}
  .main3 .slide_btn_wrap > button {top:42px}
  .main3:after {width: 1200px;}
  .main5:after {width: 1200px}
  .main6 .tit_wrap .tag {min-height: 50px;gap: 15px;padding: 0 20px;}
  .main6 {padding-bottom: 80px;}
  .main6 .tit_wrap {margin-top: 50px}
  .main6 .bottom {display: flex;}
  .main6 .bottom .swiper {padding: 0 30px;transform: scale(1);width: 100%;}
  .main6 .bottom .left {display: none;}
  .main6 .bottom:after {display: none;}
  .main4 {height: 100%; padding: 150px 0;}
  .main4 .desc {width: 100%;}
  .main3 .slide_button {margin-top: 50px;}
  .main5 .full .sub_tab {margin-top:  50px;}
  /* .main5 .full .item .item_wrap {height: auto} */
  .main5 .full .item .item_wrap > div {height: auto;}
  .main3 .full .sec .photo {height: auto;aspect-ratio: 1/.5;}
  .main3 .full .sec .photo img {width: 100%; height: 100%; object-fit: cover;}
  .main3 .full .sec {flex-direction: column;display: flex;gap: 5px;padding-right: 30px;}
  .main3 .full .sec .desc {padding-left: 30px;}
}

@media (max-width: 800px) {
  .main4:after {background-size: 800px;top: -50px;}
  .main3 .full .sec .photo {aspect-ratio: 1/.7;}
  .main3 .slide_button li button:before {width: 10px;height: 10px;border: 3px solid #b5b5b5;}
  .main3 .slide_button {border-top: 2px dashed #d3d3d4;margin-top: 30px;}
  .main6 .tit_wrap {flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 10px;margin-top: 35px;}

  .main2 .history .item .photo {border-radius: 10px;margin-left: 0;width: 100%;}
  .main2 > .desc .tit {margin-bottom: 30px;}
  .main1 .bg_active .desc .txt {font-size: .9em}

  .main3 .slide_button li span {display: none;}
  .main3 .slide_button li button {min-width: auto;}
  .main2 .history .item {flex-direction: column;display: flex;justify-content: flex-start;align-items: flex-start;text-align: left;padding-left: 30px;}
  .main2 .history .item .desc {margin: 0 0 20px 0;}
  .main2 .history .graph {left: 0; }
  .m_reverse {flex-direction: column-reverse !important;}
  .main3 .slide_btn_wrap > button {font-size: 1.4em;top: 22px;}
  .main3 .slide_btn_wrap > .prev {left: -7px;}
  .main3 .slide_btn_wrap > .next {right: -7px;}
}

@media (max-width: 600px) {
  .main2 .history .item {gap: 0 50px}
  .main4:after {background-size: 600px;top: -38px;}
}