@charset "utf-8";

.lp_wrap .last_chance {
  overflow: hidden;
}
.lp_wrap .last_chance .marquee {
  position: absolute;
  top: -1.4%;
  left: 0%;
  width: 507.733%;
  display: flex;
}
.lp_wrap .last_chance .marquee div {
  animation: 17s last_chance_marquee linear infinite;
}
@keyframes last_chance_marquee {
  to {
    transform: translateX(-100%);
  }
}
.lp_wrap .last_chance .head div {
  position: absolute;
  mask-image: linear-gradient(270deg, 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: 250% 100%;
  mask-position: 100% 0%;
}
.lp_wrap .last_chance .head div:nth-child(1) {
  top: 10.6%;
  left: 16.267%;
  width: 67.467%;
  transition: 0.97s;
}
.lp_wrap .last_chance .head div:nth-child(2) {
  top: 15.6%;
  left: 16.867%;
  width: 66.267%;
  transition: 0.96s 0.2s;
}
.lp_wrap .last_chance .head div.move,
.lp_wrap .last_chance .head div.move ~ div {
  mask-position: 0% 0%;
}
.lp_wrap .last_chance .arrow {
  position: absolute;
  top: 20%;
  left: 39.2%;
  width: 85.467%;
}
.lp_wrap .last_chance .arrow img {
  transition: 0.6s;
  transform-origin: right top;
  transform: translateX(-20%) rotateZ(-90deg);
}
.lp_wrap .last_chance .arrow.move img {
  transform: translateX(0%) rotateZ(0deg);
}
.lp_wrap .last_chance .area {
  position: absolute;
  top: 63.4%;
  left: 33.3%;
  width: 29.467%;
  transition: 0.8s 0.6s;
  opacity: 0;
}
.lp_wrap .last_chance .area.move {
  opacity: 1;
}
.lp_wrap .last_chance .graph {
  position: absolute;
  top: 62%;
  left: 12.4%;
  width: 75.2%;
}
.lp_wrap .last_chance .line li {
  position: absolute;
  clip-path: inset(0% 100% 0% 0%);
}
.lp_wrap .last_chance .line li:nth-child(1) {
  top: 68.2%;
  left: 21%;
  width: 59.733%;
  transition: 1s;
}
.lp_wrap .last_chance .line li:nth-child(2) {
  top: 67.2%;
  left: 21%;
  width: 59.733%;
  transition: 1s;
}
.lp_wrap .last_chance .area.move ~ .line li {
  clip-path: inset(0%);
}
.lp_wrap .last_chance .diff li {
  position: absolute;
  transform-origin: center 60%;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .last_chance .diff li:nth-child(1) {
  top: 70%;
  left: 29.2%;
  width: 20.133%;
  transition: 0.6s 0.3s;
}
.lp_wrap .last_chance .diff li:nth-child(2) {
  top: 69.2%;
  left: 46.8%;
  width: 20.133%;
  transition: 0.6s 0.3s;
}
.lp_wrap .last_chance .area.move ~ .diff li {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .last_chance .ballon1 {
  position: absolute;
  top: 58.6%;
  left: 59.6%;
  width: 32.8%;
  transition: 0.6s 0.6s;
  transform-origin: left 70%;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .last_chance .area.move ~ .ballon1 {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .last_chance .ballon2 {
  position: absolute;
  top: 55.4%;
  left: 36%;
  width: 28%;
}
.lp_wrap .last_chance .ballon2 img {
  transition: 0.6s;
  transform-origin: center bottom;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .last_chance .ballon2.move img {
  transform: scale(1);
  opacity: 1;
}