/* スマホ（640px 以下）の文字サイズの型。
 *
 * STUDIO の書き出しはサイズが役割ではなく場当たりで決まっていて、
 * 同じ本文が 13px と 24px で混在し、H1 40px の直下にサブコピー 12px が来る、
 * といった状態だった。ここで役割ごとの段階に寄せる。
 *
 * 適用は STUDIO 由来の要素だけ。自前セクション（.lh-about / .lh-services /
 * .lh-works / .lh-flow）はそれぞれの CSS が持っているので触らない。
 *
 * 詳細度: STUDIO は `.sd-29 { font-size:14px }` の単一クラス（0,1,0）なので、
 * `body p.text.sd-15` のように要素とクラスを重ねて上書きする。
 * クラス名はページごとに振り直される（`.sd-52` が別ページでは別物）ため、
 * 必ずタグ名とセットで指定すること。
 */

@media (max-width: 640px) {
  /* --- 本文 --- */
  /* リッチテキスト内の本文。13px と 24px が混在していた */
  body .richText p,
  body .richText li {
    font-size: 15px;
    line-height: 1.9;
  }

  /* コンサルタント紹介のプロフィール本文。11px は小さすぎる */
  body p.text.list-7__item__sd-6 {
    font-size: 13px;
    line-height: 1.9;
  }

  /* --- ページ見出し --- */
  /* 40px は 390px 幅では詰まる */
  body h1.text {
    font-size: 32px;
    line-height: 1.45;
  }

  /* 見出し直下のサブコピー。12px では落差が 3.3 倍あった */
  body p.text.sd-15,
  body p.text.sd-35 {
    font-size: 14px;
    line-height: 1.8;
  }

  /* --- セクション見出し --- */
  /* 32px の日本語見出し（私たちの歴史。／私たちの実績／…） */
  body h3.text.sd-26,
  body h3.text.sd-52,
  body h3.text.sd-81 {
    font-size: 24px;
    line-height: 1.5;
  }

  /* トップの CONSULTANT / Contact（英字36px + 日本語28px の組） */
  body h2.text.sd-54 {
    font-size: 26px;
  }

  body p.text.sd-55,
  body p.text.sd-63 {
    font-size: 20px;
  }
}