@charset "utf-8";
/**
 * legal.css - 規約・方針など長文テキストページ用
 * 対象: 個人情報保護方針（privacy-policy）等、page.php の .entry-content
 */

.p-legal .entry-content {
    font-size: var(--fs-17);
    line-height: 2;
    color: var(--color-text, #333);
}

/* 長文は1行が長くなりすぎるため、広い画面ほど左右の余白を広げて行長を抑える。
   カード幅1400pxは他ページに合わせたまま、本文は1行55字程度に収まる。 */
.p-legal .p-page-body {
    padding: clamp(36px, 4vw, 56px) clamp(40px, 15vw, 240px);
}

/* タブレット以下は可変余白だと本文が細くなりすぎるため固定値にする */
@media screen and (max-width: 1023px) {
    .p-legal .p-page-body {
        padding: 40px;
    }
}

.p-legal .entry-content > *:first-child {
    margin-top: 0;
}

/* リード文 */
.p-legal .entry-content > p:first-of-type {
    padding: 20px 24px;
    background: var(--color-primary-light, #F7F3E9);
    border-radius: 8px;
    margin-bottom: 40px;
}

/* 大見出し */
.p-legal .entry-content h2 {
    font-family: var(--font-heading, sans-serif);
    font-size: var(--fs-22);
    font-weight: 700;
    color: var(--color-primary, #00552e);
    margin: 56px 0 20px;
    padding: 0 0 12px 16px;
    border-bottom: 1px solid rgba(0, 85, 46, .18);
    border-left: 4px solid var(--color-primary, #00552e);
    line-height: 1.5;
}

/* 中見出し */
.p-legal .entry-content h3 {
    font-family: var(--font-heading, sans-serif);
    font-size: var(--fs-18);
    font-weight: 700;
    color: var(--color-primary, #00552e);
    margin: 36px 0 14px;
    line-height: 1.6;
}

.p-legal .entry-content p {
    margin: 0 0 1.4em;
}

/* リスト */
.p-legal .entry-content ul,
.p-legal .entry-content ol {
    margin: 0 0 1.6em;
    padding-left: 1.4em;
}

.p-legal .entry-content ul { list-style: none; padding-left: 0; }

.p-legal .entry-content ul > li {
    position: relative;
    padding-left: 1.4em;
    margin-bottom: .7em;
}

.p-legal .entry-content ul > li::before {
    content: "";
    position: absolute;
    top: .85em;
    left: .2em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary, #00552e);
}

.p-legal .entry-content ol > li {
    margin-bottom: .7em;
    padding-left: .3em;
}

.p-legal .entry-content strong {
    font-weight: 700;
    color: var(--color-primary, #00552e);
}

.p-legal .entry-content hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .12);
    margin: 48px 0 28px;
}

/* 制定日・署名 */
.p-legal .entry-content hr + p {
    text-align: right;
    font-size: var(--fs-15);
    color: #666;
    line-height: 1.9;
}

@media screen and (max-width: 767px) {
    .p-legal .p-page-body {
        padding: 28px 20px;
        border-radius: 8px;
    }
    .p-legal .entry-content {
        font-size: var(--fs-16);
        line-height: 1.9;
    }
    .p-legal .entry-content h2 {
        font-size: var(--fs-18);
        margin: 40px 0 16px;
        padding-left: 12px;
    }
    .p-legal .entry-content h3 { font-size: var(--fs-16); }
    .p-legal .entry-content > p:first-of-type { padding: 16px; }
}