@charset "utf-8";

  body {
    scroll-behavior: smooth;
  }

  #top {
    scroll-margin-top: 80px;
    /* 固定ヘッダーの高さに合わせて調整 */
  }

  .lp_container {
    max-width: 750px;
    margin: 0 auto;
    padding-bottom: 3%;
  }

  .po {
    position: relative;
    display: inline-block;
  }

  .po_ab1 {
    position: absolute;
    top: 13%;
    left: 3%;
    z-index: 10;
  }

  .po_ab2 {
    position: absolute;
    top: 22.8%;
    left: 6%;
  }

  .po_ab3 {
    position: absolute;
    top: 29.8%;
    left: 0%;
  }

  .wid56 {
    width: 56%;
  }

  .wid47 {
    width: 47%;
  }

  /* 初期状態 */
  .text {
    overflow: hidden;
  }

  .char {
    display: inline-block;
    overflow: hidden;
  }

  .char-text img {
    display: block;
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
  }

  /* 1・2番目スライドイン */
  .text.is-active .char:nth-child(1) .char-text img {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0s;
  }

  .text.is-active .char:nth-child(2) .char-text img {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.3s;
  }

  /* 3番目 下からババーン */
  .text.is-active .char:nth-child(3) .char-text img {
    opacity: 0;
    /* 初期状態 */
    transform: scale(0.3) translateY(150%);
    animation: text08 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation-delay: 0.6s;
    transition: none;
  }

  @keyframes text08 {
    0% {
      opacity: 0;
      transform: scale(0.3) translateY(150%);
    }

    30% {
      opacity: 1;
    }

    75% {
      transform: scale(1.5) translateY(-30%);
    }

    100% {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }


  .text.is-active .char-text {
    transform: translateX(0);
    /* ← 表示させる */
  }

  .mt-3 {
    margin-top: -4%;
  }

  .lp1_wrap {
    max-width: 750px;
    /* width: 94%; */
    text-align: center;
    /* padding: 5% 4% 3%; */
    /* background-color: #0058b7; */
    padding-bottom: 5%;
  }

  .bg_1 {
    background: url(/app/image/campaign/dks/2508/250829_tigerSuihannki/bg1_2.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 3%;
  }

  .lp_inner {
    /* border: 2.2vw #0058b7 solid; */
    /* background-color: #fff; */
    margin: 0 auto;
    /* border-radius: 0px 12px 12px 12px; */
    padding-bottom: 3%;
  }

  .pad {
    padding: 3% 4% 2% !important;
  }

  .Movie-Wrap {
    position: relative !important;
    padding-bottom: 56.25%;
    /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
  }

  .Movie-Wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .wid90 {
    width: 90%;
  }

  .bg_2 {
    background: url(/app/image/campaign/dks/2508/250829_tigerSuihannki/bg2_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 3%;
  }

  .shine-wrapper {
    position: relative;
    margin: 0 6%;
    display: inline-block;
    width: fit-content;
    overflow: hidden;
  }

  .shine-target {
    display: block;
    width: 96%;
    height: auto;
    margin: 0 auto;
  }

  .shine-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    transform: skewX(-25deg);
    animation: shine 2s infinite;
    pointer-events: none;
  }

  @keyframes shine {
    0% {
      left: -75%;
    }

    50% {
      left: 125%;
    }

    100% {
      left: 125%;
    }
  }

  @media (max-width: 750px) {

    .mt-3 {
      margin-top: -9%;
    }
  }