.u-pc {
  display: none;
}

#kv {
  width: 100%;
  position: relative;
  --h1-0-width: 68.53vw;
  --h1-1-width: 70.67vw;
}
#kv .s-inner {
  position: relative;
}
#kv h1 {
  position: absolute;
  width: 100%;
  height: 186.67vw;
  top: 0px;
  left: 0px;
  z-index: 2;
  pointer-events: none;
}
#kv h1 span {
  display: block;
  position: absolute;
}
#kv h1 span.inr {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#kv h1 span.h1_0 {
  top: 0px;
  left: 0px;
  width: var(--h1-0-width);
  aspect-ratio: 257/72;
}
#kv h1 span.h1_1 {
  bottom: 0px;
  right: 0px;
  width: var(--h1-1-width);
  aspect-ratio: 265/70;
}
#kv .img_main {
  position: relative;
  padding: 13.33vw 0 22.13vw 0;
  width: 100%;
}
#kv .img_main .img_inner {
  width: 100%;
  aspect-ratio: 375/560;
  position: relative;
}
#kv .img_main figure {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
#kv .img_main figure img {
  width: 100%;
  height: 149.33vw;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  max-block-size: revert;
}

.c-items {
  z-index: 3;
}
.c-items .item_inner {
  width: var(--innerW);
  margin-inline: auto;
  padding: 5.33vw 0;
}
.c-items ul li {
  font-size: var(--fs-11-11);
  line-height: 1.81;
}
.c-items ul li a {
  position: relative;
  width: fit-content;
}
.c-items ul li a:after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-black);
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.c-items ul li span.name:after {
  content: "/";
}
.c-items ul li span.cs {
  margin-left: 1em;
}
.c-items .c-link_items p {
  font-weight: 900;
  font-size: var(--fs-11-11);
  line-height: 1.81;
}
.c-items .c-link_items p a {
  position: relative;
}
.c-items .c-link_items p a span {
  position: relative;
}
.c-items .c-link_items p a span:after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-black);
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.c-btn_all {
  padding: 26.67vw 0 26.67vw 0;
}
.c-btn_all a.c-btn {
  width: 53.33vw;
  margin-inline: auto;
}

.js-slide {
  position: relative;
}
.js-slide ul {
  width: 100%;
  position: relative;
  aspect-ratio: 375/560;
}
.js-slide ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.js-slide ul li figure {
  overflow: hidden;
}
.js-slide ul li figure img {
  scale: 1.2;
  opacity: 0;
  transition: opacity 1s ease, scale 0.4s ease;
}
.js-slide ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.js-slide ul li.active {
  z-index: 2;
}
.js-slide ul li.active figure img {
  scale: 1;
  opacity: 1;
  transition: opacity 1s ease, scale 1s ease;
}

section .s-inner {
  position: relative;
}
section h2 {
  display: block;
}
section figure {
  overflow: hidden;
}

#s0 .img2 {
  position: relative;
  margin-top: -5.87vw;
}
#s0 h2 {
  position: relative;
  aspect-ratio: 27/62;
  width: 7.2vw;
  margin-left: 16vw;
  margin-top: 7.2vw;
  z-index: 2;
}

#s1 .s-inner {
  padding-bottom: 18.67vw;
}
#s1 h2 {
  position: relative;
  aspect-ratio: 43/64;
  width: 11.47vw;
  margin-left: 74.67vw;
  margin-top: -10.67vw;
  z-index: 2;
}
#s1 .c-items {
  margin-top: -5.87vw;
}
#s1 .img2 {
  position: relative;
  margin-top: 10.67vw;
}
#s1 .img2 figure {
  width: var(--img-small-width);
}
#s1 p.txt_season {
  width: 68.8vw;
  margin: 12vw 0 16.53vw 13.33vw;
}

