/* ==================== 汎用固定ページ（プラポリ/利用規約等）｜page.php 専用 ====================
   single-column を転用（サイドバー無し・サムネ無し）。body背景と本文タイポは single-column に準拠。 */

/* #main のヘッダー分オフセットは common.css に一元化（実ヘッダー高 --header-h 使用）。ここでは指定しない。 */
/* body背景（single-column の bg-column と同色。page.css は当ページでのみ読み込むため body 直指定で競合なし） */
body {
    background-color: #f0f4f5;
}

/* コンテンツ枠（single-column の .column-content からサイドバー用の幅計算を外し全幅化） */
.page_plain {
    margin-top: 40px;
    padding: 60px;
    background-color: #fff;
    border-radius: 10px;
}

/* ページタイトル（.page_plain の外・英語タイトル併記／中央揃え） */
.page_title_wrap {
    text-align: center;
    margin: 50px 0 40px;
}
.page_title_en {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0.06em;
    color: var(--color-orange);
}
.page_title {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 12px;
}

/* --- 以下、single-column（single.css）の本文タイポを転用 --- */
.single_body {
    margin-top: 40px;
}
.single_body h2 {
    font-size: 2rem;
    font-weight: 700;
    background-color: #eff2f3;
    padding: 20px;
    border-radius: 6px;
    margin: 50px 0 30px;
}
/* 見出しスケール（h2=2rem を基準に h1 は上位、h3〜h5 は下位。本文内 h1 が複数出るケースにも対応） */
.single_body h1 {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    margin: 60px 0 30px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--color-orange);
}
.single_body h3 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    margin: 40px 0 18px;
}
.single_body h4 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6;
    margin: 30px 0 14px;
}
.single_body h5 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6;
    margin: 24px 0 12px;
}
.single_body p.wp-block-paragraph {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;
    margin: 20px 0;
}
.single_body ul.wp-block-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 10px;
}
.single_body ul.wp-block-list li {
    position: relative;
    padding-left: 20px;
}
.single_body ul.wp-block-list li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--color-orange);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

@media screen and (max-width:640px) {
    .page_plain {
        margin-top: 20px;
        padding: 25px;
    }
    .page_title_wrap {
        margin: 30px 0 24px;
    }
    .page_title_en {
        font-size: 1.3rem;
    }
    .page_title {
        font-size: 2.4rem;
    }
    .single_body {
        margin-top: 25px;
    }
    .single_body h2 {
        font-size: 1.8rem;
        margin: 30px 0 20px;
        padding: 16px;
    }
    .single_body h1 {
        font-size: 2.1rem;
        margin: 40px 0 20px;
    }
    .single_body h3 {
        font-size: 1.6rem;
        margin: 30px 0 14px;
    }
    .single_body h4 {
        font-size: 1.45rem;
        margin: 24px 0 12px;
    }
    .single_body h5 {
        font-size: 1.3rem;
        margin: 20px 0 10px;
    }
}

/* ==================== サンクスページ（page-thanks.php／スラッグ thanks）｜CF7送信後の遷移先 ==================== */
/* FV（up_fv_contact）は up.css 側。ここは FV 下のメッセージ部のみ。 */
.thanks_section {
    margin-top: 30px;
}
.thanks_inner {
    max-width: 720px;
    margin: 0 auto;
    padding: clamp(36px, 6vw, 72px) clamp(20px, 5vw, 60px);
    background: #fff;
    border-radius: 12px;
    text-align: center;
}
.thanks_title {
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 28px;
}
.thanks_text {
    font-size: 1.6rem;
    line-height: 2;
    color: #333;
    margin-bottom: 40px;
}
.thanks_text p + p {
    margin-top: 1.6em;
}
.thanks_text .thanks_contact_dept {
    margin-top: 0;
}
.thanks_note {
    font-size: 1.3rem;
    color: #777;
}
.thanks_contact {
    margin-top: 2.4em;
    padding: 24px 20px;
    background: #f0f4f5;
    border-radius: 8px;
}
.thanks_contact_head {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0.2em;
}
.thanks_contact_dept a {
    color: var(--color-orange);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.thanks_contact_dept a:hover {
    opacity: 0.8;
}
.thanks_download {
    margin: 2em 0 1.4em;
}
.thanks_download_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 300px;
    padding: 18px 44px;
    background: var(--color-orange);
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: 999px;
    transition: opacity 0.25s ease;
}
.thanks_download_btn:hover {
    opacity: 0.85;
}
@media (max-width: 640px) {
    .thanks_download_btn {
        width: 100%;
        min-width: 0;
    }
}
.thanks_home_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    padding: 16px 40px;
    background: var(--color-orange);
    color: #fff;
    font-weight: 700;
    border-radius: 999px;
    transition: opacity 0.25s ease;
}
.thanks_home_btn:hover {
    opacity: 0.85;
}
@media (max-width: 640px) {
    .thanks_home_btn {
        width: 100%;
        min-width: 0;
    }
}