/* ==========================================
   規約・プライバシー共通設定 (terms.css)
   ========================================== */

/* カード型コンテナ */
.terms-card {
    background-color: var(--bg-card);
    border: 1px solid var(--border-dark);
    border-radius: 8px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

    /* 大見出し */
    .terms-card h1 {
        font-weight: bold;
        border-bottom: 2px solid var(--accent-red);
        padding-bottom: 15px;
        margin-bottom: 40px;
        font-size: 1.8rem;
    }

    /* 中見出し */
    .terms-card h2 {
        font-size: 1.2rem;
        font-weight: bold;
        color: var(--accent-red);
        margin-top: 40px;
        margin-bottom: 15px;
        border-left: 4px solid var(--accent-red);
        padding-left: 15px;
    }

    /* 本文テキスト */
    .terms-card p,
    .terms-card li {
        color: #ccc;
        font-size: 0.95rem;
    }

    .terms-card ul {
        padding-left: 1.2rem;
        margin-bottom: 1rem;
    }

/* 特定商取引法などのテーブル (terms用) */
.spec-table th {
    width: 30%;
    color: #888;
    font-weight: normal;
    border-bottom: 1px solid var(--border-dark);
    vertical-align: middle;
}

.spec-table td {
    border-bottom: 1px solid var(--border-dark);
    padding: 12px 8px;
    color: #eee;
}

/* 重要ノート (返金不可などの強調) */
.important-note {
    border: 1px solid var(--accent-red);
    padding: 15px;
    border-radius: 4px;
    margin: 20px 0;
    background: rgba(220, 53, 69, 0.05);
}

/* Googleフォームの色を反転させてダークモード風にする */
/* 2. Googleフォームの埋め込みエリアを濃く馴染ませる */
.contact-form-wrapper {
    overflow: hidden;
    margin-top: 2rem;
}

    /* 3. Googleフォーム自体の色を反転してダークモード化する */
    .contact-form-wrapper iframe {
        width: 100% !important;
        display: block;
        /* 色反転(invert) + 色相調整(hue-rotate) + 明るさ調整(brightness) */
        filter: invert(86%) hue-rotate(180deg) brightness(1.2);
    }