/* 私たちについて（/about/）専用の上書き — 2026-11-08 デザインマニュアル（Projects/design/）の最低ライン 12 項目で見直し（鈴木さん「全部進めて」）
   style.css・hp-custom.css は会社サイト共通なので触らず、このページだけをここで上書きする。読み込みは about/index.html だけ。
   「わざと」は変えない: 会社の赤・動画の上の赤い ABOUT US・MISSION の赤いひし形・線画の人物と白い三角・漫画と赤く光る枠・左右交互の年表と ◀ ▶・吹き出しの区切り・赤い丸に白い四角・弾むメニュー（design/23） */

/* ---- 10 スマホの年表の文字 9px → 13px（design/05「最小 0.8rem」）。並び（縦線 1 本の 1 列）はそのまま ---- */
@media screen and (max-width: 768px) {
  #page-about .history__list span { font-size: 13px; }
  #page-about .history__list p { font-size: 13px; line-height: 1.6; }
}

/* ---- 11 代表の紹介文 12px（スマホ）・14.4px（PC）→ 16px、行間 1.8（design/07・05）。太さはデザイナーの 700 のまま ---- */
#page-about .greeting__text p { font-size: 16px; line-height: 1.8; }

/* ---- 6・8 線を引く動き（about-motion.js がクラスを付ける）。動きを減らす設定・JS が無いときは最初から引いてある ---- */
@media (prefers-reduced-motion: no-preference) {
  .ab-motion #page-about .aboutES__content::after { transform: scaleX(0); transform-origin: left center; transition: transform 1.1s cubic-bezier(.16,1,.3,1); }
  .ab-motion #page-about .aboutES__content:last-child::after { transform-origin: right center; }
  .ab-motion #page-about .aboutES__content.is-drawn::after { transform: none; }
}
@media screen and (max-width: 768px) and (prefers-reduced-motion: no-preference) {
  .ab-motion #page-about .history-wrap::before { transform: scaleY(0); transform-origin: top center; transition: transform 1.6s cubic-bezier(.16,1,.3,1); }
  .ab-motion #page-about .history-wrap.is-drawn::before { transform: none; }
}