/* 移行後の差分修正（テーマCSSの後に読み込む）
   2026-09-28 スマホ幅のファーストビュー: 旧テーマは動画60%＋パネル40%の横並び固定で、
   768px以下でも縦に積む指定が無く動画がパネルに隠れていた。動画を全幅で見せ、2つのパネルを下に積む */
@media screen and (max-width: 768px) {
  .hero { flex-direction: column; max-height: none; }
  .hero .videoArea { width: 100%; }
  .hero .videoArea video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }
  .hero .content { width: 100%; }
  .hero .content .item { height: auto; padding: 1.5em 0 0.5em; }
  .hero .content .item .bef { padding-top: 0; }
  .hero .content .item .svgWrap { left: -20px; }
}