/* ===================================
   症状ページ専用CSS（完全独立版）
   symptom.css
=================================== */

/* =========================
   HERO（症状ページ上部）
========================= */

.symptom-page .lumbago-hero{
    background: linear-gradient(135deg,#f5f7f6,#ffffff);
    padding:40px 30px;
    border-radius:12px;
    margin-bottom:30px;
}

.symptom-page .lumbago-label{
    display:inline-block;
    background:#2c7a4b;
    color:#fff;
    padding:5px 12px;
    border-radius:20px;
    font-size:12px;
    margin-bottom:10px;
}

.symptom-page h1{
    font-size:32px;
    line-height:1.4;
    margin-bottom:15px;
    color:#2c7a4b;
    font-weight:700;
}

.symptom-page .lumbago-lead{
    font-size:16px;
    line-height:1.9;
    color:#444;
}

/* =========================
   セクション共通BOX
========================= */

.symptom-page .cv-hero{
    margin:40px 0;
    padding:30px;
    background:#f9f9f9;
    border-radius:10px;
}

.symptom-page .cv-hero h2{
    font-size:26px;
    color:#2c7a4b;
    margin-bottom:15px;
}

/* =========================
   箇条書き
========================= */

.symptom-page ul{
    padding-left:20px;
}

.symptom-page ul li{
    margin-bottom:8px;
    line-height:1.8;
}

.symptom-page ul.disc{
    list-style:disc;
    padding:0 20px 20px 45px;
}

/* =========================
   施術の流れ番号
========================= */

.symptom-page .flow-number{
    font-weight:bold;
    color:#2c7a4b;
}

/* =========================
   CTA固定ボタン
========================= */

.symptom-page .fixed-reserve-wrap{
    position:fixed;
    left:50%;
    bottom:20px;
    transform:translateX(-50%);
    display:flex;
    gap:10px;
    z-index:999;
}

.symptom-page .fixed-reserve a{
    display:block;
    background:#e85c5c;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    padding:14px 22px;
    border-radius:30px;
    box-shadow:0 4px 10px rgba(0,0,0,0.25);
}

.symptom-page .fixed-reserve a:hover{
    background:#c94b4b;
}

.symptom-page .fixed-line a{
    display:flex;
    align-items:center;
    gap:6px;
    background:#06C755;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    padding:14px 18px;
    border-radius:30px;
}

.symptom-page .fixed-line img{
    width:20px;
    height:20px;
}

/* =========================
   スマホ最適化
========================= */

@media(max-width:768px){

    .symptom-page .lumbago-hero{
        padding:25px 18px;
    }

    .symptom-page h1{
        font-size:22px;
    }

    .symptom-page .lumbago-lead{
        font-size:14px;
    }

    .symptom-page .cv-hero{
        padding:20px;
        margin:25px 0;
    }

    .symptom-page .cv-hero h2{
        font-size:20px;
    }

    .symptom-page .fixed-reserve-wrap{
        bottom:10px;
        gap:8px;
    }

    .symptom-page .fixed-reserve a,
    .symptom-page .fixed-line a{
        font-size:13px;
        padding:12px 16px;
    }
}

/* 読みやすさ爆上げ */
.symptom-page p{
    line-height:1.9;
    margin-bottom:12px;
}

/* h2視認性強化 */
.symptom-page h2{
    border-left:6px solid #2c7a4b;
    padding-left:12px;
}

/* スマホ余白最適化 */
@media(max-width:768px){
    .symptom-page #main{
        padding-bottom:90px; /* 固定CTA被り防止 */
    }
}