/* 全体のスタイル */
body,html {
    font-family: 'ヒラギノ角ゴ ProN', 'Zen Kaku Gothic New', sans-serif;
    margin: 0;
    background-color: #f8f8f8;
    overflow-x: hidden; /* 横スクロールを防ぐ */
    width: 100%;
    height: auto; /* 高さをコンテンツに合わせる */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* プライバシーポリシーセクションのレイアウトを調整 */
.container {
    max-width: 800px;
    /* 最大幅を800pxに設定 */
    margin: 50px auto;
    /* 上下に余白を取り中央揃え */
    padding: 30px;
}

/* セクションタイトルのスタイル */
.section-title {
    font-size: 1.5rem;
    color: #4BC314;
    margin: 30px 0 15px;
    font-weight: 300;
    /* 軽めのウェイト */
}

/* 通常の段落スタイル */
p {
    line-height: 1.6;
    margin: 10px 0;
    color: #333;
}

/* リストのスタイル */
.bullet-list {
    margin: 0 0 20px 40px; /* 左に十分なインデントを追加 */
    padding: 0; /* パディングを削除 */
    list-style-type: disc; /* デフォルトのディスク（黒丸）スタイルを設定 */
    list-style-position: outside; /* 黒丸をリスト項目の外側に設定 */
}

/* 各リストアイテムのスタイル */
.bullet-list li {
    margin-bottom: 10px; /* リストアイテム間の余白を設定 */
    list-style-type: disc; /* リストアイテムのスタイルを明示的に設定 */
    list-style-position: outside; /* 黒丸をリスト項目の外側に設定 */
}



/* 会社情報スタイル */
.company-info {
    text-align: right;
    margin-top: 40px;
    color: #666;
}


@media screen and (max-width: 768px) {
    .footer-container {
        flex-direction: column; /* コンテナ内の要素を縦並びに */
        align-items: center; /* 要素を中央に配置 */
    }

    .footer-logo {
        margin-bottom: 1rem; /* 画像の下に余白を追加 */
    }

    .footer-links {
        display: none;
    }

    .footer-links li {
        margin: 0.5rem 0; /* 各リンク間に余白を設定 */
    }

    .footer-links ul {
        display: none;
    }
}