@charset "UTF-8";

.lp_wrap .nayami02 {
  margin-top: -12%;
  position: sticky;
  top: -7%;
}
.lp_wrap .nayami02:has( ~ .seibun01_b1.move) {
  opacity: 0;
  visibility: hidden;
}
.lp_wrap .nayami02 .nayami02_on {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  max-width: 750px;
  transition: 1.4s 0.6s;
  opacity: 0;
  clip-path: circle(0% at 50% 50%);
}
.lp_wrap .nayami02.trigger.move .nayami02_on{
  opacity: 1;
  clip-path: circle(100% at 50% 50%);
}
.lp_wrap .nayami02 .nayami02_right {
  position: absolute;
  top: 10%;
  left: 75%;
  width: 19.2%;
  max-width: 144px;
  transition: 0.6s 1.2s;
  transform: translateY(-30%);
  opacity: 0;
}
.lp_wrap .nayami02.trigger.move .nayami02_right{
  transform: translateY(0%);
  opacity: 1;
}
.lp_wrap .nayami02 .nayami02_left {
  position: absolute;
  top: 22%;
  left: 7%;
  width: 19.2%;
  max-width: 144px;
  transition: 0.6s 1.6s;
  transform: translateY(-30%);
  opacity: 0;
}
.lp_wrap .nayami02.trigger.move .nayami02_left{
  transform: translateY(0%);
  opacity: 1;
}