@charset "utf-8";

.lp_wrap .point3 .head {
  position: absolute;
  top: 12.8%;
  left: 84.7%;
  width: 7.6%;
  transition: 1.6s;
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 1) 100%);
  mask-size: 100% 250%;
  mask-position: 0% 100%;
}
.lp_wrap .point3 .head.move {
  mask-position: 0% 0%;
}
.lp_wrap .point3 .num {
  position: absolute;
  top: 67.5%;
  left: 33.467%;
  width: 33.067%;
}
.lp_wrap .point3 .num img {
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.58, 1);
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .point3 .num.move img {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .point3 .arrow {
  position: absolute;
  top: 48%;
  left: 1.4%;
  width: 97.2%;
  transition: 0.6s;
  transform: rotateZ(45deg);
  opacity: 0;
}
.lp_wrap .point3 .num.move ~ .arrow {
  transform: rotateZ(0deg);
  opacity: 1;
}