/* -----------------------
  nayami
----------------------- */
.nayami {
  background: url(../img/nayami_bg.jpg) no-repeat center top / 100% auto, #d1cbbf;
  overflow: hidden;
}
.nayami .ttl-box::before,
.nayami .ttl-box::after {
  width: min(89.74vw, 700px);
  height: min(17.31vw, 135px);
  left: 0;
  bottom: 0;
  z-index: 4;
}

.nayami .ttl-box::before {
  content: '';
  background: url(../img/nayami_ttl_line_01.png) no-repeat center top / contain;
  position: absolute;
  clip-path: inset(0 100% 0 0);
  transition: all 0.8s 0s ease;
}
.nayami .ttl-box::after {
  background: url(../img/nayami_ttl_line_02.png) no-repeat center bottom / contain;
}
.nayami .ttl-box.trigger.move::before {
  clip-path: inset(0);
}

.nayami .nayami-box {
  position: relative;
}
.nayami .nayami-02 {
  margin-top: max(-35.77vw, -279px);
}
.nayami .nayami-03 {
  z-index: 3;
  margin-top: max(-34.23vw, -267px);
  background: url(../img/nayami_03_bg.png) no-repeat center bottom / 100% auto;
}

.nayami .nayami-box .txt-box {
  position: absolute;
  z-index: 4;
  display: grid;
}
.nayami .nayami-box .txt-box .txt {
  grid-area: 1 / 1;
}
.nayami .nayami-box:nth-of-type(odd) .txt-box .txt:first-of-type {
  transition-delay: 0s;
}
.nayami .nayami-box:nth-of-type(even) .txt-box .txt:last-of-type {
  transition-delay: 0s;
}
.nayami .nayami-01 .txt-box {
  width: min(34.62vw, 270px);
  height: min(42.82vw, 334px);
  top: min(16.15vw, 126px);
  left: 0;
}
.nayami .nayami-02 .txt-box {
  width: min(29.23vw, 228px);
  height: min(53.46vw, 417px);
  top: min(13.97vw, 109px);
  right: 0;
}
.nayami .nayami-03 .txt-box {
  width: min(27.31vw, 213px);
  height: min(48.46vw, 378px);
  top: min(21.28vw, 166px);
  left: 0;
}

.nayami .nayami-box .txt-slider {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  display: grid;
}
.nayami .nayami-box .txt-slider .slide-item {
  height: min(20.13vw, 157px);
  padding-left: min(4.1vw, 32px);
  grid-area: 1 / 1;
  transform: translateX(100%);
  animation: marquee 12s linear infinite;
}
.nayami .nayami-box .txt-slider .slide-item:nth-of-type(2) {
  animation-delay: 6s;
}
.nayami .nayami-box .txt-slider .slide-item img {
  width: auto;
  height: 100%;
}

.nayami .nayami-01 .txt-slider {
  bottom: min(48.97vw, 382px);
}
.nayami .nayami-01 .txt-slider .slide-item {
  width: min(132.56vw, 1034px);
}
.nayami .nayami-02 .txt-slider {
  bottom: min(34.23vw, 267px);
}
.nayami .nayami-02 .txt-slider .slide-item {
  width: min(248.21vw, 1936px);
  transform: translateX(-100%);
  animation: marquee2 12s linear infinite;
}
.nayami .nayami-03 .txt-slider {
  bottom: min(35.9vw, 280px);
}
.nayami .nayami-03 .txt-slider .slide-item {
  width: min(164.36vw, 1282px);
}

.nayami .nayami-box .model-box {
  position: relative;
  z-index: 3;
}


@keyframes marquee {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}
@keyframes marquee2 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}