九州デンタルショー2026

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <style>
    * { box-sizing: border-box; }
    body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color: #222; }

    .container { max-width: 1200px; margin: 0 auto; padding: 16px; }

    section { margin-bottom: 32px; }

    .example img { width: 100%; height: auto; display: block; }

    .row-2 { display: flex; gap: 16px; flex-wrap: wrap; align-items: flex-start; }
    .col { flex: 1 1 48%; max-width: 48%; }
    @media (max-width: 640px) { .col { flex: 1 1 100%; max-width: 100%; } }

    /* ボタン行：右寄せ、左右に20pxの余白を確保 */
    .btn-row {
      display: flex;
      justify-content: flex-end;
      gap: 288px;           /* ボタン間の間隔 */
      padding: 0 168px;     /* 左右それぞれ20pxの余白 */
      margin-top: 16px;
    }

    .btn {
      display: inline-block;
      background: #845a38;
      color: #fff;
      padding: 8px 32px;
      border-radius: 6px;
      text-decoration: none;
      font-size: 12px;
      white-space: nowrap;
    }
    .btn:hover { background: #ece7e2; color: #845a38; }

    @media (max-width: 640px) {
      .btn-row { justify-content: center; gap: 16px; padding: 0 12px; flex-wrap: wrap; }
      .btn { padding: 8px 20px; }
    }

    /* 保険：contact セクションが fixed などになっていないように */
    #contact { position: static !important; top: auto !important; left: auto !important; }
  </style>
</head>
<body>
  <main class="container">

    <!-- NOTE: トップページはここから -->
    <section id="top">
      <div class="example">
      <img src="../upload/images/8ec1b3f2830186354b97e4dcf22749635e7ec22c.png" alt="九州デンタルショー出展！の画像">
      </div>
    </section>

    <!-- NOTE: プレステージシリーズはここから -->
    <section id="prestige">
      <div class="example">
      <img src="../upload/images/f638f611893133480170c65e695cf0ae59583305.png" alt="プレステージシリーズの画像">
      </div>
    </section>

    <!-- NOTE: ベースページはここから -->
    <section id="base">
      <div class="example">
      <img src="../upload/images/502384fae5429386dd36db380f73e909f37b655e.png " alt="ベースページの画像">
      </div>
    </section>

    <!-- NOTE: 横に列画像（2列） -->
    <section id="features">
      <div class="row-2">
        <div class="col">
          <div class="example">
          <img src="../upload/images/a84387f39a3f87965e8952560dfacb94725b2e1b.png" alt="OSADA PULSの画像">
          </div>
        </div>
        <div class="col">
          <div class="example">
          <img src="../upload/images/b49a3dba7ca6b9f402337e79a924aa1e8119177d.png" alt="こだわりぬいた機能の画像">
          </div>
        </div>
      </div>

      <div class="btn-row">
        <a class="btn" href="https://youtu.be/5t83hjeFZeM?si=MvU_kOVxo1Ujf4XO">OSADA PLUS詳細はこちら</a>
        <a class="btn" href="https://youtu.be/Wf0d8UskCCc">誕生秘話はこちら</a>
      </div>

      <div class="btn-row">
      <a class="btn" href="products/unit/smily_base.html">商品詳細はこちら</a>
      </div>
    </section>

    </section>

    <!-- NOTE: グレアページはここから -->
    <section id="glaire">
      <div class="example">
      <img src="../upload/images/a1efc62a9cde568b49a4666498a42809a211657e.png" alt="グレアページの画像">

      </div>
    <!-- NOTE: 横に列画像（2列） -->
    <section id="features">
      <div class="row-2">
        <div class="col">
          <div class="example">
          <img src="../upload/images/7856334861db62bb2db29b7e4b1c8ec3cedc9783.png" alt="S字カーブの画像">
          </div>
        </div>
        <div class="col">
          <div class="example">
          <img src="../upload/images/6de918829b1304d934f9f38bd64c180c17feabfc.png " alt="フロートタイプの画像">
          </div>
        </div>
      </div>

      <div class="btn-row">
      <a class="btn" href="/products/unit/uniauto_grare.html">商品詳細はこちら</a>
      </div>
    </section>

    <!-- NOTE: 問い合わせページはここから -->
    <section id="glaire">
      <div class="example">
      <img src="../upload/images/c4911af8c9a80b8bdea13412af24fa232b713b32.png" alt="問い合わせの画像">
      </div>

      <div class="btn-row">
      <a class="btn" href="/contact/index.html">お問い合わせはこちら</a>
      </div>
    </section>
  </main>
</body>
</html>

開催案内