/* info_pages_privacy.css : プライバシーポリシー ＆ 商品使用上のご注意（共通） */

/* -----------------------------
   PC表示：最大幅1200pxで中央寄せ＋左右30pxの余白
----------------------------- */
@media screen and (min-width: 1025px) {
    .policy-notice .ec-off1Grid,
    .policy-notice .ec-pageHeader {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }
}

/* -----------------------------
   タブレット表示：左右に30pxの余白
----------------------------- */
@media screen and (max-width: 1024px) {
    .policy-notice .ec-off1Grid,
    .policy-notice .ec-pageHeader {
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }
}

/* -----------------------------
   セクションの区切り線 & 余白
----------------------------- */
.policy-notice .ec-section {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* -----------------------------
   見出し（各項目タイトル）
----------------------------- */
.policy-notice .ec-off1Grid__cell .ec-heading-bold {
    font-weight: 700;   /* 太字 */
    margin-bottom: 10px;
    color: #000;
}

/* -----------------------------
   段落・テキスト
----------------------------- */
.policy-notice .ec-off1Grid__cell p {
    line-height: 1.9;
    margin: 0 0 10px 0;
}

/* 余計な div の余白リセット */
.policy-notice .ec-off1Grid__cell div {
    margin: 0;
    padding: 0;
}

/* 箇条書きの余白と行間 */
.policy-notice .ec-off1Grid__cell ol,
.policy-notice .ec-off1Grid__cell ul {
    margin: 10px 0 10px 20px;
    padding: 0;
    line-height: 1.9;
}

/* -----------------------------
   スマホ対応
----------------------------- */
@media (max-width: 767px) {
    /* 各セクションの左右マージン */
    .policy-notice .ec-section {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /* 見出し（スマホで少し余白を縮小） */
    .policy-notice .ec-off1Grid__cell .ec-heading-bold {
        margin-bottom: 8px;
    }

    /* h1 は customize.css に依存 → margin のみ調整 */
    .policy-notice .ec-pageHeader h1 {
        margin-left: 30px;
        margin-right: 30px;
    }
}