#s2 .s-inner {
  padding-bottom: 24vw;
}
#s2 .img1 {
  display: flex;
  justify-content: flex-end;
  margin-top: 13.33vw;
}
#s2 .img1 figure {
  width: var(--img-small-width);
}
#s2 h2 {
  width: 11.73vw;
  aspect-ratio: 44/64;
  position: absolute;
  top: 218.67vw;
  left: 18.67vw;
  z-index: 2;
}

#s3 .s-inner {
  padding-bottom: 18.67vw;
}
#s3 h2 {
  position: relative;
  aspect-ratio: 51/62;
  width: 13.6vw;
  margin-top: -6.67vw;
  margin-left: 77.33vw;
  z-index: 2;
}
#s3 .c-items {
  margin-top: -9.87vw;
}

#s4 .s-inner {
  padding-bottom: 18.67vw;
}
#s4 .img0 {
  margin-bottom: 10.67vw;
}
#s4 .img0 figure {
  width: 85.33%;
}
#s4 h2 {
  position: relative;
  aspect-ratio: 42/63;
  width: 11.2vw;
  margin-left: 13.33vw;
  z-index: 2;
}
#s4 .img1 {
  margin-top: -10.13vw;
}

#s5 .s-inner {
  padding-bottom: 38.67vw;
}
#s5 .img0 {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
#s5 .img0 figure {
  width: var(--img-medium-width);
}
#s5 h2 {
  position: relative;
  aspect-ratio: 44/65;
  width: 11.73vw;
  margin-left: 16vw;
  margin-top: 12vw;
  z-index: 2;
}
#s5 .img1 {
  margin-top: -10.67vw;
}
#s5 .img2 {
  margin-top: 13.33vw;
}
#s5 .img2 figure {
  width: 64%;
}

#s6 .s-inner {
  padding-bottom: 8vw;
}
#s6 h2 {
  position: relative;
  aspect-ratio: 41/62;
  width: 10.93vw;
  margin-left: 81.33vw;
  z-index: 2;
}
#s6 .img0 {
  margin-top: -5.87vw;
  position: relative;
}

#s7 .s-inner {
  padding-bottom: 8vw;
}
#s7 h2 {
  position: relative;
  aspect-ratio: 44/65;
  width: 11.73vw;
  margin-left: 14.67vw;
  margin-top: 5.33vw;
  z-index: 2;
}
#s7 .img1 {
  margin-top: -9.33vw;
}
#s7 .img2 {
  margin-top: 10.67vw;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
#s7 .img2 figure {
  width: 64%;
}

