@charset "UTF-8";
/* ------------------------------------------------------------
■ 下層ページ 共通
------------------------------------------------------------ */
.firstview {
  width: 100%;
  padding: 230px 0 200px;
  background-color: #F3EFE6;
}
@media (max-width: 1023px) {
  .firstview {
    padding: 108px 0 71px;
  }
}
.firstview.p-b-narrow {
  padding-bottom: 60px;
}
@media (max-width: 1023px) {
  .firstview.p-b-narrow {
    padding-bottom: 40px;
  }
}
.firstview .firstview__inner {
  width: clamp(1px, 75%, 1440px);
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .firstview .firstview__inner {
    width: clamp(320px, 94.6666666667%, 500px);
  }
}
.firstview .firstview__inner .firstview__title {
  color: #383630;
}
.firstview .firstview__inner .firstview__title .firstview__title-ja {
  display: block;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media (max-width: 1023px) {
  .firstview .firstview__inner .firstview__title .firstview__title-ja {
    font-size: 1.6rem;
  }
}
.firstview .firstview__inner .firstview__title .firstview__title-en {
  display: block;
  font-size: clamp(10rem, 9.7222222222vw, 14rem);
  line-height: 1.221;
  letter-spacing: 0;
}
@media (max-width: 1023px) {
  .firstview .firstview__inner .firstview__title .firstview__title-en {
    font-size: 5rem;
    line-height: 1.04;
    margin-top: 2px;
  }
}
.firstview .firstview__inner .firstview__img {
  width: 100%;
  margin-top: 20px;
}

.sec__title--black {
  color: #FFFFFF;
  background-color: #383630;
}
.sec__title .sec__title-en {
  font-size: 6rem;
  line-height: 1.2166666667;
  letter-spacing: 0;
}
@media (max-width: 1023px) {
  .sec__title .sec__title-en {
    font-size: 3.4rem;
    line-height: 1.2352941176;
  }
}
.sec__title .sec__title-ja {
  display: block;
  position: relative;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.1em;
  padding-bottom: 48px;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .sec__title .sec__title-ja {
    font-size: 1.6rem;
    line-height: 1.688;
    padding-bottom: 28px;
  }
}
.sec__title .sec__title-ja::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--dot-color);
  border-radius: 50%;
}

.firstview {
  position: relative;
}
.firstview .firstview__text-slider {
  display: flex;
  position: absolute;
  bottom: 0;
  transform: translateY(50%);
  font-size: 14rem;
  line-height: 1.2214285714;
  color: #F8F6F2;
  mix-blend-mode: multiply;
}
@media (max-width: 1023px) {
  .firstview .firstview__text-slider {
    font-size: 5rem;
    line-height: 1.22;
  }
}
.firstview .firstview__text-slider .text-slider__text {
  padding-right: 40px;
}
@media (max-width: 1023px) {
  .firstview .firstview__text-slider .text-slider__text {
    padding-right: 15px;
  }
}
.firstview .firstview__text-slider .text-slider__text.a-loop {
  animation-duration: 40s;
}

.gallery {
  width: clamp(980px, 90%, 1440px);
  padding: 200px 0;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .gallery {
    width: clamp(320px, 94.6666666667%, 500px);
  }
}
.gallery .gallery__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column-gap: clamp(30px, 3.75vw, 60px);
  grid-row-gap: clamp(30px, 3.75vw, 60px);
}
@media (max-width: 1023px) {
  .gallery .gallery__inner {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(8, auto);
    grid-column-gap: clamp(30px, 6vw, 38px);
    grid-row-gap: clamp(30px, 6vw, 38px);
  }
}
.gallery .gallery__inner .grid1 {
  grid-area: 1/1/2/2;
}
.gallery .gallery__inner .grid2 {
  grid-area: 1/2/2/4;
}
.gallery .gallery__inner .grid3 {
  grid-area: 2/1/3/2;
}
.gallery .gallery__inner .grid4 {
  grid-area: 2/2/4/4;
}
.gallery .gallery__inner .grid5 {
  grid-area: 3/1/4/2;
}
.gallery .gallery__inner .grid6 {
  grid-area: 4/1/5/3;
}
.gallery .gallery__inner .grid7 {
  grid-area: 4/3/5/4;
}
.gallery .gallery__inner .grid8 {
  grid-area: 5/1/7/3;
}
.gallery .gallery__inner .grid9 {
  grid-area: 5/3/6/4;
}
.gallery .gallery__inner .grid10 {
  grid-area: 6/3/7/4;
}
@media (max-width: 1023px) {
  .gallery .gallery__inner .grid1 {
    grid-area: 1/1/2/13;
  }
  .gallery .gallery__inner .grid2 {
    grid-area: 2/1/3/13;
  }
  .gallery .gallery__inner .grid3 {
    grid-area: 3/1/4/6;
  }
  .gallery .gallery__inner .grid4 {
    grid-area: 3/6/5/13;
  }
  .gallery .gallery__inner .grid5 {
    grid-area: 4/1/5/6;
  }
  .gallery .gallery__inner .grid6 {
    grid-area: 5/1/6/13;
  }
  .gallery .gallery__inner .grid7 {
    grid-area: 6/1/7/7;
  }
  .gallery .gallery__inner .grid8 {
    grid-area: 6/7/7/13;
  }
  .gallery .gallery__inner .grid9 {
    grid-area: 7/1/8/13;
  }
  .gallery .gallery__inner .grid10 {
    grid-area: 8/1/9/13;
  }
  .gallery .gallery__inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
  }
}/*# sourceMappingURL=gallery.css.map */