<p class="text-lg text-gray-700 leading-relaxed mb-10">
    シルバーパイン・ブータンでは、お客様のプライバシーを尊重し、保護することを重視しています。本ポリシーでは、当社のウェブサイトをご利用いただいたり、ツアーをご予約いただいたりする際に、どのように個人情報を収集、使用、保管、保護しているかについて説明します。
  </p>

  <!-- Information We Collect -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">1</span>
      収集する情報
    </h2>

    <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">個人情報</h3>
    <p class="text-gray-700 mb-4">お問い合わせやツアーご予約の際、以下の情報を収集する場合があります。</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>お名前および連絡先情報（メールアドレス、電話番号）</li>
      <li>旅行のご希望および旅程に関するご要望</li>
      <li>パスポート情報（ブータンのビザ処理に必要）</li>
      <li>旅行日程およびご旅行人数</li>
      <li>お支払い情報（決済ゲートウェイを通じて安全に処理されます）</li>
      <li>特別なご要望（食事制限、医療上の配慮、バリアフリー対応など）</li>
    </ul>

    <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">技術情報</h3>
    <p class="text-gray-700 mb-4">以下の情報を自動的に収集します。</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>IPアドレスおよびブラウザの種類</li>
      <li>デバイス情報</li>
      <li>閲覧されたページとサイト滞在時間</li>
      <li>リファラサイト（訪問元サイト）</li>
    </ul>
  </div>

  <!-- How We Use Your Information -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">2</span>
      情報の利用目的
    </h2>

    <p class="text-gray-700 mb-4">収集した情報は以下の目的で使用します。</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li><strong>予約の処理</strong> - ツアー、ホテル、交通手段、ガイドの手配</li>
      <li><strong>お客様とのコミュニケーション</strong> - 予約確認、更新情報、旅行情報の送信</li>
      <li><strong>許可証の取得</strong> - ブータンのビザおよび旅行許可証の処理</li>
      <li><strong>サービスの改善</strong> - 利用状況を分析し、体験を向上させるため</li>
      <li><strong>お問い合わせへの対応</strong> - ご質問への回答や旅行に関するアドバイスの提供</li>
      <li><strong>マーケティング通信の送信</strong> - お客様の同意がある場合のみ（いつでも配信停止可能）</li>
    </ul>
  </div>

  <!-- Data Storage & Security -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">3</span>
      データの保管とセキュリティ
    </h2>

    <p class="text-gray-700 mb-4">
      お客様のデータは、業界標準の慣行に従って安全に保管されています。
    </p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li><strong>データベース:</strong> Supabase（暗号化、GDPR準拠のクラウドストレージ）</li>
      <li><strong>ホスティング:</strong> Netlify（HTTPS、SSL証明書、自動セキュリティ更新）</li>
      <li><strong>CDN:</strong> Cloudflare（DDoS保護、ファイアウォール、グローバルコンテンツ配信）</li>
      <li><strong>お支払い:</strong> 安全な決済ゲートウェイを通じて処理（カード情報は一切保存しません）</li>
    </ul>

    <div class="bg-amber-50 border-l-4 border-amber-500 p-4 mt-6 rounded-r-lg">
      <p class="text-gray-800 font-medium">
        お客様の個人情報を第三者に販売することは決してありません。お客様のデータは、旅行サービスの提供と体験の向上のみに使用されます。
      </p>
    </div>
  </div>

  <!-- Third-Party Services -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">4</span>
      第三者サービス
    </h2>

    <p class="text-gray-700 mb-4">ウェブサイトの運営には、信頼できる第三者サービスを使用しています。</p>

    <div class="overflow-hidden rounded-lg border border-gray-200">
      <table class="min-w-full divide-y divide-gray-200">
        <thead class="bg-gray-50">
          <tr>
            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">サービス</th>
            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">目的</th>
          </tr>
        </thead>
        <tbody class="bg-white divide-y divide-gray-200">
          <tr>
            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Netlify</td>
            <td class="px-6 py-4 text-sm text-gray-700">ウェブサイトのホスティングとセキュリティ</td>
          </tr>
          <tr>
            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Supabase</td>
            <td class="px-6 py-4 text-sm text-gray-700">データベースと認証</td>
          </tr>
          <tr>
            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Cloudflare</td>
            <td class="px-6 py-4 text-sm text-gray-700">CDNと画像ストレージ（R2）</td>
          </tr>
          <tr>
            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Google Analytics</td>
            <td class="px-6 py-4 text-sm text-gray-700">ウェブサイト分析（オプション）</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

  <!-- Your Rights -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">5</span>
      お客様の権利（GDPRおよびデータ保護）
    </h2>

    <p class="text-gray-700 mb-4">お客様には以下の権利があります。</p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li><strong>アクセス権</strong> - 個人データのコピーを要求する</li>
      <li><strong>訂正権</strong> - 不正確または不完全な情報を更新する</li>
      <li><strong>削除権</strong> - データの削除を要求する（法的要件による）</li>
      <li><strong>異議権</strong> - マーケティング通信を配信停止する</li>
      <li><strong>制限権</strong> - データの使用方法を制限する</li>
      <li><strong>データポータビリティ</strong> - 機械可読形式でデータを受け取る</li>
    </ul>

    <p class="text-gray-700 mt-6">
      これらの権利を行使するには、<a href="mailto:info@silverpinebhutan.com" class="text-amber-600 hover:text-amber-700 underline">info@silverpinebhutan.com</a>までご連絡ください。
    </p>
  </div>

  <!-- Cookies -->
  <div class="mb-12">