@media all and (min-width: 864px) {
  .u-pc {
    display: block;
  }
  .u-sp {
    display: none;
  }
  #kv {
    --h1-0-width: 41.64vw;
    --h1-1-width: 44.14vw;
  }
  #kv .s-inner {
    position: relative;
  }
  #kv h1 {
    height: 93.75vw;
  }
  #kv .img_main {
    position: relative;
    padding: 7.81vw 0 7.81vw 0;
    display: flex;
    justify-content: flex-end;
  }
  #kv .img_main figure {
    width: 87.89%;
    top: 50%;
    left: 12.11%;
    transform: translate3d(0, -50%, 0);
  }
  #kv .img_main figure img {
    width: 100%;
    height: 58.59vw;
  }
  .js-slide ul {
    aspect-ratio: 500/750;
  }
  section {
    width: 100%;
    position: relative;
  }
  section .s-inner {
    position: relative;
  }
  #s0 .s-inner {
    height: 129.69vw;
    padding-bottom: 0px;
  }
  #s0 .img0 {
    width: var(--img-m-width);
  }
  #s0 .img1 {
    width: var(--img-s-width);
    position: absolute;
    top: 30.86vw;
    right: 8.59vw;
  }
  #s0 .img2 {
    margin-top: 14.45vw;
  }
  #s0 .img2 figure {
    width: 70.31%;
    margin-left: 7.03vw;
  }
  #s0 h2 {
    position: absolute;
    top: -3.91vw;
    left: 28.13vw;
    width: 3.13vw;
    margin-left: 0;
    margin-top: 0;
    z-index: 2;
  }
  #s0 .c-items {
    position: absolute;
    width: 18.75vw;
    top: 48.83vw;
    left: 40.63vw;
  }
  #s0 .c-items .item_inner {
    width: 100%;
    padding: 0;
  }
  #s1 .s-inner {
    height: 95.31vw;
    position: relative;
    padding-bottom: 0px;
  }
  #s1 .img0 {
    width: 31.25%;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  #s1 .img1 {
    width: 45.31%;
    position: absolute;
    left: 0px;
    top: 8.59vw;
  }
  #s1 .img2 {
    width: 21.875%;
    position: absolute;
    left: 56.25vw;
    top: 53.91vw;
    margin-top: 0px;
    display: block;
  }
  #s1 .img2 figure {
    width: 100%;
  }
  #s1 h2 {
    position: absolute;
    top: 22.66vw;
    left: 42.97vw;
    width: 4.92vw;
    z-index: 4;
    margin-top: 0px;
    margin-left: 0px;
  }
  #s1 .c-items {
    position: absolute;
    width: 18.75vw;
    top: 83.13vw;
    left: 0;
  }
  #s1 .c-items .item_inner {
    width: 100%;
    padding: 0;
    margin-left: 1.56vw;
  }
  #s1 p.txt_season {
    width: 41.8vw;
    margin: 0;
    position: absolute;
    left: 7.03vw;
    top: 98.83vw;
  }
  #s2 .s-inner {
    height: 81.25vw;
    padding-bottom: 0px;
  }
  #s2 .img0 {
    width: 39%;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  #s2 .img1 {
    width: 21.875%;
    position: absolute;
    top: 30.47vw;
    left: 10.94vw;
    margin-top: 0px;
    display: block;
  }
  #s2 .img1 figure {
    width: 100%;
  }
  #s2 h2 {
    position: absolute;
    top: 45vw;
    left: 58.2vw;
    width: 5vw;
    z-index: 2;
  }
  #s2 .c-items {
    position: absolute;
    width: 18.75vw;
    top: 60.16vw;
    left: 60.47vw;
  }
  #s2 .c-items .item_inner {
    width: 100%;
    padding: 0;
  }
  #s3 .s-inner {
    height: 64.84vw;
    padding-bottom: 0px;
  }
  #s3 h2 {
    position: absolute;
    top: -3.52vw;
    left: 32.81vw;
    width: 5.86vw;
    z-index: 2;
    margin-left: 0px;
    margin-top: 0px;
  }
  #s3 .img0 {
    position: absolute;
    width: 100%;
    top: 0px;
  }
  #s3 .img0 ul {
    display: flex;
    aspect-ratio: revert;
  }
  #s3 .img0 ul li {
    width: 31.25%;
    aspect-ratio: 400/600;
  }
  #s3 .c-items {
    position: absolute;
    width: 18.75vw;
    top: 48.44vw;
    left: 1.56vw;
    margin-top: 0px;
  }
  #s3 .c-items .item_inner {
    width: 100%;
    padding: 0;
  }
  #s4 .s-inner {
    height: 78.13vw;
    padding-bottom: 0px;
  }
  #s4 .img0 {
    width: 28.125%;
    position: absolute;
    right: 0px;
    top: 6.25vw;
    margin: 0;
  }
  #s4 .img0 figure {
    width: 100%;
  }
  #s4 .img1 {
    width: 42.96%;
    position: absolute;
    left: 6.25vw;
    margin: 0;
  }
  #s4 .img1 figure {
    width: 100%;
  }
  #s4 h2 {
    position: absolute;
    top: 31.25vw;
    left: 46.48vw;
    width: 4.84vw;
    z-index: 2;
    margin-left: 0px;
    margin-top: 0px;
  }
  #s4 .c-items {
    position: absolute;
    width: 18.75vw;
    top: 57.81vw;
    left: 50.78vw;
    margin-top: 0px;
  }
  #s4 .c-items .item_inner {
    width: 100%;
    padding: 0;
  }
  #s5 .s-inner {
    height: 99.22vw;
    padding-bottom: 0px;
  }
  #s5 .img0 {
    width: 31.25%;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  #s5 .img0 figure {
    width: 100%;
  }
  #s5 h2 {
    position: absolute;
    top: -3.91vw;
    left: 77.34vw;
    width: 5vw;
    z-index: 2;
    margin-left: 0px;
    margin-top: 0px;
  }
  #s5 .img1 {
    width: 46.78%;
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 0px;
  }
  #s5 .img2 {
    width: 18.75%;
    position: absolute;
    top: 57.81vw;
    left: 24.61vw;
    margin-top: 0px;
  }
  #s5 .img2 figure {
    width: 100%;
  }
  #s5 .c-items {
    position: absolute;
    width: 18.75vw;
    top: 48.44vw;
    left: 1.56vw;
    margin-top: 0px;
  }
  #s5 .c-items .item_inner {
    width: 100%;
    padding: 0;
  }
  #s6 .s-inner {
    height: 70.31vw;
    padding-bottom: 0px;
  }
  #s6 h2 {
    position: absolute;
    top: -3.91vw;
    left: 13.28vw;
    width: 4.69vw;
    z-index: 2;
    margin-left: 0px;
    margin-top: 0px;
  }
  #s6 .img0 {
    width: 39%;
    position: absolute;
    left: 0px;
    margin: 0;
  }
  #s6 .img1 {
    width: 39%;
    position: absolute;
    left: 39%;
    top: 0px;
  }
  #s6 .c-items {
    position: absolute;
    width: 18.75vw;
    top: 51.95vw;
    left: 79.69vw;
    margin-top: 0px;
  }
  #s6 .c-items .item_inner {
    width: 100%;
    padding: 0;
  }
  #s7 .s-inner {
    height: 125.39vw;
    padding-bottom: 0px;
  }
  #s7 h2 {
    position: absolute;
    top: 28.13vw;
    left: 58.59vw;
    width: 5.08vw;
    z-index: 2;
    margin-left: 0px;
    margin-top: 0px;
  }
  #s7 .img0 {
    width: 28.125%;
    position: absolute;
    left: 5.47vw;
    top: 0px;
  }
  #s7 .img0_1 {
    width: 39%;
    position: absolute;
    right: 0px;
    top: 11.72vw;
  }
  #s7 .img1 {
    width: 44.53%;
    position: absolute;
    top: 58.59vw;
    margin-top: 0px;
  }
  #s7 .img2 {
    width: 23.43%;
    position: absolute;
    top: 80.86vw;
    left: 54.84vw;
    margin-top: 0px;
  }
  #s7 .img2 figure {
    width: 100%;
  }
  #s7 .c-items {
    position: absolute;
    width: 18.75vw;
    top: 32.81vw;
    left: 35.16vw;
    margin-top: 0px;
  }
  #s7 .c-items .item_inner {
    width: 100%;
    padding: 0;
  }
  .c-btn_all {
    padding: 4.3vw 0 7.03vw 0;
  }
  .c-btn_all a.c-btn {
    width: 15.63vw;
    margin-inline: 0;
    margin-left: 54.84vw;
  }
}
:root {
  --hide-y: 10.67vw;
}

