/* 下層ページの最初の画面（新しい型）。本院 /online/ の p-template__top に寸法をそろえる。.lp-hero.is-v2 のページだけに効く */
.lp-hero.is-v2 h1 { font-size: clamp(24px, 6.6vw, 40px); line-height: 1.29; }
.lp-hero.is-v2 .lp-hero-image.is-sp { width: 82%; margin-inline: auto; }
.lp-hero.is-v2 .lp-hero-list { gap: clamp(8px, 2.36vw, 19px); margin-top: clamp(4px, 1vw, 8px); }
.lp-hero.is-v2 .lp-hero-item { gap: 2px; font-size: clamp(11.5px, 3.07vw, 22.7px); line-height: 1.5; }
.lp-hero.is-v2 .lp-hero-item img { width: clamp(22px, 6.1vw, 46px); height: clamp(22px, 6.1vw, 46px); }
.lp-hero.is-v2 .lp-hero-item .em { font-size: 1.33em; line-height: 1.2; }
@media (min-width: 768px) {
  .lp-hero.is-v2 { align-items: center; }
  .lp-hero.is-v2 h1.h1-long { font-size: clamp(28px, 3.7vw, 52px); line-height: 1.39; }
  .lp-hero.is-v2 .lp-hero-image.is-pc { flex: 0 1 40%; max-width: 480px; }
  .lp-hero.is-v2 .lp-hero-list { gap: clamp(12px, 1.48vw, 19px); margin-top: clamp(32px, 4.2vw, 53px); }
  .lp-hero.is-v2 .lp-hero-item { font-size: clamp(14px, 1.78vw, 22.7px); }
  .lp-hero.is-v2 .lp-hero-item img { width: clamp(30px, 3.6vw, 46px); height: clamp(30px, 3.6vw, 46px); }
  .lp-hero.is-v2 .lp-hero-item .em { font-size: 1.33em; }
}
/* スマホ：うちの丸は本院より大きい（375pxで約109px）ので、文字とアイコンを丸の大きさに対する本院の比率（アイコン26%・文字13%）に合わせる */
@media (max-width: 767px) {
  .lp-hero.is-v2 .lp-hero-item { gap: 3px; font-size: clamp(12px, 3.8vw, 16px); line-height: 1.4; }
  .lp-hero.is-v2 .lp-hero-item img { width: clamp(26px, 7.6vw, 36px); height: clamp(26px, 7.6vw, 36px); }
  .lp-hero.is-v2 .lp-hero-item .em { font-size: 1.3em; line-height: 1.2; }
}
/* お薬の例の表：スマホで左の列が1文字ずつ折り返さないように */
.lp-table.is-drug th[scope="row"] { width: 7.5em; min-width: 7.5em; }
/* 見出しの一部だけ色を変えるとき（初めての方へ・よくあるご質問）は改行しない */
.lp-hero.is-v2 h1 span.is-inline { display: inline; }