6 クッキーとトラッキング

    <p class="text-gray-700 mb-4">
      当社は、以下の目的でクッキーおよび同様の技術を使用しています：
    </p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>設定（言語、国籍）を記憶する</li>
      <li>ウェブサイトのトラフィックとユーザー行動を分析する</li>
      <li>ウェブサイトのパフォーマンスと機能を向上させる</li>
    </ul>

    <p class="text-gray-700 mt-4">
      ブラウザの設定でクッキーを無効にすることは可能ですが、ウェブサイトの機能に影響を及ぼす可能性があります。
    </p>
  </div>

  <!-- Data Retention -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">7</span>
      データの保存期間
    </h2>

    <p class="text-gray-700 mb-4">
      当社は、以下の目的で必要な期間、個人情報を保持します：
    </p>
    <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
      <li>サービスを提供し、予約を処理する</li>
      <li>法的義務（税務、会計、旅行規制）を遵守する</li>
      <li>紛争を解決し、規約を執行する</li>
    </ul>

    <p class="text-gray-700 mt-4">
      予約関連データは、通常7年間保持されます（ブータン観光規制で要求されているため）。マーケティングデータは、配信停止いただくまで保持されます。
    </p>
  </div>

  <!-- International Data Transfers -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">8</span>
      国境を越えたデータ移転
    </h2>

    <p class="text-gray-700">
      あなたのデータは、ブータン以外の国（例：クラウドホスティングサービスのための米国）に転送され、処理される場合があります。当社は、このプライバシーポリシーおよび適用法に従ってデータを保護するために、適切な安全策を講じています。
    </p>
  </div>

  <!-- Children's Privacy -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">9</span>
      子供のプライバシー
    </h2>

    <p class="text-gray-700">
      当社のサービスは18歳未満の方を対象としていません。当社は、子供から意図せず個人情報を収集することはありません。もしあなたが親または保護者であり、お子様が当社に個人情報を提供したと思われる場合は、直ちにご連絡ください。
    </p>
  </div>

  <!-- Changes to This Policy -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">10</span>
      ポリシーの変更
    </h2>

    <p class="text-gray-700">
      当社は、このプライバシーポリシーを随時更新する場合があります。重要な変更がある場合は、このページに新しいポリシーを掲載し、「最終更新」日を更新してお知らせします。定期的にこのポリシーをご確認いただくことをお勧めします。
    </p>
  </div>

  <!-- Contact -->
  <div class="mb-12">
    <h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-3">
      <span class="w-8 h-8 bg-amber-500 text-white rounded-full flex items-center justify-center text-sm flex-shrink-0">11</span>
      プライバシーに関するお問い合わせ
    </h2>

    <p class="text-gray-700 mb-4">
      このプライバシーポリシーまたはあなたの個人情報に関して、ご質問、懸念、またはリクエストがある場合は、お気軽にお問い合わせください：
    </p>

    <div class="bg-gray-50 rounded-lg p-6 mt-6">
      <div class="space-y-3">
        <p class="flex items-center gap-3">
          <svg class="w-5 h-5 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
          </svg>
          <a href="mailto:info@silverpinebhutan.com" class="text-amber-600 hover:text-amber-700 font-medium">info@silverpinebhutan.com</a>
        </p>
        <p class="flex items-center gap-3">
          <svg class="w-5 h-5 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
          </svg>
          <a href="tel:+9752322257" class="text-amber-600 hover:text-amber-700 font-medium">+975 2 322 257</a>
        </p>
        <p class="flex items-center gap-3 text-gray-700">
          <svg class="w-5 h-5 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
          </svg>
          <span>シルバーパイン・ブータン、ティンプー、ブータン</span>
        </p>
      </div>
    </div>
  </div>

</div>