@charset "UTF-8";

.lp_wrap .treatment2 .circle {
  position: absolute;
  top: 3.4%;
  left: 39.734%;
  width: 20.533%;
  animation: 10s treatment2_circle linear infinite;
}
@keyframes treatment2_circle {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(-359deg);
  }
}
.lp_wrap .treatment2 .head1 div {
  position: absolute;
}
.lp_wrap .treatment2 .head1 div:nth-child(1) {
  top: 2.9%;
  left: 81.9%;
  width: 13.467%;
  transition: 0.6s;
}
.lp_wrap .treatment2 .head1 div:nth-child(2) {
  top: 3%;
  left: 6.7%;
  width: 12%;
  transition: 0.6s 0.2s;
}
.lp_wrap .treatment2 .head1 div.trigger,
.lp_wrap .treatment2 .head1 div.trigger ~ div {
  transform: translateY(10%);
  opacity: 0;
}
.lp_wrap .treatment2 .head1 div.trigger.move,
.lp_wrap .treatment2 .head1 div.trigger.move ~ div {
  transform: translateY(0%);
  opacity: 1;
}
.lp_wrap .treatment2 .bubble1 {
  position: absolute;
  top: 21.6%;
  left: 15%;
  width: 26.533%;
}
.lp_wrap .treatment2 .head1:has(div.trigger) ~ .bubble1 {
  transition: 0.6s 0.4s;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .treatment2 .head1:has(div.trigger.move) ~ .bubble1 {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .treatment2 .on {
  position: absolute;
  top: 36.1%;
  left: 44.2%;
  width: 51.867%;
}
.lp_wrap .treatment2 .on.trigger {
  transition: 0.6s;
  transform: translateY(10%);
  opacity: 0;
}
.lp_wrap .treatment2 .on.trigger.move {
  transform: translateY(0%);
  opacity: 1;
}
.lp_wrap .treatment2 .exp {
  position: absolute;
  top: 41.7%;
  left: 38%;
  width: 12%;
}
.lp_wrap .treatment2 .bubble2 li {
  position: absolute;
}
.lp_wrap .treatment2 .bubble2 li:nth-child(1) {
  top: 60.6%;
  left: 0%;
  width: 20.133%;
  animation: 2s treatment2_bubble ease-in-out alternate infinite;
}
.lp_wrap .treatment2 .bubble2 li:nth-child(2) {
  top: 90.8%;
  right: 0%;
  width: 17.733%;
  animation: 2s treatment2_bubble -0.7s ease-in-out alternate infinite;
}
@keyframes treatment2_bubble {
  from {
    transform: translateY(-10%);
  }
  to {
    transform: translateY(10%);
  }
}
.lp_wrap .treatment2 .head2 {
  position: absolute;
  top: 65.5%;
  left: 45.2%;
  width: 31.067%;
}
.lp_wrap .treatment2 .head2.trigger {
  transition: 0.8s;
  clip-path: inset(0% 0% 100% 0%);
}
.lp_wrap .treatment2 .head2.trigger.move {
  clip-path: inset(0%);
}