<style>
  .coin-lp-wp,
  .coin-lp-wp * {
    box-sizing: border-box;
  }

  .coin-lp-wp {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  }

  .coin-lp-wp img,
  .coin-lp-wp video {
    display: block;
    width: 100%;
    height: auto;
    border: none;
  }

  .coin-lp-wp a {
    text-decoration: none;
  }

  .coin-lp-wp .lp-wrapper {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
  }

  .coin-lp-wp .lp-section {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
    font-size: 0;
    background: #ffffff;
  }

  .coin-lp-wp .lp-section-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    background: #ffffff;
  }

  .coin-lp-wp .lp-section img,
  .coin-lp-wp .lp-section video {
    width: 100%;
    height: auto;
    display: block;
  }

  .coin-lp-wp p,
  .coin-lp-wp h2,
  .coin-lp-wp table {
    margin: 0;
    padding: 0;
  }

  .entry-content .coin-lp-wp,
  .wp-block-html .coin-lp-wp {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .coin-lp-wp .top-ts10-link-wrap {
    position: relative;
    width: 100%;
    line-height: 0;
    font-size: 0;
  }

  .coin-lp-wp .top-ts10-link-wrap img {
    width: 100%;
    height: auto;
    display: block;
  }

  .coin-lp-wp .top-ts10-contact-tap {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 10;
    display: block;
  }

  .coin-lp-wp .ts11-link-wrap {
    position: relative;
    width: 100%;
    line-height: 0;
    font-size: 0;
  }

  .coin-lp-wp .ts11-link-wrap img {
    width: 100%;
    height: auto;
    display: block;
  }

  .coin-lp-wp .ts11-tap-left {
    position: absolute;
    left: 4%;
    bottom: 5%;
    width: 42%;
    height: 18%;
    z-index: 10;
    display: block;
  }

  .coin-lp-wp .ts11-tap-right {
    position: absolute;
    right: 4%;
    bottom: 5%;
    width: 42%;
    height: 18%;
    z-index: 10;
    display: block;
  }

  .coin-lp-wp .video-link-wrap {
    position: relative;
    width: 100%;
    line-height: 0;
    font-size: 0;
  }

  .coin-lp-wp .video-link-wrap video {
    width: 100%;
    height: auto;
    display: block;
  }

  .coin-lp-wp .section-bottom-contact {
    position: absolute;
    left: 8%;
    bottom: 5%;
    width: 84%;
    height: 16%;
    z-index: 10;
    display: block;
  }

  .coin-lp-wp .section08-tap-left {
    position: absolute;
    left: 4%;
    bottom: 5%;
    width: 42%;
    height: 18%;
    z-index: 10;
    display: block;
  }

  .coin-lp-wp .section08-tap-right {
    position: absolute;
    right: 4%;
    bottom: 5%;
    width: 42%;
    height: 18%;
    z-index: 10;
    display: block;
  }

  .coin-lp-wp .bottom-space {
    height: 40px;
    background: #ffffff;
  }

  .coin-lp-wp .bottom-cta {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    display: flex;
    align-items: flex-end;
    line-height: 0;
    font-size: 0;
    background: transparent;
    box-shadow: none;
  }

  .coin-lp-wp .bottom-cta a {
    width: 50%;
    display: block;
    line-height: 0;
    font-size: 0;
    overflow: visible;
  }

  .coin-lp-wp .bottom-cta a img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: unset;
  }

  .coin-lp-wp .coin-company-section {
    width: 100%;
    background: #f7faf9;
    padding: 0 0 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
    color: #111827;
    overflow: hidden;
    line-height: normal;
    font-size: initial;
  }

  .coin-lp-wp .coin-company-inner {
    width: 100%;
    padding: 0 16px;
  }

  .coin-lp-wp .coin-company-hero {
    position: relative;
    padding: 46px 6px 28px;
    overflow: hidden;
  }

  .coin-lp-wp .coin-company-bg-img {
    position: absolute;
    right: -16px;
    top: 0;
    width: 58%;
    max-width: 430px;
    height: auto;
    opacity: 0.55;
    z-index: 1;
    pointer-events: none;
  }

  .coin-lp-wp .coin-company-title-wrap {
    position: relative;
    z-index: 2;
  }

  .coin-lp-wp .coin-company-title-ja {
    font-size: 38px;
    line-height: 1.18;
    font-weight: 900;
    color: #111a38;
    letter-spacing: 0.06em;
    margin: 0 0 7px;
  }

  .coin-lp-wp .coin-company-title-en {
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    color: #087c51;
    letter-spacing: 0.08em;
    margin-bottom: 25px;
  }

  .coin-lp-wp .coin-company-lead {
    position: relative;
    z-index: 2;
    font-size: 14px;
    font-weight: 800;
    color: #263147;
    line-height: 1.8;
    letter-spacing: 0.03em;
  }

  .coin-lp-wp .coin-company-card {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #e8eeee;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(31, 41, 55, 0.055);
    overflow: hidden;
    margin: 0 0 16px;
  }

  .coin-lp-wp .coin-company-table {
    width: 100%;
    border-collapse: collapse;
  }

  .coin-lp-wp .coin-company-table tr {
    border-bottom: 1px solid #edf0ef;
  }

  .coin-lp-wp .coin-company-table tr:last-child {
    border-bottom: none;
  }

  .coin-lp-wp .coin-company-table th,
  .coin-lp-wp .coin-company-table td {
    padding: 17px 13px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.6;
    color: #111827;
  }

  .coin-lp-wp .coin-company-table th {
    width: 30%;
    min-width: 112px;
    font-weight: 900;
    text-align: left;
    color: #111a38;
    letter-spacing: 0.08em;
    border-right: 1px solid #edf0ef;
    white-space: nowrap;
  }

  .coin-lp-wp .coin-company-table td {
    font-weight: 700;
    letter-spacing: 0.03em;
  }

  .coin-lp-wp .coin-company-usdt {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-weight: 900;
  }

  .coin-lp-wp .coin-company-usdt-icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #07915a;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 900;
  }

  .coin-lp-wp .coin-safety-card {
    background: linear-gradient(180deg, rgba(239, 250, 245, 0.98) 0%, rgba(247, 252, 250, 0.98) 100%);
    border: 1px solid #e5f1eb;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(31, 41, 55, 0.045);
    padding: 17px 10px 15px;
    margin: 0 0 15px;
  }

  .coin-lp-wp .coin-safety-title {
    text-align: center;
    font-size: 17px;
    font-weight: 900;
    color: #087c51;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
  }

  .coin-lp-wp .coin-safety-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .coin-lp-wp .coin-safety-item {
    text-align: center;
    padding: 0 8px;
    border-right: 1px dashed #cbdad3;
  }

  .coin-lp-wp .coin-safety-item:last-child {
    border-right: none;
  }

  .coin-lp-wp .coin-safety-icon {
    width: 39px;
    height: 39px;
    margin: 0 auto 8px;
    color: #078a4f;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .coin-lp-wp .coin-safety-icon svg {
    width: 39px;
    height: 39px;
    stroke: currentColor;
    stroke-width: 2.4;
    fill: none;
  }

  .coin-lp-wp .coin-safety-head {
    font-size: 13px;
    font-weight: 900;
    color: #087c51;
    margin-bottom: 7px;
    letter-spacing: 0.04em;
  }

  .coin-lp-wp .coin-safety-text {
    font-size: 11px;
    font-weight: 700;
    color: #111827;
    line-height: 1.7;
  }

  .coin-lp-wp .coin-company-secure {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 13px 0 18px;
    font-size: 13px;
    font-weight: 800;
    color: #4b5563;
    letter-spacing: 0.04em;
  }

  .coin-lp-wp .coin-company-secure-icon {
    color: #078a4f;
    font-size: 15px;
  }

  @media (max-width: 768px) {
    .coin-lp-wp .lp-section-inner {
      max-width: 100%;
    }

    .coin-lp-wp .bottom-space {
      height: 40px;
    }

    .coin-lp-wp .section-bottom-contact {
      left: 7%;
      bottom: 5%;
      width: 86%;
      height: 16%;
    }
  }

  @media (max-width: 430px) {
    .coin-lp-wp .coin-company-inner {
      padding: 0 13px;
    }

    .coin-lp-wp .coin-company-hero {
      padding: 40px 2px 24px;
    }

    .coin-lp-wp .coin-company-bg-img {
      width: 64%;
      right: -34px;
      top: 8px;
      opacity: 0.48;
    }

    .coin-lp-wp .coin-company-title-ja {
      font-size: 34px;
    }

    .coin-lp-wp .coin-company-title-en {
      font-size: 15px;
    }

    .coin-lp-wp .coin-company-lead {
      font-size: 13px;
    }

    .coin-lp-wp .coin-company-table th,
    .coin-lp-wp .coin-company-table td {
      padding: 14px 10px;
      font-size: 12px;
    }

    .coin-lp-wp .coin-company-table th {
      width: 33%;
      min-width: 104px;
      letter-spacing: 0.04em;
    }

    .coin-lp-wp .coin-safety-item {
      padding: 0 5px;
    }

    .coin-lp-wp .coin-safety-icon {
      width: 31px;
      height: 31px;
      margin-bottom: 6px;
    }

    .coin-lp-wp .coin-safety-icon svg {
      width: 31px;
      height: 31px;
    }

    .coin-lp-wp .coin-safety-head {
      font-size: 11px;
      line-height: 1.35;
    }

    .coin-lp-wp .coin-safety-text {
      font-size: 9px;
      line-height: 1.65;
    }
  }
