@extends('layouts.app')

@section('content')
    <div class="container my-5 py-5">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <header class="mb-5">
                    <h1 class="h2 fw-bold">Cookie Policy (クッキーポリシー)</h1>
                </header>

                <div class="bg-white p-4 p-md-5 rounded shadow-sm lh-lg">
                    <p>当サイトでは、ユーザーの利便性向上およびサイトの改善のためにクッキー（Cookie）を使用しています。</p>

                    <h3 class="h5 fw-bold mt-4">1. クッキーとは</h3>
                    <p>クッキーとは、ウェブサイトを閲覧した際にブラウザに保存される小さなテキストファイルのことです。これにより、再訪問時にユーザーを識別することができますが、個人を特定する情報は含まれません。</p>

                    <h3 class="h5 fw-bold mt-4">2. クッキーの利用目的</h3>
                    <p>当サイトでは、以下の目的でクッキーを利用しています。</p>
                    <ul class="mb-4">
                        <li><strong>必須クッキー:</strong> サイトの基本的な動作（ナビゲーション、セッション管理など）に必要不可欠なものです。</li>
                        <li><strong>解析用クッキー:</strong> アクセス解析ツール（Google Analyticsなど）を使用して、サイトの利用状況を把握し、サービスを改善するために利用します。
                        </li>
                    </ul>

                    <h3 class="h5 fw-bold mt-4">3. クッキーの無効化</h3>
                    <p>ユーザーはブラウザの設定により、クッキーの受取りを拒否することができます。また、当サイトで提供する設定パネルからも、必須以外のクッキーについて承諾を選択することが可能です。</p>

                    <div class="mt-5 pt-4 text-muted small border-top">
                        制定日：{{ date('Y年m月d日') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection