/* ============================================
   婦人科ページ 専用CSS（.subject-lp--gynecology）
   --------------------------------------------
   subject.css（共通base）の「後」に header.php が自動読込。
   対象URL：/subjects/gynecology/（SEO版）および /subjects/lp/gynecology/（広告LP・作成時）
   ※ このファイルは assets/css/subjects/ 配下のため、画像参照は ../../img/... 基準

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

   調整が必要な理由：
   1) FVの女性画像を婦人科専用に差し替える予定（縦横比・立ち位置が変わる）
   2) 症状サークルのラベルが「風邪/発熱/腹痛」（2文字）→「生理痛/生理不順/更年期」（最大4文字）
   3) 症状グリッド下の注記が長い（自費との線引きを明記しているため）
   ※ メインキャッチは「婦人科のオンライン診療」で内科と同じ文字数のため、
     消化器内科と違って .fv-title の調整は不要（baseのままで1行に収まる）
   ============================================ */



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

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


/* ============================================
   ★ FV：女性画像（差し替え時の位置・サイズ調整）
   --------------------------------------------
   婦人科専用 fv_woman.webp（gynecology/ 配下）に差し替え済み。
   縦横比・立ち位置が内科と変わるため、下記の値は実機（SP・PC両方）で要確認・微調整。
   （下記は内科と同じ初期値。ズレる場合はここを詰める）

   base（subject.css）の値：
     SP        .fv-fg-woman    { left: -1%;   bottom: -18%;   width: 74%; max-width: 340px; }
     SP 480px〜 .fv-fg-woman    { left: -1%;   bottom: -14%;   width: 72%; max-width: 450px; }
     PC        .fv-pc-fg-woman { left: -10px; bottom: -134px; width: 340px; }
   ※SP・PCで別々に効くので、必ず両方の表示を確認すること。
   ============================================ */

.subject-lp--gynecology .fv-fg-woman {
  left: -9%;
  bottom: -18%;
  width: 74%;
  max-width: 340px;
}

@media (min-width: 480px) {
  .subject-lp--gynecology .fv-fg-woman {
    left: -4%;
    bottom: -14%;
    width: 72%;
    max-width: 450px;
  }
}

.subject-lp--gynecology .fv-pc-fg-woman {
  left: 0;
  bottom: -158px;
  width: 330px;
}


/* ============================================
   ★ SYMPTOMS：グリッド下の注記
   --------------------------------------------
   婦人科は「保険診療のみ／避妊目的のピル・アフターピルは扱わない」という
   線引きを注記で明示しているため、内科より文章が長い。
   読み飛ばされないよう、行間を確保し、重要語だけ色を付ける。
   ============================================ */

.subject-lp--gynecology .symptoms-note {
  line-height: 1.9;
  text-align: left;
}
@media (min-width: 768px) {
.subject-lp--gynecology .symptoms-note {
  text-align: center;
  }
}
/* 「保険診療」「治療」を強調（.symptoms-note-accent は婦人科のみで使用） */
.subject-lp--gynecology .symptoms-note-accent {
  font-weight: 700;
  color: var(--c-cta);
}


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