/* ============================================
   小児科ページ 専用CSS（.subject-lp--ped）
   --------------------------------------------
   subject.css（共通base）の「後」に header.php が自動読込。
   対象URL：/subjects/ped/（SEO版）および /subjects/lp/ped/（広告LP・作成時）
   ※ このファイルは assets/css/subjects/ 配下のため、画像参照は ../../img/... 基準
     （base の subject.css は assets/css/ 直下なので ../img/... 基準。1階層ぶん深い点に注意）

   方針：
   - 共通の見た目は subject.css（触らない）。小児科だけの微調整をここに書く。
   - すべて .subject-lp--ped 配下に書く（他科目に影響させない）。
   - 内科（internal）ベースをそのまま表示 → 崩れた箇所だけ下記で調整。
   ============================================ */


/* ============================================
   ★ FV（ファーストビュー）
   ============================================ */

/* --------------------------------------------
   FVの女性画像（差し替え時の位置・サイズ調整）
   - ped/fv_woman.webp に差し替え。縦横比・立ち位置が変わるので SP/PC両方で要確認。
   - まずは内科と同じ初期値。表示確認後に微調整。
   -------------------------------------------- */

.subject-lp--ped .fv-fg-woman {
  left: -8%;
  bottom: -8%;
  width: 74%;
}

.subject-lp--ped .fv-pc-fg-woman {
  left: -2px;
  bottom: -22px;
  width: 260px;
}
@media (min-width: 480px) {
    .subject-lp--ped .fv-fg-woman {
        left: -10%;
        bottom: -8%;
        width: 76%;
        max-width: 450px;
    }
}
/*
 --------------------------------------------
   症状サークル：3番目の丸（アレルギー）は文字数が多いので少し縮小
   - SP用（.fv-symptom-label）／ PC用（.fv-pc-symptom-label）両方を対象
   - :nth-child(2) が「アレルギー」（風邪 / アレルギー / 皮膚 の2番目）
   -------------------------------------------- */
.subject-lp--ped .fv-symptoms .fv-symptom:nth-child(2) .fv-symptom-label {
  font-size: 13px;
  letter-spacing: 0;
}
@media (min-width: 480px) {
  .subject-lp--ped .fv-pc-symptoms .fv-pc-symptom:nth-child(2) .fv-pc-symptom-label {
    font-size: 14px;
    letter-spacing: 0.4px;
  }
}


/* ============================================
   ★ POINT（選ばれる理由）— 小児科は5枚
   - 奇数個のときに最後の1枚を中央寄せする挙動は共通base（subject.css の
     .point-list に justify-content: center）で対応済みのため、ここでの指定は不要。
   ============================================ */


/* ============================================
   ★ PRICE（料金例）
   - 「料金例（お子様の医療証適用の場合）」の補足を小さく折り返し表示。
   ============================================ */
.subject-lp--ped .price-example-title-note {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .subject-lp--ped .price-example-title-note {
    display: block;
    margin-left: 0;
    margin-top: 2px;
  }
}


/* ============================================
   ★ その他セクションの微調整
   - 必要になったら .subject-lp--ped 配下に追記していく。
   ============================================ */