@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 400;
  src: local('Gelion'), url('../font/Gelion_Regular.ttf') format('woff');
}

@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 300;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Light Italic.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 300;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Thin.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 500;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Medium Italic.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 500;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Medium.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 600;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion SemiBold Italic.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 600;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion SemiBold.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 700;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Bold Italic.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 700;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Bold.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 900;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Black Italic.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 900;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Black.woff') format('woff');
}

.count{position: fixed; top: 140px; left: 40px; font-size: 20px; color: red; z-index: 100; font-weight: bold;}
.page_instructor{padding: 0; overflow-x: hidden;}
.i_line_1{position: absolute; top: 110px;}
.i_line_2{position: absolute; top: 122px;}
.i_s_1{position: fixed; left: 0; top: 0; width: 100%; height: 100dvh; display: flex; align-items: center; padding: 0 40px 0 80px;}
.i_s_1::before{content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.68);}
.i_s_1 *{color: #fff;}
.i_s_1 img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; z-index: -1;}



.i_s_1 article{display: flex; justify-content: space-between; position: relative; z-index: 1; align-items: flex-start;}
.i_s_1 article .i_s_1_left{margin-top: 1.32vw;}
.i_s_1 article h1{font-family:'Gelion'; font-size: 4.21vw; font-weight: 500; line-height: 120%; letter-spacing: -0.084vw;}
.i_s_1 article span{font-size: 1.05vw; font-weight: 600; line-height: 140%; letter-spacing: 0.084vw; display: block;}
.i_s_1_inner{width: 50%;}
.i_s_1_sub{padding-bottom: 2.63vw; margin-bottom: 2.63vw; position: relative;}
.i_s_1_sub::after{content: ''; height: 0.07vw; width: 0; background-color: #fff; position: absolute; left: 0; bottom: 0; transition: ease-out 0.8s width; transition-delay: 0.3s;}
.active .i_s_1_sub::after{width: 100%;}
.i_s_1_inner h4{font-family:'Gelion'; font-size: 2.63vw; font-weight: 500; line-height: 120%;}
.i_s_1_inner p{font-size: 0.99vw; font-weight: 400; line-height: 1.5; display: block; padding-right: 16.67%;}
.i_s_1_inner h5.fadeIn-5{font-family:'Gelion'; font-size: 0.92vw; font-weight: 500; line-height: 140%; letter-spacing: 0.11vw; margin-top: 3.95vw; display: flex; align-items: center;}
.i_s_1_inner h5::after{content: ''; display: block; margin-left: 1.05vw; width: 3.95vw; height: 0.13vw; background-color: #fff;}

.i_s_1_inner h5::after{animation: guide 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation-delay: 0.4s;}





.i_s_2{position: relative; left: 0%; width: 100%; min-height: 100%; height: 100vh; z-index: 1;}
.i_s_2 .line_100{background-color: #fff; position: relative; left: -78px; margin: 40px 0; width: 0%; transition: ease 0.7s width; transition-delay: 0s;}
.i_s_2 .current .line_100{width: 100%;transition-delay: 1s;}
.i_slide_w{width: 100%; height: 100dvh; display: flex; position: fixed; z-index: 10; left: 100%; transform: translateX(-100%);  background-color: rgba(0, 0, 0, 0); transition: cubic-bezier(0.03, 0.36, 0.58, 1) 0.4s transform, cubic-bezier(0, 0, 1, 1) 0.2s background-color; opacity: 0;}

/*.i_slide_w.hide .i_slide{opacity: 0;}*/
.i_slide_w:not(.hide) .i_slide{opacity: 1;}
.i_slide{position: absolute; height: 100%; width: 100%; min-width: 100%; left: 0; top: 0; transition: ease 0.3s opacity; z-index: 1;}
/*
.i_slide{padding: 82px 0 0 0;}
.i_slide_inner{display: flex; justify-content: center; flex-direction: column; height: 100%; padding-left: 78px;}
.i_slide *{color: #fff;}
.i_slide h1{font-family:'Gelion'; font-size: 76px; font-weight: 400; line-height: 120%; margin-bottom: 32px;}
.i_slide h4{font-size: 20px; font-weight: 400; line-height: 150%; margin-bottom: 20px; width: 45%;}
.i_slide p{color: #B0B0B0; font-size: 15px; font-weight: 400; line-height: 150%; width: calc((100% / 3) * 1);}
.i_slide span{font-size: 16px; font-weight: 600; line-height: 140%; letter-spacing: 1.28px; text-transform: uppercase;}
.i_slide ul{margin-top:20px;}
.i_slide li{font-size: 15px; font-weight: 400; line-height: 200%;}
.i_slide li::before{content: '•'; margin-right: 8px;}

.circle{width: 100%; height: 100dvh; position: fixed; left: 00%; top: 00%; background-color: #F6F2EE; clip-path: circle(50% at 92% 50%); transition: ease 0.3s opacity; opacity: 0;}
.circle::before{content: ''; display: block; width: 100%; height: 0; padding-top: 100%;}
.circle img{width: 28%; position: absolute; right: 6%; bottom: 0; max-height: calc(100vh - 100px); object-fit: contain;}
.circle .line_100{background-color: #000;}
*/
.i_slide{padding: 5.39vw 0 0 0;}
.i_slide_inner{display: flex; justify-content: center; flex-direction: column; height: 100%; padding-left: 5.13vw;}
.i_slide *{color: #fff;}
.i_slide h1{font-family:'Gelion'; font-size: 5vw; font-weight: 500; line-height: 120%; margin-bottom: 2.11vw;}
.i_slide h1 > div{font-family:'Gelion';}
.i_slide h4{font-size: 1.32vw; font-weight: 400; line-height: 150%; margin-bottom: 1.32vw; width: 45%;}
.i_slide p{color: #B0B0B0; font-size: 0.99vw; font-weight: 400; line-height: 150%; width: 33.33%;}
.i_slide span{font-size: 1.05vw; font-weight: 600; line-height: 140%; letter-spacing: 0.084vw; text-transform: uppercase;}
.i_slide ul{margin-top: 1.32vw;}
.i_slide li{font-size: 0.99vw; font-weight: 400; line-height: 200%;}
.i_slide li::before{content: '•'; margin-right: 0.53vw;}

.circle{width: 100%; height: 100dvh; position: fixed; left: 0; top: 0; background-color: #F6F2EE; clip-path: circle(50% at 92% 50%); transition: ease 0.3s opacity; opacity: 0;}
.circle::before{content: ''; display: block; width: 100%; height: 0; padding-top: 100%;}
.circle img{width: 28%; position: absolute; right: 6%; bottom: 0; max-height: calc(100vh - 100px); object-fit: contain;}
.circle .line_100{background-color: #000;}

@media(min-width:1025px){
.i_slide:not(.i_slide_w){pointer-events: none;}
.i_slide_w.fadeIn-0, .i_slide_w.fadeIn-1, .i_slide_w.fadeIn-2, .i_slide_w.fadeIn-3, .i_slide_w.fadeIn-4, .i_slide_w.fadeIn-5,
.i_slide_w.fadeIn2-1, .i_slide_w.fadeIn2-2, .i_slide_w.fadeIn2-3, .i_slide_w.fadeIn2-4, .i_slide_w.fadeIn2-5,
.i_slide_w .fadeIn-0, .i_slide_w .fadeIn-1, .i_slide_w .fadeIn-2, .i_slide_w .fadeIn-3, .i_slide_w .fadeIn-4, .i_slide_w .fadeIn-5,
.fadeIn2-1, .fadeIn2-2, .fadeIn2-3, .i_slide_w .fadeIn2-4, .i_slide_w .fadeIn2-5
{opacity: 0;}

.i_slide.fadeIn-0.active.current, .i_slide.active.current .fadeIn-0{animation: s_fadeIn 0.9s ease-out both; animation-delay: 0.4s; opacity: 1;}
.i_slide.fadeIn-1.active.current, .i_slide.active.current .fadeIn-1{animation: s_fadeInY 0.9s ease-out both; animation-delay: 0.6s; opacity: 1;}
.i_slide.fadeIn-2.active.current, .i_slide.active.current .fadeIn-2{animation: s_fadeInY 0.9s ease-out both; animation-delay: 0.8s; opacity: 1;}
.i_slide.fadeIn-3.active.current, .i_slide.active.current .fadeIn-3{animation: s_fadeInY 0.9s ease-out both; animation-delay: 1s; opacity: 1;}
.i_slide.fadeIn-4.active.current, .i_slide.active.current .fadeIn-4{animation: s_fadeInY 0.9s ease-out both; animation-delay: 1.2s; opacity: 1;}
.i_slide.fadeIn-5.active.current, .i_slide.active.current .fadeIn-5{animation: s_fadeInY 0.9s ease-out both; animation-delay: 1.4s; opacity: 1;}
.i_slide.fadeIn-6.active.current, .i_slide.active.current .fadeIn-6{animation: s_fadeInY 0.9s ease-out both; animation-delay: 1.6s; opacity: 1;}

.i_slide.fadeIn2-1.active.current, .i_slide.active.current .fadeIn2-1{animation: s_fadeInY2 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.4s; opacity: 1;}
.i_slide.fadeIn2-2.active.current, .i_slide.active.current .fadeIn2-2{animation: s_fadeInY2 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.6s; opacity: 1;}
.i_slide.fadeIn2-3.active.current, .i_slide.active.current .fadeIn2-3{animation: s_fadeInY2 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.8s; opacity: 1;}
.i_slide.fadeIn2-4.active.current, .i_slide.active.current .fadeIn2-4{animation: s_fadeInY2 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 1.0s; opacity: 1;}
.i_slide.fadeIn2-5.active.current, .i_slide.active.current .fadeIn2-5{animation: s_fadeInY2 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 1.2s; opacity: 1;}


.i_slide.fadeIn-0.active:not(.current), .i_slide.active:not(.current) .fadeIn-0{animation: s_fadeIn_b 0.5s ease-out both; animation-delay: 0.4s; opacity: 1;}
.i_slide.fadeIn-1.active:not(.current), .i_slide.active:not(.current) .fadeIn-1{animation: s_fadeInY_b 0.5s ease-out both; animation-delay: 0.0s; opacity: 1;}
.i_slide.fadeIn-2.active:not(.current), .i_slide.active:not(.current) .fadeIn-2{animation: s_fadeInY_b 0.5s ease-out both; animation-delay: 0.1s; opacity: 1;}
.i_slide.fadeIn-3.active:not(.current), .i_slide.active:not(.current) .fadeIn-3{animation: s_fadeInY_b 0.5s ease-out both; animation-delay: 0.2s; opacity: 1;}
.i_slide.fadeIn-4.active:not(.current), .i_slide.active:not(.current) .fadeIn-4{animation: s_fadeInY_b 0.5s ease-out both; animation-delay: 0.3s; opacity: 1;}
.i_slide.fadeIn-5.active:not(.current), .i_slide.active:not(.current) .fadeIn-5{animation: s_fadeInY_b 0.5s ease-out both; animation-delay: 0.4s; opacity: 1;}
.i_slide.fadeIn-6.active:not(.current), .i_slide.active:not(.current) .fadeIn-6{animation: s_fadeInY_b 0.5s ease-out both; animation-delay: 0.5s; opacity: 1;}

.i_slide.fadeIn2-1.active:not(.current), .i_slide.active:not(.current) .fadeIn2-1{animation: s_fadeInY2_b 0.5s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.0s; opacity: 1;}
.i_slide.fadeIn2-2.active:not(.current), .i_slide.active:not(.current) .fadeIn2-2{animation: s_fadeInY2_b 0.5s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.2s; opacity: 1;}
.i_slide.fadeIn2-3.active:not(.current), .i_slide.active:not(.current) .fadeIn2-3{animation: s_fadeInY2_b 0.5s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.4s; opacity: 1;}
.i_slide.fadeIn2-4.active:not(.current), .i_slide.active:not(.current) .fadeIn2-4{animation: s_fadeInY2_b 0.5s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.6s; opacity: 1;}
.i_slide.fadeIn2-5.active:not(.current), .i_slide.active:not(.current) .fadeIn2-5{animation: s_fadeInY2_b 0.5s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.4s; opacity: 1;}


@keyframes s_fadeInY {
  0% {transform: translateY(20px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1;}
}

@keyframes s_fadeInY2 {
  0% {transform: translateY(100%) rotate(3deg); opacity: 0;}
  100% {transform: translateY(0)  rotate(0deg); opacity: 1;}
}

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

@keyframes s_fadeInY_b {
  0% {transform: translateY(00px); opacity: 1;}
  100% {transform: translateY(-20px); opacity: 0;}
}

@keyframes s_fadeInY2_b {
  0% {transform: translateY(0) rotate(0deg); opacity: 1;}
  100% {transform: translateY(-100%)  rotate(4deg); opacity: 0;}
}

@keyframes s_fadeIn_b {
  0% {opacity: 1;}
  100% {opacity: 2;}
}


.i_slide.active.current .circle{animation: circleIn 1.8s ease both; animation-delay: 0.9s; /*transition: 1.8s ease all; transition-delay: 0.9;*/}
.i_slide:not(.current) .circle{animation: circleOut 1.8s ease both; animation-delay: 0.0s;/* transition: 1.8s ease all; transition-delay: 0.0;*/}

.i_slide.active.current .circle img{animation: circleImgIn 1.8s ease both; animation-delay: 0.9s;}
.i_slide:not(.current) .circle img{animation: circleImgOut 1.8s ease both; animation-delay: 0.0s;}



@keyframes circleIn {
  0% {clip-path: circle(20% at 94% 150%);}
  50%{clip-path: circle(20% at 94% 54%);}
  100% {clip-path: circle(50% at 94% 54%);}
}

@keyframes circleOut {
  0% {clip-path: circle(50% at 94% 54%);}
  50% {clip-path: circle(20% at 94% 54%);}
  100% {clip-path: circle(20% at 94% -54%);}
}



@keyframes circleImgIn {
  0% {transform: translateY(40%);}
  50%{transform: translateY(00%);}
  100% {transform: translateY(00%);}
}

@keyframes circleImgOut {
  0% {transform: translateY(-00%);}
  50%{transform: translateY(-00%);}
  100% {transform: translateY(-40%);}
}
  @keyframes guide {
    0% {width:3vw}
    50% {width:3.95vw;}
    100% {width:3vw;}
  }
}

/*.i_slide.active:not(.current){background-color: red;}
.i_slide.active.current{background-color: antiquewhite;}*/

.i_slide_list{height: 100dvh; position: relative; left: 0%; background-color: #000; display: flex; transition: cubic-bezier(0.03, 0.36, 0.58, 1) 0.4s transform, cubic-bezier(0.03, 0.36, 0.58, 1) 0.4s opacity;}
.i_slide_list li:first-child{padding-left: 30vw;}
/*.i_slide_list li{padding-top: 200px; color: #fff;height: 100vh; display: flex;flex-direction: column; justify-content: space-between; padding-right: 180px;}
.i_s_l_t{padding-left: 54px;}
.i_s_l_t span{font-size: 15px; font-weight: 700; line-height: 150%}
.i_s_l_t h1{font-family: 'Gelion'; font-size: 48px; font-weight: 400; line-height: 90%; margin:8px 0 24px;}
.i_s_l_t p{font-size: 20px; font-weight: 400; line-height: 130%;}
.i_s_l_t p.i_s_l_t_p_2{font-size: 16px; line-height: 1.5; color: #b0b0b0; padding-top: 20px;}
.i_s_l_t div{}
.i_s_l_b{display: flex; align-items: center;}
.i_s_l_img_w{position: relative; width: 360px; margin-right: 54px;}
.i_s_l_img_w::before{content: ''; display: block; width: 240px; height: 240px; background-color: #fff; border-radius: 100%; position: absolute; left: 0; bottom: -54px;}
.i_s_l_img_w img{width: 100%; position: relative;}
.i_s_l_b span{width: 360px; color: #fff; font-size: 20px; font-weight: 400; line-height: 150%; display: block;}
.i_s_l_b div div{font-size: 15px; font-weight: 400; line-height:1.5; color: #fff; margin-top: 12px; position: relative; padding-left: 20px; display: flex; align-items: center;}
.i_s_l_b div div::before{content: '•'; margin-right: 8px; position: absolute; left: 0; top: 0;}
*/
.i_slide_list li{padding-top: 200px; color: #fff; height: 100vh; display: flex; flex-direction: column; justify-content: space-between; padding-right: 11.84vw;}
.i_s_l_t{padding-left: 3.55vw;}
.i_s_l_t span{font-size: 0.99vw; font-weight: 700; line-height: 150%;}
.i_s_l_t h1{font-family: 'Gelion'; font-size: 3.16vw; font-weight: 500; line-height: 90%; margin: 0.53vw 0 1.58vw;}
.i_s_l_t p{font-size: 1.32vw; font-weight: 400; line-height: 130%;}
.i_s_l_t p.i_s_l_t_p_2{font-size: 1.05vw; line-height: 1.5; color: #b0b0b0; padding-top: 1.32vw;}
.i_s_l_t div{}
.i_s_l_b{display: flex; align-items: center;}
.i_s_l_img_w{position: relative; width: 23.68vw; margin-right: 3.55vw;}
.i_s_l_img_w::before{content: ''; display: block; width: 15.79vw; height: 15.79vw; background-color: #fff; border-radius: 100%; position: absolute; left: 0; bottom: -3.55vw;}
.i_s_l_img_w img{width: 100%; position: relative;}
.i_s_l_b span{width: 23.68vw; color: #fff; font-size: 1.32vw; font-weight: 400; line-height: 150%; display: block;}
.i_s_l_b div div{font-size: 0.99vw; font-weight: 400; line-height: 1.5; color: #fff; margin-top: 0.79vw; position: relative; padding-left: 1.32vw; display: flex; align-items: center;}
.i_s_l_b div div::before{content: '•'; margin-right: 0.53vw; position: absolute; left: 0; top: 0;}


.slide_in{}
.slide_in.i_s_count_w{/*transform: translateY(00px); opacity: 1;*/animation: s_fadeInY 0.7s ease-out both; animation-delay: 0.5s; opacity: 1;}
.i_s_count_w:not(.slide_in){/*transform: translateY(-30px); opacity: 0;*/ animation: s_fadeInY_b 0.7s ease-out both;}
.i_s_count_w{display: flex; position: absolute; right: 40px; bottom: 40px; padding: 16px 36px; display: flex; z-index: 1; border-radius: 100px; border: 1px solid #000; background-color: #fff; width: 160px; height: 60px; align-items: center; justify-content: center; transform: translateY(30px); /*opacity: 0; transition: ease 0.8s all; transition-delay: 0.3s;*/ opacity: 0;}
.i_s_count_w span{font-size: 20px; font-weight: 400; line-height: 1.4; color: #000; display: flex; align-items: center;}
.i_s_count_w > span:first-child::after{content: ''; display: block; width: 20px; height: 1px; background-color: #000; margin: 0 12px;}
.max_count{}

@media(min-width:1025px){
  .i_slide_list{opacity: 0;}
  .i_slide_list.show{opacity: 1;}
  .i_s_l_b{width: max-content;}
}
@media(max-width:1024px){
  .page_instructor{height: unset!important;}
  .i_s_1{flex-direction: column; align-items: center; text-align: center; justify-content: center; padding: 0 32px; position: relative;}
  .i_s_1 article{flex-direction: column; align-items: center; height: 100%; justify-content: center;}
  .i_s_1 article .i_s_1_left{margin-top: 0;}
  .i_s_1 article h1 { font-size: 7.22vw; letter-spacing: -0.11vw; }
  .i_s_1 article span { font-size: 1.39vw; }
  
  .i_s_1_sub { padding-bottom: 32px; margin-bottom: 32px; margin-top: 40px; }
  .i_s_1_inner { width: unset; }
  .i_s_1_inner h4 { font-size: 3.89vw; }
  .i_s_1_inner p { font-size: 1.67vw; padding-right: 0; }
  
  
  .i_s_1_inner h5{ height: 60px;}
  .i_s_1_inner h5.fadeIn-5{align-items: flex-start;position: absolute; bottom: 0; font-size: 11px; font-style: normal; font-weight: 600; line-height: 140%;letter-spacing: 1.32px; text-transform: uppercase; writing-mode: tb; display: flex; flex-direction: column; align-items: flex-start; left: 50%;}
  .i_s_1_inner h5::after{margin-left: 0px; margin-right: 6px; width: 1px; height: 60px;}  

  @keyframes guide {
    0% {height:40px}
    50% {height:60px;}
    100% {height:40px;}
  }
  .i_s_2{height: unset; background-color:#000; padding-bottom: 40px;}
  .i_slide_w{position: unset; height: unset; display: block; transform: unset!important; opacity: 1!important;}
  .i_slide{height: unset;position: relative; padding: 0; height: unset;}
  .i_slide::after{position: absolute; bottom: 0; left:0vw; width: 0; height: 1px; content: ''; display: block; background-color: #fff; transition: ease 0.7s width; transition-delay: 0.5s;}
  .active.i_slide::after{width: calc(100% - 9vw);}
  .i_slide_inner{justify-content: unset; padding-left: 9vw; padding-top: 23vw; padding-right: 9vw;}
  .i_slide_w.hide .i_slide{opacity: 1;}
  .i_slide h1{font-size: 9vw; font-weight: 500; line-height: 120%; margin-bottom: 16px;}
  .i_slide h4{font-size: 3.33vw; width: unset; margin-bottom: 4vw; line-height: 1.4;}
  .i_slide h4 br{display: none;}
  .i_slide p{width: unset;font-size: 3vw; line-height: 1.4;}
  .i_slide span{letter-spacing: 0.88px; font-size: 3vw; margin-bottom: 3vw;}
  .i_slide li{font-size: 3vw; font-weight: 400; line-height: 1.4; position: relative; padding-left: 3.33vw;}
  .i_slide li:not(:last-child){margin-bottom: 1vw;}
  .i_slide li::before{content: '•'; margin-right: 8px; position: absolute; left: 0; top: 0;}
  .i_s_2 .line_100{left: -9vw; margin: 8.89vw 0 5.56vw;}
  .i_s_2 .ani.active .line_100{width: calc(100% + 9vw);}
  .circle{height: unset; position: relative; clip-path: circle(60% at 82% 77%); aspect-ratio: 3 / 2; opacity: 1;}
  .circle::before{padding-top: 66%;}
  .i_s_l_t p.i_s_l_t_p_2{font-size: 3vw; padding-top: 4vw;}
  .i_s_l_b div div{font-size: 3.06vw; line-height: 1.4; margin-top: 0; padding-left: 3.33vw; opacity: 0; transform: translateY(20px); transition: ease 1.5s opacity, ease 1.5s transform; transition-delay: 1.3s;}
  .i_s_l_b div:not(.i_s_l_img_w) div:not(:last-child){margin-bottom: 1vw;}
  .ani.active .i_s_l_b div div{opacity: 1; transform: translateY(0);}
  .ani.active .i_s_l_b div div{ transition-delay: 1.3s;}


  
  @keyframes circleInMob {
    0% {clip-path: circle(20% at 82% 150%);}
    50%{clip-path: circle(54% at 93% 72%);}
    100% {clip-path: circle(54% at 93% 72%);}
  }
  .ani.active .circle{animation: circleInMob 1.8s ease both; animation-delay: 0.9s; opacity: 1!important;}
  .circle img{width: 35%; right: 4%; max-height: unset;}


  .i_slide_list{left: unset; flex-direction: column; height: unset; transform: unset!important;}
  .i_slide_list li:first-child{padding-left: unset;}
  .i_slide_list li{padding-right: 0; height: unset; padding-top: 18.89vw; position: relative;}
  .i_slide_list li::after{content: ''; display: block; height: 1px; background-color: #fff; width: 0; transition: ease 1.1s width; left: 40px; position: absolute; bottom: 0;}
  .i_slide_list li.active::after{width: 100%; left: -9vw;}
  
  .i_s_l_t{padding-left: 9vw;}
  .i_s_l_t span{font-size: 3.06vw;}
  .i_s_l_t h1{font-size: 6.67vw; margin: 0 0 5.56vw; line-height: 120%;}
  .i_s_l_t p{width: calc(100% - 9vw); font-size: 3.33vw;}

  .i_s_l_t p br{display: none;}
  .i_s_l_b{padding: 9vw 0vw 0 9vw; position: relative; flex-direction: row-reverse; align-items: flex-end; gap: 4%;}
  .i_s_l_b span{width: 100%; font-size: 3.06vw;}
  .i_s_l_b > div:not(.i_s_l_img_w){width: 60%; padding-bottom: 8vw;}
  .i_s_l_img_w{/*position: absolute; bottom: 100%; right: 20px;*/ margin-right: 0; width: 40%;}
  .i_s_l_img_w::before{left: 0; bottom: 0; aspect-ratio:1 / 1; width: 85%; height: unset;}

  /*.i_slide_list li *{display: block;}*/
  .i_s_l_t span{display: block; opacity: 0; transform: translateY(20px); transition: ease 1.5s transfrom, ease 1.5s opacity; transition-delay: 0.3s;}
  .i_s_l_t h1{display: block; opacity: 0; transform: translateY(20px); transition: ease 1.5s transfrom, ease 1.5s opacity; transition-delay: 0.5s;}
  .i_s_l_t p{display: block; opacity: 0; transform: translateY(20px); transition: ease 1.5s transfrom, ease 1.5s opacity; transition-delay: 0.7s; line-height: 1.4;}
  .i_s_l_img_w{display: block; opacity: 0; transform: translateY(20px); transition: ease 1.5s transfrom, ease 1.5s opacity; transition-delay: 0.9s;}
  .i_s_l_b span{display: block; opacity: 0; transform: translateY(20px); transition: ease 1.5s transfrom, ease 1.5s opacity; transition-delay: 1.1s; text-transform: uppercase;}
  .i_s_l_b div span:first-child{margin-bottom: 3vw;}
  .ani.active .i_s_l_t span{opacity: 1; transform: translateY(0);}
  .ani.active .i_s_l_t h1{opacity: 1; transform: translateY(0);}
  .ani.active .i_s_l_t p{opacity: 1; transform: translateY(0);}
  .ani.active .i_s_l_img_w{opacity: 1; transform: translateY(0);}
  .ani.active .i_s_l_b span{opacity: 1; transform: translateY(0);}
  .i_s_count_w{display: none;}
}
@media(max-width:800px){
  .i_s_1 article h1{font-size: 8.89vw; letter-spacing: -0.18vw;}
  .i_s_1 article span{font-size: 3.06vw;}

  .i_s_1_sub{padding-bottom: 8.89vw; margin-bottom: 8.89vw; margin-top: 11.11vw; }
  .i_s_1_inner{width: unset;}
  .i_s_1_inner h4{font-size: 5.56vw;}
  .i_s_1_inner p{font-size: 3.33vw; padding-right: 0;}
}