@charset "UTF-8";

.lp_wrap .nayami {
  overflow: hidden;
}
.lp_wrap .nayami .nayami_on {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  max-width: 750px;
  transition: 1s 1s;
  opacity: 0;
}
.lp_wrap .nayami.trigger.move .nayami_on{
  opacity: 1;
}
.lp_wrap .nayami .nayami_1 {
  position: absolute;
  top: 25%;
  left: 52%;
  width: 39.733334%;
  max-width: 298px;
  transition: 0.6s;
  opacity: 0;
}
.lp_wrap .nayami .nayami_1.trigger.move{
  opacity: 1;
}
.lp_wrap .nayami .nayami_2 {
  position: absolute;
  top: 40%;
  left: 57%;
  width: 39.733334%;
  max-width: 298px;
  transition: 0.6s;
  opacity: 0;
}
.lp_wrap .nayami .nayami_2.trigger.move{
  opacity: 1;
}
.lp_wrap .nayami .nayami_3 {
  position: absolute;
  top: 58%;
  left: 57%;
  width: 39.733334%;
  max-width: 298px;
  transition: 0.6s;
  opacity: 0;
}
.lp_wrap .nayami .nayami_3.trigger.move{
  opacity: 1;
}
.lp_wrap .nayami .nayami_4 {
  position: absolute;
  top: 73%;
  left: 52%;
  width: 39.733334%;
  max-width: 298px;
  transition: 0.6s;
  opacity: 0;
}
.lp_wrap .nayami .nayami_4.trigger.move{
  opacity: 1;
}
.lp_wrap .nayami .nayami_arrow {
  position: absolute;
  top: 51%;
  left: 13%;
  width: 39.466667%;
  max-width: 296px;
  transition: 1s 2s;
  opacity: 0;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .nayami.trigger.move .nayami_arrow{
  opacity: 1;
  clip-path: inset(0);
}