@charset "UTF-8";

.lp_wrap .ot {
  position: relative;
}
.lp_wrap .ot .head {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  text-align: center;
}
.lp_wrap .ot .head div:nth-child(1) {
  font-size: 2vw;
  letter-spacing: 0.1em;
  color: #ffffff;
}
.lp_wrap .ot .head div:nth-child(2) {
  font-size: 4.9vw;
  letter-spacing: 0.05em;
  line-height: 1.545em;
  color: #ffffff;
  margin-top: 5%;
}
.lp_wrap .ot .head div:nth-child(2) span {
  font-size: inherit;
  color: #fa5037;
}
.lp_wrap .ot .head div:nth-child(2) br:nth-of-type(1),
.lp_wrap .ot .head div:nth-child(2) br:nth-of-type(3) {
  display: none;
}
.lp_wrap .ot .head .marker {
  position: absolute;
  top: 10%;
  left: 27.7%;
  z-index: -1;
  width: 56.064%;
}
.lp_wrap .ot .head .marker svg mask path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 10px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 1075 1075;
  stroke-dashoffset: 0;
}
.lp_wrap .ot .head.trigger .marker svg mask path  {
  transition: 1s;
  stroke-dashoffset: 1075;
}
.lp_wrap .ot .head.trigger.move .marker svg mask path  {
  stroke-dashoffset: 0;
}
@media all and (max-width: 750px) {
  .lp_wrap .ot .head {
    width: 75.733%;
  }
  .lp_wrap .ot .head div:nth-child(1) {
    font-size: 3.6vw;
  }
  .lp_wrap .ot .head div:nth-child(2) {
    font-size: 8.8vw;
  }
  .lp_wrap .ot .head div:nth-child(2) br:nth-of-type(1),
  .lp_wrap .ot .head div:nth-child(2) br:nth-of-type(3) {
    display: block;
  }
  .lp_wrap .ot .head div:nth-child(2) br:nth-of-type(2) {
    display: none;
  }
  .lp_wrap .ot .head .marker {
    top: 37%;
    left: -11.7%;
    width: 73.239%;
  }
}