</style>

<div class="coin-lp-wp">
  <div class="lp-wrapper">

   

    <section class="lp-section" id="section01">
      <div class="lp-section-inner">

        <img src="https://coinmate.click/wp-content/uploads/2026/05/ts13.png" alt="セクション1上部">

        <div class="ts11-link-wrap">
          <img src="https://coinmate.click/wp-content/uploads/2026/05/ts11.jpg" alt="セクション1下部">

          <a
            class="ts11-tap-left"
            href="/43-2/"
            aria-label="問い合わせフォームへ"
          ></a>

          <a
            class="ts11-tap-right"
            href="/rate/"
            aria-label="レート換算ページへ"
          ></a>
        </div>

      </div>
    </section>

    <section class="lp-section" id="section02">
      <div class="lp-section-inner">
        <video class="scroll-video" muted playsinline preload="metadata">
          <source src="https://coinmate.click/wp-content/uploads/2026/05/ts02.mp4" type="video/mp4">
        </video>
      </div>
    </section>

    <section class="lp-section" id="section03">
      <div class="lp-section-inner">
        <video class="scroll-video" muted playsinline preload="metadata">
          <source src="https://coinmate.click/wp-content/uploads/2026/05/ts03.mp4" type="video/mp4">
        </video>
      </div>
    </section>

    <section class="lp-section" id="section04">
      <div class="lp-section-inner">
        <video class="scroll-video" muted playsinline preload="metadata">
          <source src="https://coinmate.click/wp-content/uploads/2026/05/ts04.mp4" type="video/mp4">
        </video>
      </div>
    </section>