.c-items ul li {
  transition: transform 0.8s ease, opacity 0.5s ease;
  transform: translate3d(0, var(--hide-y), 0);
  opacity: 0;
}
.c-items .c-link_items {
  transition: transform 0.8s ease, opacity 0.5s ease;
  transform: translate3d(0, var(--hide-y), 0);
  opacity: 0;
}
.c-items.animate li {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.c-items.animate li:nth-child(1) {
  transition-delay: 0.1s;
}
.c-items.animate li:nth-child(2) {
  transition-delay: 0.2s;
}
.c-items.animate li:nth-child(3) {
  transition-delay: 0.3s;
}
.c-items.animate li:nth-child(4) {
  transition-delay: 0.4s;
}
.c-items.animate li:nth-child(5) {
  transition-delay: 0.5s;
}
.c-items.animate li:nth-child(6) {
  transition-delay: 0.6s;
}
.c-items.animate li:nth-child(7) {
  transition-delay: 0.7s;
}
.c-items.animate li:nth-child(8) {
  transition-delay: 0.8s;
}
.c-items.animate li:nth-child(9) {
  transition-delay: 0.9s;
}
.c-items.animate li:nth-child(10) {
  transition-delay: 1s;
}

#kv h1 {
  height: 37.33vw;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
#kv h1 span.h1_0,
#kv h1 span.h1_1 {
  overflow: hidden;
}
#kv h1 span.h1_0 img,
#kv h1 span.h1_1 img {
  transform: translate3d(0, 110%, 0);
  transition: transform 0.6s var(--ease);
}
#kv .img_main figure {
  overflow: hidden;
  height: 0px;
  transition: height 0.6s ease;
}
#kv .img_main figure img {
  scale: 1.2;
}
#kv.show-title h1 {
  height: 186.67vw;
  transition: height 0.6s ease;
  transition-delay: 1s;
}
#kv.show-title h1 span.h1_0 img,
#kv.show-title h1 span.h1_1 img {
  transform: translate3d(0, 0, 0);
}
#kv.show-title h1 span.h1_1 img {
  transition-delay: 0.05s;
}
#kv.show-title .img_main figure {
  height: 149.33vw;
  transition: height 0.6s ease;
  transition-delay: 1s;
}
#kv.show-title .img_main figure img {
  scale: 1;
  transition: scale 1s ease;
  transition-delay: 1s;
}

