.nayami01_top {
  position: relative;
  widows: 100%;
  aspect-ratio: 1 / 1.586;
}
.nayami01_top .layer2 {
  width: 73.1%;
  height: auto;
  top: 13%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.nagareZoom {
  animation: nagareZoomAnime 1s ease-in-out forwards;
}
@keyframes nagareZoomAnime {
  from {
    clip-path: inset(100%);
  }
  to {
    clip-path: inset(0);
  }
}
.nayami01_top .layer3,
.nayami01_top .layer4,
.nayami01_top .layer5,
.nayami01_top .layer6,
.nayami01_top .layer7 {
  width: 20%;
  height: auto;
}
section.nayami .nayami01_top .layer3 {
  top: 54%;
  left: 7%;
}
section.nayami .fuwafuwa_layer3 {
  animation: fuwafuwaLayer3Anime 4s ease-in-out infinite;
}
@keyframes fuwafuwaLayer3Anime {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0);
  }
}
section.nayami .nayami01_top .layer4 {
  top: 38%;
  left: 2%;
}
section.nayami .fuwafuwa_layer4 {
  animation: fuwafuwaLayer4Anime 4s ease-in-out infinite;
}
@keyframes fuwafuwaLayer4Anime {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}
section.nayami .nayami01_top .layer5 {
  top: 40%;
  right: 8%;
}
section.nayami .fuwafuwa_layer5 {
  animation: fuwafuwaLayer5Anime 4s ease-in-out infinite;
}
@keyframes fuwafuwaLayer5Anime {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}
section.nayami .nayami01_top .layer6 {
  top: 25%;
  right: 15%;
}
section.nayami .fuwafuwa_layer6 {
  animation: fuwafuwaLayer6Anime 4s ease-in-out infinite;
}
@keyframes fuwafuwaLayer6Anime {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0);
  }
}
section.nayami .nayami01_top .layer7 {
  top: 10%;
  right: 2%;
}
section.nayami .fuwafuwa_layer7 {
  animation: fuwafuwaLayer7Anime 4s ease-in-out infinite;
}
@keyframes fuwafuwaLayer7Anime {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}
.nayami01_middle {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1.7;
}
.opacity {
  animation: opacityAnime 1s ease-in-out forwards;
}
@keyframes opacityAnime {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.32;
  }
}
.nayami01_middle .layer3 {
  width: 98.4%;
  height: auto;
  top: 16%;
  left: 0;
}
.nayami01_bottom {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 0.44;
  background-color: #f6f3f0;
}
.nayami01_bottom .layer2 {
  width: 86.9%;
  bottom: 18%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.nayami01_bottom .layer2.nagare {
  animation: nagareAnime2 0s ease forwards;
}
@keyframes nagareAnime2 {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0);
  }
}
.nagareWide {
  transition: 0.6s;
  animation: nagareWideAnime 2s ease forwards;
}
@keyframes nagareWideAnime {
  from {
    clip-path: inset(100%);
  }
  to {
    clip-path: inset(0);
  }
}