@charset "UTF-8";

.lp_wrap .unstable .wrap {
  width: 50.805%;
  margin: 10% auto 8%;
  position: relative;
}
.lp_wrap .unstable .wrap .let {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lp_wrap .unstable .wrap .let .left {
  width: 40.144%;
}
.lp_wrap .unstable .wrap .let .right {
  font-size: 2.2vw;
  letter-spacing: 0.1em;
}
.lp_wrap .unstable .wrap .let .right span {
  font-size: 3.6vw;
  letter-spacing: 0.1em;
  line-height: 2em;
}
.lp_wrap .unstable .wrap .marker1 {
  position: absolute;
  top: -6%;
  left: 47%;
  z-index: -1;
  width: 37.608%;
}
.lp_wrap .unstable .wrap .marker2 {
  position: absolute;
  top: 82%;
  left: 44%;
  z-index: -1;
  width: 43.227%;
}
.lp_wrap .unstable .wrap .marker svg mask path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 10px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dashoffset: 0;
}
.lp_wrap .unstable .wrap .marker1 svg mask path {
  stroke-dasharray: 755 755;
}
.lp_wrap .unstable .wrap .marker2 svg mask path {
  stroke-dasharray: 433 433;
}
.lp_wrap .unstable .wrap.trigger .marker1 svg mask path  {
  transition: 1s;
  stroke-dashoffset: -755;
}
.lp_wrap .unstable .wrap.trigger .marker2 svg mask path  {
  transition: 1s 0.4s;
  stroke-dashoffset: 433;
}
.lp_wrap .unstable .wrap.trigger.move .marker svg mask path  {
  stroke-dashoffset: 0;
}
@media all and (max-width: 750px) {
  .lp_wrap .unstable .wrap {
    width: 60.667%;
    margin: 15% auto 8%;
  }
  .lp_wrap .unstable .wrap .let {
    display: block;
  }
  .lp_wrap .unstable .wrap .let .left {
    width: 61.098%;
  }
  .lp_wrap .unstable .wrap .let .right {
    font-size: 4.8vw;
    margin: 16% 0% 0% 5%;
  }
  .lp_wrap .unstable .wrap .let .right span {
    font-size: 8vw;
  }
  .lp_wrap .unstable .wrap .marker1 {
    top: 44%;
    left: -4%;
    width: 71.145%;
  }
  .lp_wrap .unstable .wrap .marker2 {
    top: 90.5%;
    left: -10%;
    width: 82.158%;
  }
  .lp_wrap .unstable .wrap .marker svg mask path {
    stroke-width: 10px;
  }
  .lp_wrap .unstable .wrap .marker1 svg mask path {
    stroke-dasharray: 943 943;
  }
  .lp_wrap .unstable .wrap .marker2 svg mask path {
    stroke-dasharray: 541 541;
  }
  .lp_wrap .unstable .wrap.trigger .marker1 svg mask path  {
    stroke-dashoffset: -943;
  }
  .lp_wrap .unstable .wrap.trigger .marker2 svg mask path  {
    stroke-dashoffset: 541;
  }
}