/* 初期読み込み */
html,
body,
.lp_wrap * {
  margin: 0;
  padding: 0;
  outline: none;
}

body .l-contents__frame {
  padding: 0;
}

.lp_wrap {
  max-width: 750px;
  margin: auto;
  overflow: hidden;
}

.lp_wrap ul,
.lp_wrap ol,
.lp_wrap dl {
  list-style: none;
}

.lp_wrap img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.lp_wrap section {
  position: relative;
}

.lp_wrap .offer .btn {
    position: absolute;
    margin: auto;
}

.lp_wrap .offer.trial .btn {
  inset: auto 0 3%;
  width: 71%;
}


.lp_wrap .offer .btn.regular {
  inset: auto 0 17%;
  width: 82.4%;
}

.lp_wrap .offer .btn.normal {
  inset: auto 0 3%;
  width: 56%;
}

/* ボタンふわふわ */
.lp_wrap .offer .btn.huwahuwa {
  animation: 1s btn ease-in-out alternate infinite;
}

@keyframes btn {
  from {
    transform: scale(0.97);
  }

  to {
    transform: scale(1.03);
  }
}

.lp_wrap .support {
  margin-top: -25%;
}

.lp_wrap .float {
  position: fixed;
  bottom: 0;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  width: 82.4vw;
  max-width: 618px;
  display: none;
}

/* youtube */
.lp_wrap .tv .youtube {
    position: absolute;
    top: 44.6%;
    left: 6.7%;
    width: 86.7%;
}

.lp_wrap .tv .youtube iframe {
    aspect-ratio: 560 / 315;
    width: 100%;
    height: auto;
}

.lp_wrap .tv .youtube .youtube-lite {
  position: relative;
  display: block;
  background-color: #000;
  width: 100%;
  max-width: 650px;
  aspect-ratio: 16 / 9;
  cursor: pointer;
  overflow: hidden;
}

.lp_wrap .tv .youtube .youtube-lite img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lp_wrap .tv .youtube .youtube-lite .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url('https://img.icons8.com/ios-filled/50/ffffff/play-button-circled.png') no-repeat center center;
  background-size: 64px 64px;
  width: 64px;
  height: 64px;
  pointer-events: none;
}