/* 2026-10-19 Mist: スマホ・タブレット表示の調整（全ページ共通。デザイン本体の CSS の後に読み込む） */
@media(max-width:820px){
  .bx{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
  body.theme-b main h1,body.theme-b main h2,body.theme-b main h3{text-wrap:balance}
  /* ブログ（PHPで出す記事タイトル）は対応ブラウザで文節改行 */
  body.theme-b .article-page h1,body.theme-b .journal-card h3{word-break:auto-phrase}
}
/* タブレット: 2段組みの狭い欄で見出しが詰まらないよう少し小さく */
@media(min-width:651px) and (max-width:820px){
  body.theme-b main h1{font-size:27px;letter-spacing:.04em}
  body.theme-b main h2{font-size:25px;letter-spacing:.04em}
  body.theme-b main h3{font-size:19px;letter-spacing:.02em}
  body.theme-b .line-consultation-copy h2{font-size:24px}
}
@media(max-width:650px){
  body.theme-b main h1{font-size:28px;line-height:1.6;letter-spacing:.04em}
  body.theme-b main h2{font-size:23px;line-height:1.65;letter-spacing:.03em}
  body.theme-b main h3{font-size:19px;line-height:1.65;letter-spacing:.03em}
  body.theme-b main p,body.theme-b main li{letter-spacing:.02em}
  body.theme-b .line-consultation-copy h2{font-size:23px;line-height:1.65}
  /* イベントLP（独自デザインのページ）: 大きい見出しが1文字だけ次の行に落ちないように */
  body:not(.theme-b) h2.bx,body:not(.theme-b) .h2--xl{font-size:min(30px,7.6vw)}

  /* ヒーロー: 写真・動画を上に（4:3）、文章はその下の生成りの面に置く。文字が動画に重ならない */
  body.theme-b .home-film{display:block;height:auto;min-height:0;max-height:none;padding:0 0 30px}
  body.theme-b .home-film-media{position:relative;inset:auto;z-index:0;aspect-ratio:4/3;width:100%}
  body.theme-b .home-film-media img,body.theme-b .home-film-media video{object-position:center}
  body.theme-b .home-film-shade{display:none}
  body.theme-b .home-film-copy{position:static;margin:0;padding:30px 7% 0;max-width:none;text-shadow:none}
  body.theme-b .home-film h1{font-size:clamp(28px,8.2vw,36px);line-height:1.6;letter-spacing:.08em}
  body.theme-b .home-film-copy .home-film-kicker{margin-bottom:14px}
  body.theme-b .home-film-bottom{position:static;margin:0;padding:28px 7% 0}
  body.theme-b .home-film-caption{left:auto;right:10px;bottom:auto;top:calc(75vw - 32px);padding:2px 9px;background:rgba(255,252,243,.88);font-size:11px}
}