@charset "UTF-8";

.lp_wrap .case .woman1 {
  position: absolute;
  top: -14.35%;
  right: 0%;
  width: 93.867%;
}
.lp_wrap .case .woman2 {
  position: absolute;
  top: -14.35%;
  right: 0%;
  width: 93.867%;
}
.lp_wrap .case .woman2.trigger {
  transition: 0.8s 0.6s;
  opacity: 0;
}
.lp_wrap .case .woman2.trigger.move {
  opacity: 1;
}
.lp_wrap .case .let1 {
  position: absolute;
  top: 0.05%;
  left: 8.5%;
  width: 83.733%;
  transition: 0.6s 0.8s;
  opacity: 0;
  transform: translateY(5%);
}
.lp_wrap .case .circle1 {
  position: absolute;
  top: 6.65%;
  left: 87.9%;
  width: 8.533%;
  transition: 0.6s 0.8s;
  opacity: 0;
}
.lp_wrap .case .let2 {
  position: absolute;
  top: 8.4%;
  left: 5.3%;
  width: 50.4%;
  transition: 0.6s 1.2s;
  opacity: 0;
  transform: translateY(5%);
}
.lp_wrap .case .circle2 {
  position: absolute;
  top: 16.1%;
  left: 54.1%;
  width: 8.533%;
  transition: 0.6s 1.2s;
  opacity: 0;
}
.lp_wrap .case .let3 {
  position: absolute;
  top: 19.2%;
  left: 5.3%;
  width: 61.2%;
  transition: 0.6s 1.5s;
  opacity: 0;
  transform: translateY(5%);
}
.lp_wrap .case .circle3 {
  position: absolute;
  top: 21.2%;
  left: 66.4%;
  width: 8.533%;
  transition: 0.6s 1.5s;
  opacity: 0;
}
.lp_wrap .case .let4 {
  position: absolute;
  top: 30.05%;
  left: 13.3%;
  width: 59.333%;
  transition: 0.6s 1.8s;
  opacity: 0;
  transform: translateY(5%);
}
.lp_wrap .case .circle4 {
  position: absolute;
  top: 31.95%;
  left: 72.7%;
  width: 8.533%;
  transition: 0.6s 1.8s;
  opacity: 0;
}
.lp_wrap .case .let5 {
  position: absolute;
  top: 40.1%;
  left: 7.3%;
  width: 55.867%;
  transition: 0.6s 2.1s;
  opacity: 0;
  transform: translateY(5%);
}
.lp_wrap .case .circle5 {
  position: absolute;
  top: 37.1%;
  left: 62%;
  width: 8.533%;
  transition: 0.6s 2.1s;
  opacity: 0;
}
.lp_wrap .case .let6 {
  position: absolute;
  top: 48.7%;
  left: 18.2%;
  width: 59.6%;
  transition: 0.6s 2.4s;
  opacity: 0;
  transform: translateY(5%);
}
.lp_wrap .case .circle6 {
  position: absolute;
  top: 45.9%;
  left: 77.2%;
  width: 8.533%;
  transition: 0.6s 2.4s;
  opacity: 0;
}
.lp_wrap .case .woman2.trigger.move ~ .let1,
.lp_wrap .case .woman2.trigger.move ~ .let2,
.lp_wrap .case .woman2.trigger.move ~ .let3,
.lp_wrap .case .woman2.trigger.move ~ .let4,
.lp_wrap .case .woman2.trigger.move ~ .let5,
.lp_wrap .case .woman2.trigger.move ~ .let6,
.lp_wrap .case .woman2.trigger.move ~ .circle1,
.lp_wrap .case .woman2.trigger.move ~ .circle2,
.lp_wrap .case .woman2.trigger.move ~ .circle3,
.lp_wrap .case .woman2.trigger.move ~ .circle4,
.lp_wrap .case .woman2.trigger.move ~ .circle5,
.lp_wrap .case .woman2.trigger.move ~ .circle6 {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .case .circle1 img,
.lp_wrap .case .circle2 img,
.lp_wrap .case .circle3 img,
.lp_wrap .case .circle4 img,
.lp_wrap .case .circle5 img,
.lp_wrap .case .circle6 img {
  animation: 3s case_circle both infinite;
}
@keyframes case_circle {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.lp_wrap .case .copy {
  position: absolute;
  top: 84.65%;
  left: 5.3%;
  width: 88.133%;
  overflow: hidden;
}
.lp_wrap .case .copy.trigger img {
  transition: 0.6s;
  transform: translateY(101%);
}
.lp_wrap .case .copy.trigger.move img {
  transform: translateY(0);
}