#s0,
#s1,
#s2,
#s3,
#s4,
#s5,
#s6,
#s7 {
  opacity: 0;
  transition: opacity 0.5s ease;
}

body:has(#kv.show-title) #s0,
body:has(#kv.show-title) #s1,
body:has(#kv.show-title) #s2,
body:has(#kv.show-title) #s3,
body:has(#kv.show-title) #s4,
body:has(#kv.show-title) #s5,
body:has(#kv.show-title) #s6,
body:has(#kv.show-title) #s7 {
  opacity: 1;
  transition-delay: 1.5s;
}

#s0 .img0.u-sp,
#s0 .img2 {
  transition: transform 0.8s ease, opacity 0.5s ease;
  transform: translate3d(0, var(--hide-y), 0);
  opacity: 0;
}
#s0 .img0.u-sp.animate,
#s0 .img2.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#s0 .c-items.animate .c-link_items {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.6s;
}

#s1 .img0,
#s1 .img1,
#s1 .img2 {
  transition: transform 0.8s ease, opacity 0.5s ease;
  transform: translate3d(0, var(--hide-y), 0);
  opacity: 0;
}
#s1 .img0.animate,
#s1 .img1.animate,
#s1 .img2.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#s1 .c-items.animate .c-link_items {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.3s;
}

#s2 .img0,
#s2 .img1 {
  transition: transform 0.8s ease, opacity 0.5s ease;
  transform: translate3d(0, var(--hide-y), 0);
  opacity: 0;
}
#s2 .img0.animate,
#s2 .img1.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#s2 .c-items.animate .c-link_items {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.4s;
}

#s3 .img0.u-sp {
  transition: transform 0.8s ease, opacity 0.5s ease;
  transform: translate3d(0, var(--hide-y), 0);
  opacity: 0;
}
#s3 .img0.u-sp.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#s3 .c-items.animate .c-link_items {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.5s;
}

#s4 .img0,
#s4 .img1 {
  transition: transform 0.8s ease, opacity 0.5s ease;
  transform: translate3d(0, var(--hide-y), 0);
  opacity: 0;
}
#s4 .img0.animate,
#s4 .img1.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#s4 .c-items.animate .c-link_items {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.4s;
}

