/* ==========================================================================
   privacy.css
   プライバシーポリシーページ専用スタイル
   1. 共通スタイル
   2. レスポンシブ対応 (Mobile)
   ========================================================================== */

/* === 1. 共通スタイル === */
.text-content-section {
    margin-bottom: 0;
}

.text-content-section ul {
    list-style: none;
    padding-left: 20px;
}

.text-content-section ul li {
    position: relative;
    padding-left: 1.2em;
}

.text-content-section ul li::before {
    content: '';
    position: absolute;
    top: 0.6em;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: var(--color-main);
    border-radius: 50%;
}

.privacy-revision-date {
    text-align: right;
}

/* === 2. レスポンシブ対応 (Mobile) === */
@media (max-width: 767px) {
    /* 見出しの調整 */
    .text-content-section h3 {
        font-size: 1.2rem;
        margin-top: 30px;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    /* 本文の調整 */
    .text-content-section p {
        font-size: 0.85rem;
        line-height: 1.8;
        margin-bottom: 20px;
        text-align: left;
    }

    /* リストの調整 */
    .text-content-section ul,
    .text-content-section ol {
        margin-bottom: 20px;
    }

    .text-content-section li {
        font-size: 0.85rem;
        line-height: 1.6;
        margin-bottom: 8px;
    }
}