/* ============================================
   全科目共通 広告LP（ヤックスドラッグ用）専用CSS（/subjects-lp/yacs/）
   --------------------------------------------
   common/css/common.css（＝テーマの subject.css 共通base）の「後」に読み込む。
   このLP固有の上書きだけをここに書く（他ページ・他科目には影響しない）。
   ※CTAは内科SEO版LP（/subjects/internal/）同様の WEB予約ボタン + LINE構成。
     ボタン本体のスタイルは common.css をそのまま利用するため、
     ここにはCTA用の指定は持たない（内容レイアウトの調整のみ）。
   ※画像参照が必要な場合は ./img/ を基準にする（このファイルは yacs/css/ 配下）。
   ============================================ */

/* --------------------------------------------
   FV：メインタイトル「SOKUYAKUオンライン診療」

   元の「内科のオンライン診療」（全角10文字）より横幅が広い。
   .fv-title は white-space:nowrap のため、SPでは
   32px のままだと画面幅を超えて横スクロールが発生する。
     例）375px幅・32px … 必要幅 約384px / 使える幅 343px
   そこで viewport 連動の clamp() にして、狭い端末では自動で縮む
   ようにする（480px以上では従来どおり最大32px相当で頭打ち）。
   ※PC版（.fv-pc-title / 40px・コンテナ960px）は
     必要幅 約480px で収まるため調整不要。
   -------------------------------------------- */
.subject-lp--all .fv-title {
  font-size: clamp(22px, 7.2vw, 32px);
}

@media (min-width: 480px) {
  .subject-lp--all .fv-title {
    font-size: 32px;
  }
}
.subject-lp--all .fv-pc-title {
  font-size: 36px;
  letter-spacing: 1.6px;
}
.subject-lp--all .fv-pc-subtitle {
    top: 178px;
}

/* --------------------------------------------
   FV：症状サークルのラベル
   「花粉症」は3文字で他（風邪・皮膚＝2文字）より長いため、
   円からはみ出したり折り返したりしないよう保険をかける。
   -------------------------------------------- */
.subject-lp .fv-symptom-label,
.subject-lp .fv-pc-symptom-label {
  white-space: nowrap;
}

.subject-lp .fv-symptoms .fv-symptom:nth-child(2) .fv-symptom-label {
  font-size: 14px;
}

@media (min-width: 480px) {
  .subject-lp .fv-symptoms .fv-symptom:nth-child(2) .fv-symptom-label {
    font-size: 16px;
    letter-spacing: 0.64px;
  }
  .subject-lp .fv-pc-symptoms .fv-pc-symptom:nth-child(2) .fv-pc-symptom-label {
    font-size: 16px;
    letter-spacing: 0.64px;
  }
}


/* --------------------------------------------
   SYMPTOMS / PRESCRIPTION：セクションタイトル
   全科目共通版はタイトルが2行構成（〜で／対応可能な症状 等）のため、
   1行目（.〜-title-s）を少し小さめに調整。
   -------------------------------------------- */
.subject-lp--all .symptoms-title-s {
  font-size: 24px;
}
.subject-lp--all .prescription-title-s {
  font-size: 24px;
}

@media (min-width: 768px) {
  .subject-lp--all .symptoms-title-s {
    font-size: 26px;
  }
  .subject-lp--all .prescription-title-s {
    font-size: 26px;
  }
}


.subject-lp .review-subtitle {
    font-size: 20px;
    line-height: 1.4;
}