@charset "UTF-8";
/* =====================================================
   LP改善用の追加スタイル（2026-10 作成）
   index.html の style.css の後に読み込む
   ===================================================== */

/* ===== 改善1（2026-10 追加）：入会ボタンまわりの説明 ===== */
.cta-note{font-size:13px;line-height:1.7;margin:10px auto 0;text-align:center;font-weight:500;color:#333;}
.cta-note--light{color:#fff;}
.rikutu .cta-note{margin:14px auto 24px;max-width:90%;}
.cta-btn-wrap{display:flex;flex-direction:column;align-items:center;}
.apply-help{background:#fff;border-radius:12px;width:90%;max-width:900px;box-sizing:border-box;margin:40px auto 0;padding:28px 32px;color:#222;}
.apply-help h3{font-size:1.3rem;font-weight:900;color:#00164f;text-align:center;margin-bottom:18px;}
.apply-help dt{font-weight:700;color:#00164f;margin-top:14px;padding-left:1.6em;text-indent:-1.6em;line-height:1.6;}
.apply-help dt::before{content:"Q. ";color:#ef5c35;}
.apply-help dd{margin:6px 0 0;padding-left:1.6em;font-size:14px;line-height:1.7;}
.apply-help a{color:#eb6e09;text-decoration:underline;}
@media screen and (max-width:767px){.apply-help{padding:22px 18px;margin-top:28px;}.apply-help dd{font-size:13px;}.cta-note{font-size:12px;}}
.table-sp .cta-note{font-size:12px;color:#333;margin-top:10px;}
.rikutu p.cta-note{font-size:13px;font-weight:500;line-height:1.7;}
@media screen and (min-width:768px){
    .cta-note br{display:none;}
    .fv-cta .cta-note br{display:inline;}
    .cta-btn-wrap{position:relative;}
    .cta-btn-wrap .cta-note{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;white-space:nowrap;font-size:12px;}
    .fv-cta .cta-note{position:absolute;top:100%;left:0;width:100%;margin:8px 0 0;color:#fff;font-size:13px;font-weight:500;line-height:1.6;text-align:center;white-space:normal;}
}
/* ===== 改善1 ここまで ===== */
/* ===== 改善2（2026-10 追加・同日見直し）：スマホの冒頭 =====
   元の冒頭（人物写真あり）を残し、料金表示（.fv-price）を追加する形に変更 */
#service{scroll-margin-top:10px;}
@media screen and (max-width:767px){
    .fv-cta .cta-note{color:#fff;font-size:12px;font-weight:500;line-height:1.7;margin-top:10px;}
}
/* ===== 改善2 ここまで ===== */
/* ===== 冒頭の料金表示（PC・スマホ共通） =====
   PC：.fv-wrap は幅2000pxの設計を縮小表示しているため、数値は2000px基準 */
.fv-price{position:absolute;top:22px;left:19%;z-index:3;display:flex;align-items:baseline;gap:20px;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.4);border-radius:999px;padding:8px 30px;color:#fff;font-size:22px;font-weight:700;line-height:1;white-space:nowrap;}
.fv-price strong{font-weight:700;}
.fv-price em{font-style:normal;font-size:32px;font-weight:900;color:#fd8e30;margin:0 3px;line-height:1;}
@media screen and (max-width:767px){
    .fv-price{position:relative;top:auto;left:auto;order:0;margin:16px auto 0;gap:10px;padding:7px 16px;font-size:13px;}
    .fv-price em{font-size:22px;}
    .fv-badge{top:205px;}
}
/* ===== 冒頭の料金表示 ここまで ===== */