/* -----------------------
  nayami
----------------------- */
.nayami {
  background: url(../img/nayami_bg.png) no-repeat center bottom / 100% auto;
  padding-bottom: min(18.75vw, 180px);
}

.nayami .slider-area {
  background: url(../img/nayami_slider_bg.png) no-repeat center top / 100% auto;
  padding-top: min(3.75vw, 36px);
  position: relative;
}
.nayami .slider-area::after {
  content: '';
  width: 100%;
  height: min(81.15vw, 779px);
  background: url(../img/nayami_slider_front.png) no-repeat center / contain;
  position: absolute;
  left: 0;
  bottom: max(-42.71vw, -410px);
}
.nayami .slider .slide-item {
  margin: 0 min(3.13vw, 30px);
}

.nayami .txtUnmaskLeft {
  transition-delay: 0s;
}

.nayami-box {
  display: grid;
  position: relative;
}
.nayami-box::before {
  content: '';
  position: absolute;
  transform: rotate(0deg) scale(1);
  opacity: 0;
  z-index: 4;
}
.nayami-box:has(> .scaleUpDown.trigger.move)::before {
  opacity: 1;
  transition: opacity 0s 0.5s ease;
  animation: kakukaku 1s steps(2, end) infinite;
}

.nayami-box p {
  grid-area: 1 / 1;
}
:nth-child(odd of .nayami-box) .scaleUpDown {
  transform-origin: 0% 50%;
}
:nth-child(even of .nayami-box) .scaleUpDown {
  transform-origin: 100% 50%;
}

.nayami-box-01::before {
  width: min(11.98vw, 115px);
  height: min(13.33vw, 128px);
  background: url(../img/nayami_03_icon.png) no-repeat center / contain;
  top: 0;
  left: min(43.65vw, 419px);
}
.nayami-box-02::before {
  width: min(18.44vw, 177px);
  height: min(23.33vw, 224px);
  background: url(../img/nayami_04_icon.png) no-repeat center / contain;
  top: 0;
  right: min(45.94vw, 441px);
}
.nayami-box-03::before {
  width: min(18.65vw, 179px);
  height: min(20.94vw, 201px);
  background: url(../img/nayami_05_icon.png) no-repeat center / contain;
  top: 0;
  right: min(33.75vw, 324px);
}

@keyframes kakukaku {
  0% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(-45deg) scale(0.9);
  }
}