@charset "utf-8";

.lp_wrap .point5 .head {
  position: absolute;
  top: 12.6%;
  left: 85%;
  width: 7.6%;
  transition: 1.7s;
  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 .point5 .head.move {
  mask-position: 0% 0%;
}
.lp_wrap .point5 .graph {
  position: absolute;
  top: 55%;
  left: 9.066%;
  width: 81.867%;
  animation: 8s point5_graph ease-in-out infinite;
}
@keyframes point5_graph {
  0%, 20% {
    transform: rotateZ(0deg);
  }
  25%, 45% {
    transform: rotateZ(-90deg);
  }
  50%, 70% {
    transform: rotateZ(-180deg);
  }
  75%, 95% {
    transform: rotateZ(-270deg);
  }
  100% {
    transform: rotateZ(-360deg);
  }
}
.lp_wrap .point5 .icon {
  position: absolute;
  top: 63%;
  left: 30.934%;
  width: 38.133%;
}