@charset "UTF-8";

.lp_wrap .treatment1 .mosaic {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
}
.lp_wrap .treatment1.trigger .mosaic {
  transition: 0.8s 0.2s;
}
.lp_wrap .treatment1.trigger.move .mosaic {
  opacity: 0;
}
.lp_wrap .treatment1 .frame {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
}
.lp_wrap .treatment1 .head1 div {
  position: absolute;
}
.lp_wrap .treatment1 .head1 div:nth-child(1) {
  top: 3.4%;
  left: 55.5%;
  width: 35.867%;
  transition: 0.6s;
}
.lp_wrap .treatment1 .head1 div:nth-child(2) {
  top: 5.35%;
  left: 28.3%;
  width: 41.333%;
  transition: 0.6s 0.4s;
}
.lp_wrap .treatment1.trigger .head1 div {
  clip-path: inset(0% 99.999% 0% 0%);
}
.lp_wrap .treatment1.trigger.move .head1 div {
  clip-path: inset(0%);
}
.lp_wrap .treatment1 .circle {
  position: absolute;
  top: 33.85%;
  left: 39.734%;
  width: 20.533%;
  animation: 10s treatment1_circle linear infinite;
}
@keyframes treatment1_circle {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(-359deg);
  }
}
.lp_wrap .treatment1 .head2 div {
  position: absolute;
}
.lp_wrap .treatment1 .head2 div:nth-child(1) {
  top: 33.9%;
  left: 77.8%;
  width: 17.067%;
  transition: 0.6s;
}
.lp_wrap .treatment1 .head2 div:nth-child(2) {
  top: 33.9%;
  left: 7%;
  width: 12%;
  transition: 0.6s 0.2s;
}
.lp_wrap .treatment1 .head2 div.trigger,
.lp_wrap .treatment1 .head2 div.trigger ~ div {
  transform: translateY(10%);
  opacity: 0;
}
.lp_wrap .treatment1 .head2 div.trigger.move,
.lp_wrap .treatment1 .head2 div.trigger.move ~ div {
  transform: translateY(0%);
  opacity: 1;
}
.lp_wrap .treatment1 .slider_wrap {
  position: absolute;
  top: 54.2%;
  left: 0%;
  width: 100%;
  cursor: grab;
}
.lp_wrap .treatment1 .slider_wrap:active {
  cursor: grabbing;
}
.lp_wrap .treatment1 .slider_wrap .slick-slide img {
  width: 95%;
  margin: auto;
}
.lp_wrap .treatment1 .on li {
  position: absolute;
}
.lp_wrap .treatment1 .on li:nth-child(1) {
  top: 84.8%;
  left: 10.667%;
  width: 78.667%;
}
.lp_wrap .treatment1 .on li:nth-child(2) {
  top: 92.7%;
  left: 10.667%;
  width: 78.667%;
}
.lp_wrap .treatment1 .on li.trigger {
  transition: 0.6s;
  transform: translateY(10%);
  opacity: 0;
}
.lp_wrap .treatment1 .on li.trigger.move {
  transform: translateY(0%);
  opacity: 1;
}