@charset "UTF-8";

.lp_wrap .renewal {
  overflow: hidden;
}
.lp_wrap .renewal .slide0 {
  position: absolute;
  top: -0.7%;
  left: 0%;
  width: 247.39583333%;
  display: flex;
}
.lp_wrap .renewal .slide0 div {
  animation: 14s slide0 linear infinite
}
.lp_wrap .renewal .cover {
  position: absolute;
  top: 0%;
  left: -6.9%;
  width: 111.97916666%;
  z-index: 1;
}
.lp_wrap .renewal .copy {
  position: absolute;
  top: 47.2%;
  left: 7%;
  width: 85.9375%;
}
.lp_wrap .renewal .arrow {
  position: absolute;
  top: 56.9%;
  left: 3.2%;
  width: 93.75%;
  transition: 0.6s 0.3s;
  opacity: 0;
  transform: translateY(-50%);
}
.lp_wrap .renewal .base.trigger.move ~ .arrow {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .renewal .base.trigger ~ .copy img,
.lp_wrap .renewal .base.trigger ~ .arrow img {
  transition: 0.6s 1s;
  opacity: 1;
}
.lp_wrap .renewal .base.trigger.move ~ .copy img,
.lp_wrap .renewal .base.trigger.move ~ .arrow img {
  opacity: 0;
}
.lp_wrap .renewal .tex {
  position: absolute;
  top: 68.3%;
  left: 7.3%;
  width: 90.755208333%;
  transition: 1s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .renewal .base.trigger.move ~ .tex {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .renewal .base.trigger ~ .tex img {
  transition: 1.8s 0.8s;
  transform: scale(1);
  transform-origin: 46% 86%;
}
.lp_wrap .renewal .base.trigger.move ~ .tex img {
  transform: scale(2.5);
}
.lp_wrap .renewal .base {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  transition: 1.8s 0.8s;
  transform: scale(1);
}
.lp_wrap .renewal .base.trigger.move {
  transform: scale(2.5);
}
.lp_wrap .renewal .base.trigger img {
  transition: 0.6s 2s;
  opacity: 1;
}
.lp_wrap .renewal .base.trigger.move img {
  opacity: 0;
}
.lp_wrap .renewal .att {
  position: absolute;
  top: 97.35%;
  left: 4.5%;
  width: 90.75520833%;
}
.lp_wrap .renewal .deco {
  position: absolute;
  top: 37.3%;
  left: -25%;
  width: 117.1875%;
  transition: 0.6s 2.4s;
  opacity: 0;
  transform: translateY(-10%);
}
.lp_wrap .renewal .base.trigger.move ~ .deco {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .renewal .model {
  position: absolute;
  top: 41.1%;
  left: 0%;
  width: 100%;
  transition: 1.2s 1.6s;
  transform: scale(6);
  transform-origin: 57% 50%;
}
.lp_wrap .renewal .base.trigger.move ~ .model {
  transform: scale(1);
}
.lp_wrap .renewal .base.trigger ~ .model img {
  transition: 0.6s 2s;
  opacity: 0;
}
.lp_wrap .renewal .base.trigger.move ~ .model img {
  opacity: 1;
}
.lp_wrap .renewal .catch {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  transition: 0.6s 2.4s;
  opacity: 0;
}
.lp_wrap .renewal .base.trigger.move ~ .catch {
  opacity: 1;
}