@charset "utf-8";

.lp_wrap .point6 .head {
  position: absolute;
  top: 10.4%;
  left: 7.4%;
  width: 7.733%;
  transition: 1.5s;
  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 .point6 .head.move {
  mask-position: 0% 0%;
}
.lp_wrap .point6 .marquee {
  position: absolute;
  top: 58.4%;
  left: 0%;
  width: 269.333%;
  display: flex;
}
.lp_wrap .point6 .marquee div {
  animation: 7s point6_marquee linear infinite;
}
@keyframes point6_marquee {
  to {
    transform: translateX(-100%);
  }
}
.lp_wrap .point6 .soy li {
  position: absolute;
  animation: point6_soy ease-in-out alternate infinite;
}
.lp_wrap .point6 .soy li:nth-child(1) {
  top: 67%;
  left: 84.3%;
  z-index: 1;
  width: 17.333%;
  animation-duration: 1s;
}
.lp_wrap .point6 .soy li:nth-child(2) {
  top: 72%;
  left: 4.6%;
  z-index: 1;
  width: 14.667%;
  animation-duration: 1.2s;
  animation-delay: -0.3s;
}
.lp_wrap .point6 .soy li:nth-child(3) {
  top: 76%;
  left: 77%;
  z-index: 1;
  width: 20%;
  animation-duration: 1.3s;
  animation-delay: -0.5s;
}
.lp_wrap .point6 .soy li:nth-child(4) {
  top: 79%;
  left: -8.8%;
  width: 21.6%;
  animation-duration: 1.5s;
  animation-delay: -0.7s;
}
.lp_wrap .point6 .soy li:nth-child(5) {
  top: 86%;
  left: 80.2%;
  width: 21.6%;
  animation-duration: 1.7s;
  animation-delay: -0.8s;
}
@keyframes point6_soy {
  to {
    transform: translateY(-10%);
  }
  from {
    transform: translateY(10%);
  }
}
.lp_wrap .point6 .on {
  position: absolute;
  top: 57%;
  left: 12%;
  width: 76%;
}