/* DDJ HEADING: 英字見出しのサイズをサイト全体で統一（2026-09-18）
   経緯: 会社概要(about)だけ 41.6px に調整され、他5ページは STUDIO 既定の 80px（ページ見出し）/
   54.4px（セクション英字）のまま残っていた。index/about にインラインで入っていた同内容の
   上書きをこのファイルに集約し、全7ページから読む。

   サイズ方針（2026-09-18 矢野判断）
     ページ見出し英字 … 80px は大きすぎ、41.6px では小さいので**中間の 60.8px**
     セクション英字   … 41.6px（従来どおり）
     → 見出し > セクションの階層が出る。540px 以下でもページ見出し 41.6px > セクション 32px を維持。

   対象セレクタ
     12b95dbc + 8a9d48f6-… … ページ見出しの英字（About / OUR SERVICES / TRACK RECORD / FAQ /
                              Contact / PRIVACY POLICY）
     52807eec              … セクション英字（ABOUT US / OUR TEAM / OUR SERVICES ほか）
     f984cb8c-…            … about の OUR TEAM 個別インスタンス（他ページでは一致しないので無害）

   STUDIO 側は同セレクタに (0,3,0) の高い詳細度で 5rem/3.4rem を当てているため !important が要る。
   セクション英字を白・スティール色にしている個別ルール（--ddj-steel）は詳細度が上なので影響しない。
   やめるときは各HTMLの <link> を外し、このディレクトリを削除。 */

/* --- ページ見出しの英字: 60.8px / 51.2px / 41.6px --- */
p[data-s-12b95dbc],
.sd[data-s-12b95dbc],
.sd[data-s-8a9d48f6-d3d5-4cee-99dc-bcbdb4370931] {
  color: var(--ddj-navy) !important;
  font-size: 3.8rem !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}
@media screen and (max-width: 840px) {
  p[data-s-12b95dbc],
  .sd[data-s-12b95dbc],
  .sd[data-s-8a9d48f6-d3d5-4cee-99dc-bcbdb4370931] {
    font-size: 3.2rem !important;
  }
}
@media screen and (max-width: 540px) {
  p[data-s-12b95dbc],
  .sd[data-s-12b95dbc],
  .sd[data-s-8a9d48f6-d3d5-4cee-99dc-bcbdb4370931] {
    font-size: 2.6rem !important;
  }
}

/* --- セクションの英字: 41.6px / 36.8px / 32px --- */
p[data-s-52807eec],
.sd[data-s-52807eec],
.sd[data-s-f984cb8c-b40a-419d-8fcd-a88667ed23a6] {
  color: var(--ddj-navy) !important;
  font-size: 2.6rem !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
}
@media screen and (max-width: 840px) {
  p[data-s-52807eec],
  .sd[data-s-52807eec],
  .sd[data-s-f984cb8c-b40a-419d-8fcd-a88667ed23a6] {
    font-size: 2.3rem !important;
  }
}
@media screen and (max-width: 540px) {
  p[data-s-52807eec],
  .sd[data-s-52807eec],
  .sd[data-s-f984cb8c-b40a-419d-8fcd-a88667ed23a6] {
    font-size: 2rem !important;
    letter-spacing: -0.02em !important;
  }
}

/* ============================================================
   2026-09-22 追記: 実機で見つかった取りこぼしの修正
   ============================================================ */

/* --- トップの実績ティーザーの英字が 13px のままだった ---
   .ddj-tr-* は後から足した独自クラスで、上の統一（STUDIO の data-s セレクタ）に
   当たらないため漏れていた。他セクション英字（ABOUT US / STRENGTHS）と同じ段に揃える。 */
.ddj-tr-en {
  font-size: 2.6rem !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
  margin: 0 0 20px !important;
}
.ddj-tr-ja { margin: 0 0 10px !important; }
@media screen and (max-width: 840px) {
  .ddj-tr-en { font-size: 2.3rem !important; }
}
@media screen and (max-width: 540px) {
  .ddj-tr-en { font-size: 2rem !important; letter-spacing: -0.02em !important; }
}

/* --- トップ「会社概要」ボタンが次セクション（ネイビー）に接していた ---
   PC は 140px の余白があるが、840px 以下では包みの padding-bottom が 0 になり
   ボタンの下端＝セクションの境目になっていた。 */
@media screen and (max-width: 840px) {
  .sd[data-s-f9727a6d-1d5a-4938-ac75-d69fb6e20374] { padding-bottom: 56px !important; }
}

/* --- トップのヒーローの英字（2026-09-24） ---
   CORPORATE PROFILE から FINANCIAL & TAX DUE DILIGENCE に替えて長くなった。
   スマホでは 1 行のままだと後半が写真の明るい部分と人物に掛かって読みにくいので、
   「FINANCIAL & TAX / DUE DILIGENCE」の 2 行にする（768px・540px は 1 行でも暗部に収まる）。
   この段落は STUDIO 側で flex（横並び・折り返しなし）なので、span は display:block では改行せず、
   直前の空白も詰められる。色も STUDIO のリセットで span だけ #333 になる。
   → 色は親から継ぎ、PC の語間は margin で作り、スマホは折り返しを許して後半を 100% 幅にする。 */
.ddj-hero-en-l2 { color: inherit; margin-left: 0.3em; }
@media screen and (max-width: 540px) {
  p:has(> .ddj-hero-en-l2) { flex-wrap: wrap; }
  .ddj-hero-en-l2 { flex-basis: 100%; margin-left: 0; }
}