<!doctype html>
<html lang="ja">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>濡らしてまってます。</title>
  <link rel="icon" type="image/svg+xml" href="./assets/images/favicon.svg">
  <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.css">
  <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
  <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css">
  <link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
  <link rel="stylesheet" href="../assets/style.css">
  <script src="./assets/utility.js"></script>
</head>

<body>
  <div id="root">
    <!-- Language Toggle -->
    <a class="language-toggle-button" id="language-en" href="./en/"
      aria-label="日本語に切り替え">English</a>

    <main>
      <!-- Hero Section -->
      <section class="hero">
        <video class="hero-bg-video" autoplay muted playsInline></video>
        <div class="container">
          <div class="hero-content">
            <div class="hero-phone">
              <div class="phone-mockup">
                <div class="logo-image">
                  <img id="logo-img" src="" alt="" />
                </div>
                <div class="phone-screen">
                  <video class="phone-video" autoplay muted loop playsInline>
                    <source src="/assets/images/landing_page/ja/dx.webm"
                      type="video/webm" />
                  </video>
                </div>
              </div>
            </div>
            <div class="hero-text-left">
              <img src="/assets/images/landing_page/ja/copy-main.png" alt="" />
            </div>
            <div class="hero-text-right">
              <img src="/assets/images/landing_page/ja/copy-sub.png" alt="" />
            </div>
          </div>
        </div>
      </section>

      <!-- Features Section -->
      <section class="section features" data-aos="fade-up">
        <div class="container">
          <div class="section-title">
            <img class="section-title--img"
              src="/assets/images/landing_page/ttl_dekiru1.png"
              alt="アダルトライブチャット" loading="lazy" />
            <img class="section-title--img--abs slideLeft"
              src="/assets/images/landing_page/ja/ttl_donnako2.png"
              alt="アダルトライブチャット" loading="lazy" />
            <img class="section-title--img--abs slideRight"
              src="/assets/images/landing_page/ttl_dekiru3.png"
              alt="アダルトライブチャット" loading="lazy" />
          </div>
          <ul>
            <li class="feature-item">素人の女の子のライブ映像を見ながらお話</li>
            <li class="feature-item">オナニー配信を覗き見</li>
            <li class="feature-item">メッセージを送って仲良くなる</li>
          </ul>
          <p><a id="link-home-1" href="./ja/home"
              target="_blank">アダルトライブチャット</a>は業界最大級の老舗アダルトライブチャット。<br />
            学生から人妻、素人や熟女に外国人とアダルトな出会いがあなたを待っています。<br />
            今すぐ楽しめる<a id="link-home-2" href="./ja/home"
              target="_blank">無料体験コース</a>をお試しください。
          </p>

          <div class="girls">
            <img class="girls--img"
              src="/assets/images/landing_page/ja/girls.png" alt="アダルトライブチャット"
              loading="lazy" />
            <video class="girls--video" width="100%" autoplay muted loop
              playsInline preload="none">
              <source src="/assets/images/landing_page/mov/emiri.webm"
                type="video/webm" />
            </video>
          </div>
        </div>
      </section>

      <!-- Steps Section -->
      <section class="section steps" data-aos="fade-up">
        <div class="container">
          <div class="section-title">
            <img class="section-title--img"
              src="/assets/images/landing_page/ttl_dekiru1.png"
              alt="アダルトライブチャット" loading="lazy" />
            <img class="section-title--img--abs slideLeft"
              src="/assets/images/landing_page/ja/ttl_hajimekata2.png"
              alt="アダルトライブチャット" loading="lazy" />
            <img class="section-title--img--abs slideRight"
              src="/assets/images/landing_page/ttl_dekiru3.png"
              alt="アダルトライブチャット" loading="lazy" />
          </div>

          <div class="step-item" data-aos="fade-up" data-aos-delay="0">
            <div class="step-number">STEP1</div>
            <div class="step-content">
              <h3>無料アカウントを作成しよう。</h3>
            </div>
            <div class="step-image">
              <div class="step-image--inner">
                <img src="/assets/images/landing_page/ja/step1.png" width="300"
                  height="200" alt="無料会員登録画面" loading="lazy" />
              </div>
            </div>
          </div>

          <div class="step-item" data-aos="fade-up" data-aos-delay="300">
            <div class="step-number">STEP2</div>
            <div class="step-content">
              <h3>無料で遊べるお試しポイントを<span class="inline-block">ゲット！</span></h3>
            </div>
            <div class="step-image">
              <div class="step-image--inner">
                <img src="/assets/images/landing_page/step2.gif" width="300"
                  height="200" alt="あなたのプロフィール" loading="lazy" />
              </div>
            </div>
          </div>

          <div class="step-item" data-aos="fade-up" data-aos-delay="600">
            <div class="step-number">STEP3</div>
            <div class="step-content">
              <h3>お試しポイントを使って<span class="inline-block">早速チャット開始！</span></h3>
            </div>
            <div class="step-image">
              <div class="step-image--inner">
                <img src="/assets/images/landing_page/step3.gif" width="300"
                  height="200" alt="チャット画面" loading="lazy" />
              </div>
            </div>
          </div>

          <div class="step-item" data-aos="fade-up" data-aos-delay="900">
            <div class="step-number">STEP4</div>
            <div class="step-content">
              <h3>会員用無料ポイントを使って<span class="inline-block">毎日タダで覗き見！</span></h3>
            </div>
            <div class="step-image">
              <div class="step-image--inner">
                <img src="/assets/images/landing_page/step4.gif" width="300"
                  height="200" alt="あなたのプロフィール" loading="lazy" />
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- Safety Section -->
      <section class="section safety" data-aos="fade-up">
        <div class="container">
          <div class="section-title">
            <img class="section-title--img"
              src="/assets/images/landing_page/ttl_dekiru1.png"
              alt="アダルトライブチャット" loading="lazy" />
            <img class="section-title--img--abs slideLeft"
              src="/assets/images/landing_page/ja/ttl_safety2.png"
              alt="アダルトライブチャット" loading="lazy" />
            <img class="section-title--img--abs slideRight"
              src="/assets/images/landing_page/ttl_dekiru3.png"
              alt="アダルトライブチャット" loading="lazy" />
          </div>

          <div class="safety-flex">
            <div class="safety-item" data-aos="fade-up" data-aos-delay="0">
              <div class="safety-icon">
                <img src="/assets/images/landing_page/ico-lock.gif" alt="個人情報保護"
                  loading="lazy" />
              </div>
              <h3>個人情報保護</h3>
              <p>
                お客様のプライバシーを守るため、ご登録名はニックネームでも問題ございません。お名前やお顔などの個人情報は一切知られることはございません。どうぞ安心してお楽しみください。
              </p>
            </div>
            <div class="safety-item" data-aos="fade-up" data-aos-delay="200">
              <div class="safety-icon">
                <img src="/assets/images/landing_page/ico-card.gif" alt="カード決済"
                  loading="lazy" />
              </div>
              <h3>カード決済</h3>
              <p>
                長い実績のある米国オールブライト社がサポートしており、年中無休でカスタマーサービスが受けられます。この他、暗号資産や銀行振込による決済も可能です。
              </p>
            </div>
            <div class="safety-item" data-aos="fade-up" data-aos-delay="400">
              <div class="safety-icon">
                <img src="/assets/images/landing_page/ico-support.gif"
                  alt="サポート" loading="lazy" />
              </div>
              <h3>サポート</h3>
              <p>
                ご質問・ご要望は、お気軽にお問い合わせフォームよりご連絡ください。日本語をはじめ、英語・韓国語・中国語など多言語に対応可能なスタッフが、迅速にご対応させていただきます。
              </p>
            </div>
          </div>
        </div>
      </section>

      <!-- Testimonials Section -->
      <section class="section testimonials" data-aos="fade-up">
        <div class="container">
          <div class="section-title">
            <img class="section-title--img"
              src="/assets/images/landing_page/ttl_dekiru1.png"
              alt="アダルトライブチャット" loading="lazy" />
            <img class="section-title--img--abs slideLeft"
              src="/assets/images/landing_page/ja/ttl_testimony2.png"
              alt="アダルトライブチャット" loading="lazy" />
            <img class="section-title--img--abs slideRight"
              src="/assets/images/landing_page/ttl_dekiru3.png"
              alt="アダルトライブチャット" loading="lazy" />
          </div>
          <div class="testimonial-items">
            <div>
              <img src="/assets/images/landing_page/m1.webp" alt="匿名様（20代）"
                loading="lazy" />
              <dl>
                <dt>緊張してたけど安心しました</dt>
                <dd class="testimonial-name">匿名様（20代）</dd>
                <dd>
                  初めてのライブチャット。<br />女の子がすごく優しくてほっとしました。<br />初心者マーク🔰がついた子もいて、気軽に話しかけられました。
                </dd>
              </dl>
            </div>
            <div>
              <img src="/assets/images/landing_page/m2.webp" alt="やさしいパパ様（30代）"
                loading="lazy" />
              <dl>
                <dt>操作が簡単でした</dt>
                <dd class="testimonial-name">やさしいパパ様（30代）</dd>
                <dd>
                  登録やチャットの操作が直感的でとてもわかりやすかったです。<br />スマホからでも使えるので、家でも外でも楽しめて便利！
                </dd>
              </dl>
            </div>
            <div>
              <img src="/assets/images/landing_page/m3.webp"
                alt="通りすがりのおじさん様（40代）" loading="lazy" />
              <dl>
                <dt>無料チャットで雰囲気がわかる</dt>
                <dd class="testimonial-name">通りすがりのおじさん様（40代）</dd>
                <dd>無料チャットで様子見できるのがありがたい。いきなり課金じゃないから安心して試せました。</dd>
              </dl>
            </div>
            <div>
              <img src="/assets/images/landing_page/m4.webp" alt="29歳の男様（20代）"
                loading="lazy" />
              <dl>
                <dt>運営の対応が丁寧でした</dt>
                <dd class="testimonial-name">29歳の男様（20代）</dd>
                <dd>わからないことがあって問い合わせたら、すぐに丁寧な返信がきて助かりました。<br />安心して利用できます。
                </dd>
              </dl>
            </div>
            <div>
              <img src="/assets/images/landing_page/m5.webp" alt="KENTARO様（40代）"
                loading="lazy" />
              <dl>
                <dt>映像がキレイで驚いた</dt>
                <dd class="testimonial-name">KENTARO様（40代）</dd>
                <dd>スマホから見たけど映像がめちゃくちゃキレイ！女の子の表情や部屋の雰囲気までちゃんと伝わってきます。</dd>
              </dl>
            </div>
          </div>
        </div>
      </section>
    </main>

    <!-- Footer -->
    <footer class="fixed-button">
      <div class="footer--inner">
        <img class="girl-btm" src="/assets/images/landing_page/girl-btm.png"
          alt="" />
        <div class="trial-badge">ライブで</div>
        <a class="cta-button" id="cta-button" href="./ja/home"
          target="_blank">好みの女の子を探す</a>
        <div class="comment">10分無料でエロ配信が覗ける<span
            class="inline-block">ポイントもらえます！</span></div>
      </div>
    </footer>
  </div>

  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script
    src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script src="./assets/main.js"></script>
</body>

</html>