/* =============================================================
   about_sp.css — about ページの sp 差分
   media: screen and (max-width: 640px)
   -------------------------------------------------------------
   出典: pages/04-about/index.html <style> の @media (max-width: 640px)。
   ============================================================= */

/* 事業者情報の「見出し / 内容」2 列を積み上げへ */
.bizinfo .row { grid-template-columns: 1fr; gap: var(--space-xxs); }

/* ヒーローは低くしない。狭い画面ではサブヘッドが 4〜5 行になり、縮めるとコピーが
   写真の棚と書類箱に重なって読めなくなる。このバンドの全高＋通常の余白へ戻す
   （pages/about.css の 2/3 を打ち消す）。出典: 上流 @media (max-width: 833px) と (max-width: 640px) */
.page--about .tile-photo.is-hero {
  min-height: var(--size-tile-full-sp);
  padding-block: var(--space-tile-top) var(--space-tile-bottom);
}