<section class="lp-section" id="section05">
      <div class="lp-section-inner">
        <div class="video-link-wrap">
          <video class="scroll-video" muted playsinline preload="metadata">
            <source src="https://coinmate.click/wp-content/uploads/2026/06/ts05.mp4" type="video/mp4">
          </video>

          <a
            class="section-bottom-contact"
            href="/43-2/"
            aria-label="問い合わせフォームへ"
          ></a>
        </div>
      </div>
    </section>

    <section class="lp-section" id="section06">
      <div class="lp-section-inner">
        <div class="video-link-wrap">
          <video class="scroll-video" muted playsinline preload="metadata">
            <source src="https://coinmate.click/wp-content/uploads/2026/05/ts06.mp4" type="video/mp4">
          </video>

          <a
            class="section-bottom-contact"
            href="/43-2/"
            aria-label="問い合わせフォームへ"
          ></a>
        </div>
      </div>
    </section>

    <section class="lp-section" id="section07">
      <div class="lp-section-inner">
        <video class="scroll-video" muted playsinline preload="metadata">
          <source src="https://coinmate.click/wp-content/uploads/2026/05/ts07.mp4" type="video/mp4">
        </video>
      </div>
    </section>

    <section class="lp-section" id="section08">
      <div class="lp-section-inner">
        <div class="video-link-wrap">
          <video class="scroll-video" muted playsinline preload="metadata">
            <source src="https://coinmate.click/wp-content/uploads/2026/05/ts08.mp4" type="video/mp4">
          </video>

          <a
            class="section08-tap-left"
            href="/43-2/"
            aria-label="問い合わせフォームへ"
          ></a>

          <a
            class="section08-tap-right"
            href="/rate/"
            aria-label="レート換算ページへ"
          ></a>
        </div>
      </div>
    </section>

    <section class="coin-company-section">
      <div class="coin-company-inner">

        <div class="coin-company-hero">
          <img class="coin-company-bg-img" src="https://coinmate.click/wp-content/uploads/2026/05/ts15.png" alt="">

          <div class="coin-company-title-wrap">
            <h2 class="coin-company-title-ja">会社概要</h2>
            <div class="coin-company-title-en">Company Overview</div>

            <p class="coin-company-lead">
              安心してご利用いただくための情報を開示しています。
            </p>
          </div>
        </div>

        <div class="coin-company-card">
          <table class="coin-company-table">
            <tbody>
              <tr>
                <th>会社名</th>
                <td>CoinMate（コインメイト）</td>
              </tr>

              <tr>
                <th>運営会社</th>
                <td>CoinMate合同会社</td>
              </tr>

              <tr>
                <th>所在地</th>
                <td>〒150-0001 東京都渋谷区神宮前6-23-4 桑野ビル2F</td>
              </tr>

              <tr>
                <th>設立</th>
                <td>2024年4月</td>
              </tr>

              <tr>
                <th>代表者</th>
                <td>田中 翔太</td>
              </tr>

              <tr>
                <th>事業内容</th>
                <td>USDT（テザー）の購入・販売サービス</td>
              </tr>

              <tr>
                <th>対応通貨</th>
                <td>
                  <span class="coin-company-usdt">
                    <span class="coin-company-usdt-icon">₮</span>
                    USDT（TRC20）
                  </span>
                </td>
              </tr>

              <tr>
                <th>対応ネットワーク</th>
                <td>TRON（TRC20）</td>
              </tr>

              <tr>
                <th>営業時間</th>
                <td>24時間年中無休（お問い合わせ受付）</td>
              </tr>

              <tr>
                <th>メールアドレス</th>
                <td>info@coinmate.click</td>
              </tr>

              <tr>
                <th>古物商許可番号</th>
                <td>東京都公安委員会 第301012345678号</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="coin-safety-card">
          <div class="coin-safety-title">安心・安全への取り組み</div>

          <div class="coin-safety-grid">

            <div class="coin-safety-item">
              <div class="coin-safety-icon">
                <svg viewBox="0 0 48 48">
                  <path d="M24 5 39 11v11c0 10-6.5 17-15 21C15.5 39 9 32 9 22V11l15-6Z"></path>
                  <path d="m17 24 5 5 10-12"></path>
                </svg>
              </div>
              <div class="coin-safety-head">法令遵守</div>
              <div class="coin-safety-text">
                各種法令を遵守し、<br>
                健全なサービス運営に<br>
                努めています。
              </div>
            </div>

            <div class="coin-safety-item">
              <div class="coin-safety-icon">
                <svg viewBox="0 0 48 48">
                  <rect x="11" y="21" width="26" height="20" rx="3"></rect>
                  <path d="M16 21v-7a8 8 0 0 1 16 0v7"></path>
                  <path d="M24 29v5"></path>
                </svg>
              </div>
              <div class="coin-safety-head">セキュリティ対策</div>
              <div class="coin-safety-text">
                お客様の情報を<br>
                厳重に管理し、<br>
                安全に取り扱います。
              </div>
            </div>

            <div class="coin-safety-item">
              <div class="coin-safety-icon">
                <svg viewBox="0 0 48 48">
                  <circle cx="24" cy="18" r="9"></circle>
                  <path d="M14 41c2-8 18-8 20 0"></path>
                  <path d="M15 28 11 34"></path>
                  <path d="M33 28 37 34"></path>
                </svg>
              </div>
              <div class="coin-safety-head">日本語サポート</div>
              <div class="coin-safety-text">
                日本語でのサポートに<br>
                対応しており、<br>
                初めての方も安心です。
              </div>
            </div>

            <div class="coin-safety-item">
              <div class="coin-safety-icon">
                <svg viewBox="0 0 48 48">
                  <path d="M13 6h16l8 8v28H13z"></path>
                  <path d="M29 6v9h8"></path>
                  <path d="M18 24h14"></path>
                  <path d="M18 31h10"></path>
                  <circle cx="34" cy="34" r="6"></circle>
                  <path d="m31 34 2 2 4-5"></path>
                </svg>
              </div>
              <div class="coin-safety-head">透明性の確保</div>
              <div class="coin-safety-text">
                手数料やレートを<br>
                事前に提示し、<br>
                透明性を大切にしています。
              </div>
            </div>

          </div>
        </div>

        <div class="coin-company-secure">
          <span class="coin-company-secure-icon">▣</span>
          <span>お客様の資金と情報を安全に管理しています。</span>
        </div>

      </div>
    </section>

    <div class="bottom-space"></div>

  </div>

  <div class="bottom-cta">

    <a
      class="bottom-contact-btn"
      href="/43-2/"
      aria-label="問い合わせフォームへ"
    >
      <img src="https://coinmate.click/wp-content/uploads/2026/05/ts12.png" alt="問い合わせフォーム">
    </a>

    <a
      class="bottom-rate-btn"
      href="/rate/"
      aria-label="レート換算ページへ"
    >
      <img src="https://coinmate.click/wp-content/uploads/2026/05/ts14.png" alt="レート換算ページ">
    </a>

  </div>
</div>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const videos = document.querySelectorAll(".coin-lp-wp .scroll-video");

    if (!videos.length) return;

    const videoObserver = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        const video = entry.target;

        if (entry.isIntersecting) {
          if (!video.ended) {
            const playPromise = video.play();

            if (playPromise !== undefined) {
              playPromise.catch(function () {});
            }
          }
        } else {
          video.pause();
        }
      });
    }, {
      root: null,
      rootMargin: "-40% 0px -40% 0px",
      threshold: 0
    });

    videos.forEach(function (video) {
      video.removeAttribute("loop");
      videoObserver.observe(video);
    });
  });
</script>