@charset "UTF-8";

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