#s5 .img0,
#s5 .img1,
#s5 .img2 {
  transition: transform 0.8s ease, opacity 0.5s ease;
  transform: translate3d(0, var(--hide-y), 0);
  opacity: 0;
}
#s5 .img0.animate,
#s5 .img1.animate,
#s5 .img2.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#s5 .c-items.animate .c-link_items {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.7s;
}

#s6 .img0.u-sp {
  transition: transform 0.8s ease, opacity 0.5s ease;
  transform: translate3d(0, var(--hide-y), 0);
  opacity: 0;
}
#s6 .img0.u-sp.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#s6 .c-items.animate .c-link_items {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.4s;
}

#s7 .img0.u-sp,
#s7 .img1,
#s7 .img2 {
  transition: transform 0.8s ease, opacity 0.5s ease;
  transform: translate3d(0, var(--hide-y), 0);
  opacity: 0;
}
#s7 .img0.u-sp.animate,
#s7 .img1.animate,
#s7 .img2.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#s7 .c-items.animate .c-link_items {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.6s;
}

@media all and (min-width: 864px) {
  :root {
    --hide-y: 3.13vw;
  }
  #kv h1 {
    height: 93.75vw;
    top: 0px;
    transform: translate3d(0, 0, 0);
  }
  #kv h1 span.h1_0 {
    top: 21.48vw;
  }
  #kv h1 span.h1_1 {
    top: 33.2vw;
    bottom: auto;
  }
  #kv h1 span.h1_0,
  #kv h1 span.h1_1 {
    overflow: hidden;
  }
  #kv h1 span.h1_0 img,
  #kv h1 span.h1_1 img {
    transform: translate3d(0, 110%, 0);
    transition: transform 0.6s var(--ease);
  }
  #kv .img_main .img_inner {
    aspect-ratio: 1280/750;
  }
  #kv .img_main figure {
    overflow: hidden;
    height: 0px;
    transition: height 0.6s ease;
  }
  #kv.show-title h1 {
    height: 93.75vw;
  }
  #kv.show-title h1 span.h1_0 {
    top: -0.31vw;
  }
  #kv.show-title h1 span.h1_1 {
    top: 82.03vw;
  }
  #kv.show-title h1 span.h1_0,
  #kv.show-title h1 span.h1_1 {
    transition: top 0.6s ease;
    transition-delay: 1s;
  }
  #kv.show-title h1 span.h1_1 img {
    transition-delay: 0.1s;
  }
  #kv.show-title .img_main figure {
    height: 58.59vw;
    transition: height 0.6s ease;
    transition-delay: 1s;
  }
  #s3 .img0.u-pc ul li {
    transition: transform 1s ease, opacity 0.5s ease;
    transform: translate3d(0, 60px, 0);
    opacity: 0;
  }
  #s3 .img0.u-pc.animate ul li {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  #s3 .img0.u-pc.animate ul li:nth-child(1) {
    transition-delay: 0;
  }
  #s3 .img0.u-pc.animate ul li:nth-child(2) {
    transition-delay: 0.1s;
  }
  #s3 .img0.u-pc.animate ul li:nth-child(3) {
    transition-delay: 0.2s;
  }
  #s6 .img_wrap .img0,
  #s6 .img_wrap .img1 {
    transition: transform 1s ease, opacity 0.5s ease;
    transform: translate3d(0, 60px, 0);
    opacity: 0;
  }
  #s6 .img_wrap.animate .img0,
  #s6 .img_wrap.animate .img1 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  #s6 .img_wrap.animate .img1 {
    transition-delay: 0.1s;
  }
  #s0 .img0,
  #s0 .img1,
  #s0 .img2,
  #s1 .img0,
  #s1 .img1,
  #s1 .img2,
  #s2 .img0,
  #s2 .img1,
  #s2 .img2,
  #s4 .img0,
  #s4 .img1,
  #s4 .img2,
  #s5 .img0,
  #s5 .img1,
  #s5 .img2,
  #s7 .img0,
  #s7 .img1,
  #s7 .img2 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 0s linear;
  }
}