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

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


/* ============================================
   ★ FV（ファーストビュー）症状サークル
   - 漢方は共通アイコンではなく kampo/symptom-img-*.svg（イラスト）を使用。
   - これらは非正方形（冷え 58×47 / 生理痛 50×57 / 更年期 49×48）なので、
     共通base の width:38px; height:38px（正方形固定）のままだと歪む。
   - 高さを揃えて width:auto にし、元の縦横比を保ったまま横一列で高さを統一する。
   ============================================ */
.subject-lp .fv-symptom {
    width: 80px;
    height: 80px;
}
@media (min-width: 480px) {
.subject-lp .fv-symptom {
    width: 90px;
    height: 90px;
}
}

   .subject-lp--kampo .fv-symptom-icon {
  width: auto;
  height: 44px;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .subject-lp--kampo .fv-symptom-icon {
    width: auto;
    height: 50px;
  }
}
.subject-lp--kampo .fv-pc-symptom-icon {
  width: auto;
  height: 48px;
  margin-bottom: 0;
}


/* ============================================
   ★ FV（ファーストビュー）女性画像
   - kampo/fv_woman.webp に差し替え。差し替えで縦横比・立ち位置が変わるため、
     まずは共通base（internal）と同じ初期値を置いている。
   - 実機で確認し、はみ出し・沈み込み・余白を SP/PC 両方で微調整すること。
   -------------------------------------------- */
/* SP（〜767px） */
.subject-lp--kampo .fv-fg-woman {
  left: -15%;
  bottom: -15%;
  width: 75%;
  max-width: 340px;
}
@media (min-width: 480px) {
  .subject-lp--kampo .fv-fg-woman {
    left: -14%;
    bottom: -10%;
    width: 73%;
    max-width: 450px;
  }
}

/* PC（768px〜） */
.subject-lp--kampo .fv-pc-fg-woman {
  left: -7px;
  bottom: -100px;
  width: 320px;
}


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