.loading figure {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.l-fv {
  position: relative;
}
.l-fv__inner {
  background-image: url(../images/fv.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100lvh;
  padding-bottom: 32px;
}

.l-fv h1 {
  position: sticky;
  width: 100%;
  z-index: 10;
  padding-left: 16px;
  padding-right: 16px;
  top: 80.5687203791svh;
  padding-top: 24px;
}
@media (width >= 769px) {
  .l-fv h1 {
    top: 71svh;
  }
}

.l-style {
  padding-top: 10rem;
  padding-bottom: 4rem;
}
@media (width >= 769px) {
  .l-style {
    padding-top: 25rem;
    padding-bottom: 6rem;
  }
}
.l-style .inner {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
}
@media (width >= 769px) {
  .l-style .inner {
    grid-template-columns: repeat(32, 1fr);
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    max-width: 192rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.l-style .item {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.l-style .item-img-1 {
  grid-column: 1/span 5;
  margin-bottom: 16rem;
}
@media (width >= 769px) {
  .l-style .item-img-1 {
    grid-column: 3/span 13;
    margin-bottom: 20rem;
  }
}
.l-style .item-img-2 {
  grid-column: 6/span 5;
  margin-bottom: 10rem;
  margin-top: 16rem;
}
@media (width >= 769px) {
  .l-style .item-img-2 {
    grid-column: 18/span 13;
    margin-bottom: 25rem;
    margin-top: 33rem;
  }
}
.l-style .item-img-3 {
  grid-column: 1/span 10;
  width: 100%;
  max-width: 313px;
  margin-bottom: 10rem;
  justify-self: center;
}
@media (width >= 769px) {
  .l-style .item-img-3 {
    grid-column: 5/span 24;
    max-width: 966px;
    margin-bottom: 25rem;
  }
}
.l-style .item-img-4 {
  grid-column: 1/span 5;
  margin-bottom: 16rem;
}
@media (width >= 769px) {
  .l-style .item-img-4 {
    grid-column: 3/span 13;
    margin-bottom: 25rem;
  }
}
.l-style .item-img-5 {
  grid-column: 6/span 5;
  margin-bottom: 10rem;
  margin-top: 16rem;
}
@media (width >= 769px) {
  .l-style .item-img-5 {
    grid-column: 18/span 13;
    margin-bottom: 25rem;
    margin-top: 33rem;
  }
}
.l-style .item-img-6 {
  grid-column: 1/span 10;
  width: 100%;
  max-width: 313px;
  margin-bottom: 10rem;
  justify-self: center;
}
@media (width >= 769px) {
  .l-style .item-img-6 {
    grid-column: 5/span 24;
    max-width: 966px;
    margin-bottom: 25rem;
  }
}
.l-style .item-img-7 {
  grid-column: 1/span 5;
  margin-bottom: 10rem;
  margin-top: 16rem;
}
@media (width >= 769px) {
  .l-style .item-img-7 {
    grid-column: 3/span 13;
    margin-bottom: 25rem;
    margin-top: 33rem;
  }
}
.l-style .item-img-8 {
  grid-column: 6/span 5;
  margin-bottom: 10rem;
}
@media (width >= 769px) {
  .l-style .item-img-8 {
    grid-column: 18/span 13;
    margin-bottom: 25rem;
  }
}
.l-style .item-img-9 {
  grid-column: 1/span 10;
  width: 100%;
  max-width: 313px;
  margin-bottom: 10rem;
  justify-self: center;
}
@media (width >= 769px) {
  .l-style .item-img-9 {
    grid-column: 5/span 24;
    max-width: 966px;
    margin-bottom: 25rem;
  }
}
.l-style .item-img-10 {
  grid-column: 1/span 5;
  margin-bottom: 16rem;
}
@media (width >= 769px) {
  .l-style .item-img-10 {
    grid-column: 3/span 13;
    margin-bottom: 25rem;
  }
}
.l-style .item-img-11 {
  grid-column: 6/span 5;
  margin-bottom: 10rem;
  margin-top: 16rem;
}
@media (width >= 769px) {
  .l-style .item-img-11 {
    grid-column: 18/span 13;
    margin-bottom: 25rem;
    margin-top: 33rem;
  }
}
.l-style .item-img-12 {
  grid-column: 1/span 10;
  margin-bottom: 10rem;
  margin-left: -1.6rem;
  width: calc(100% + 3.2rem);
  height: auto;
  aspect-ratio: 1000/1503;
  overflow: hidden;
}
.l-style .item-img-12 figure {
  width: 100%;
  height: 100%;
}
@media (width >= 769px) {
  .l-style .item-img-12 {
    grid-column: 1/span 32;
    margin-bottom: 25rem;
    margin-left: calc(-3.2rem - max(0px, (100vw - 192rem) / 2));
    width: calc(100% + 6.4rem + max(0px, (100vw - 192rem) / 2) * 2);
    aspect-ratio: auto;
    overflow: visible;
  }
  .l-style .item-img-12 figure {
    width: 100%;
    height: auto;
  }
  .l-style .item-img-12 img {
    position: static;
    width: 100%;
    height: auto;
    max-width: 100%;
    -webkit-transform: none;
            transform: none;
  }
}
.l-style .item-img-13 {
  grid-column: 1/span 5;
  margin-bottom: 16rem;
}
@media (width >= 769px) {
  .l-style .item-img-13 {
    grid-column: 3/span 13;
    margin-bottom: 25rem;
  }
}
.l-style .item-img-14 {
  grid-column: 6/span 5;
  margin-bottom: 10rem;
  margin-top: 16rem;
}
@media (width >= 769px) {
  .l-style .item-img-14 {
    grid-column: 18/span 13;
    margin-bottom: 25rem;
    margin-top: 33rem;
  }
}
.l-style .item-img-15 {
  grid-column: 1/span 10;
  width: 100%;
  max-width: 313px;
  margin-bottom: 16rem;
  justify-self: center;
}
@media (width >= 769px) {
  .l-style .item-img-15 {
    grid-column: 5/span 24;
    max-width: 966px;
    margin-bottom: 30rem;
  }
}
.l-style .item-img-16 {
  grid-column: 1/span 10;
  margin-bottom: 16rem;
  margin-left: -1.6rem;
  width: calc(100% + 3.2rem);
}
@media (width >= 769px) {
  .l-style .item-img-16 {
    grid-column: 1/span 32;
    margin-bottom: 30rem;
    margin-left: calc(-3.2rem - max(0px, (100vw - 192rem) / 2));
    width: calc(100% + 6.4rem + max(0px, (100vw - 192rem) / 2) * 2);
  }
}
.l-style .item-img-17 {
  grid-column: 1/span 10;
  width: 100%;
  max-width: 254px;
  margin-top: 16rem;
  margin-bottom: 32rem;
  justify-self: center;
}
@media (width >= 769px) {
  .l-style .item-img-17 {
    grid-column: 8/span 18;
    max-width: 787px;
    margin-top: 20rem;
    margin-bottom: 25rem;
  }
}
.l-style .item-group {
  position: relative;
}
.l-style .item-group-1 {
  aspect-ratio: 375/2137;
  margin-bottom: 2rem;
}
@media (width >= 769px) {
  .l-style .item-group-1 {
    aspect-ratio: 1440/6639;
    margin-bottom: 25rem;
  }
}
.l-style .item-group-2 {
  aspect-ratio: 375/1059;
  margin-bottom: 2rem;
}
@media (width >= 769px) {
  .l-style .item-group-2 {
    aspect-ratio: 1440/4168;
    margin-bottom: 25rem;
  }
}
.l-style .item-group-3 {
  aspect-ratio: 375/1437;
  margin-bottom: 2rem;
}
@media (width >= 769px) {
  .l-style .item-group-3 {
    aspect-ratio: 1440/5860;
  }
}
.l-style .spnone {
  display: none;
}
@media (width >= 769px) {
  .l-style .spnone {
    display: block;
  }
}
.l-style .pcnone {
  display: block;
}
@media (width >= 769px) {
  .l-style .pcnone {
    display: none;
  }
}
.l-style .item-group .item-img-18 {
  position: absolute;
  top: 0;
  left: 3.2%;
  width: 37.8666666667%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-18 {
    top: 0;
    left: 11.8055555556%;
    width: 30.7638888889%;
  }
}
.l-style .item-group .item-img-19 {
  position: absolute;
  top: 5.8025269069%;
  right: 3.2%;
  width: 52.8%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-19 {
    top: 4.5187528242%;
    right: 12.1527777778%;
    width: 42.8472222222%;
  }
}
.l-style .item-group .item-img-20 {
  position: absolute;
  top: 21.6190921853%;
  left: 12.2666666667%;
  width: 48.5333333333%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-20 {
    top: 21.2260882663%;
    left: 19.7916666667%;
    width: 39.0972222222%;
  }
}
.l-style .item-group .item-img-21 {
  position: absolute;
  top: 36.5933551708%;
  right: 10.6666666667%;
  width: 37.8666666667%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-21 {
    top: 36.3910227444%;
    right: 17.9166666667%;
    width: 25.4861111111%;
  }
}
.l-style .item-group .item-img-22 {
  position: absolute;
  top: 47.6368741226%;
  left: 10.4%;
  width: 52.8%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-22 {
    top: 47.6879048049%;
    left: 18.2638888889%;
    width: 42.5694444444%;
  }
}
.l-style .item-group .item-img-23 {
  position: absolute;
  top: 65.4188114179%;
  right: 4.5333333333%;
  width: 37.8666666667%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-23 {
    top: 65.0700406688%;
    right: 12.0833333333%;
    width: 31.875%;
  }
}
.l-style .item-group .item-img-24 {
  position: absolute;
  top: 75.2456715021%;
  left: 5.0666666667%;
  width: 71.7333333333%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-24 {
    top: 75.2824220515%;
    left: 11.6666666667%;
    width: 60.4166666667%;
  }
}
.l-style .item-group .item-img-25 {
  position: absolute;
  top: 0;
  width: 100%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-25 {
    width: 100%;
  }
}
.l-style .item-group .item-img-26 {
  position: absolute;
  top: 33.9943342776%;
  left: 5.0666666667%;
  width: 37.8666666667%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-26 {
    top: 41.9385796545%;
    left: 10.625%;
    width: 26.7361111111%;
  }
}
.l-style .item-group .item-img-27 {
  position: absolute;
  top: 55.3352219075%;
  right: 5.3333333333%;
  width: 63.4666666667%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-27 {
    top: 60.8925143954%;
    right: 9.8611111111%;
    width: 56.25%;
  }
}
.l-style .item-group .item-img-28 {
  position: absolute;
  top: 0;
  width: 100%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-28 {
    width: 100%;
  }
}
.l-style .item-group .item-img-29 {
  position: absolute;
  top: 24.9895615866%;
  width: 56%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (width >= 769px) {
  .l-style .item-group .item-img-29 {
    top: 35.3412969283%;
    width: 49.6527777778%;
  }
}
.l-style .item-group .item-img-30 {
  position: absolute;
  top: 49.8956158664%;
  left: 6.9333333333%;
  width: 31.2%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-30 {
    top: 58.3447098976%;
    left: 11.6666666667%;
    width: 27.6388888889%;
  }
}
.l-style .item-group .item-img-31 {
  position: absolute;
  top: 55.3235908142%;
  right: 8.2666666667%;
  width: 44.2666666667%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-31 {
    top: 62.8498293515%;
    right: 12.1527777778%;
    width: 39.5833333333%;
  }
}
.l-style .item-group .item-img-32 {
  position: absolute;
  top: 78.9839944328%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 56%;
}
@media (width >= 769px) {
  .l-style .item-group .item-img-32 {
    top: 82.4402730375%;
    width: 49.6527777778%;
  }
}

.plus {
  z-index: 4;
  position: absolute;
  bottom: 16px;
  right: 16px;
}
@media (width >= 769px) {
  .plus {
    bottom: 20px;
    right: 20px;
  }
}

.plus.right {
  bottom: 12px;
  right: 12px;
}
@media (width >= 769px) {
  .plus.right {
    bottom: 24px;
    right: 24px;
  }
}

.credits {
  z-index: 3;
  position: absolute;
  bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (width >= 769px) {
  .credits {
    bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.credits.center {
  padding-left: 12px;
  padding-right: 12px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
@media (width >= 769px) {
  .credits.center {
    -webkit-transform: none;
            transform: none;
    bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

footer .inner {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
@media (width >= 769px) {
  footer .inner {
    display: grid;
    grid-template-columns: repeat(32, 1fr);
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    max-width: 192rem;
    margin-left: auto;
    margin-right: auto;
  }
}
footer .footer-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7rem;
  margin-bottom: 7rem;
}
@media (width >= 769px) {
  footer .footer-img {
    grid-column: 5/span 24;
    gap: 10rem;
  }
}
footer small {
  margin-bottom: 12rem;
  text-align: center;
}/*# sourceMappingURL=layout.css.map */