/* =====================================================================
   organization.css — 06-Organization（品質と管理体制）固有
   共通(common/tokens)は上書きしない。固定青背景の上に透明セクションを重ね、
   「主な顧客認定資格テーブル」と「インタビュー記事」だけ薄グレーグラデ＋濃紺文字にする。
   ===================================================================== */

/* ---- 下層FV背景写真（Figma 06-Organization bg-image 2414:7355）：
   common.css .fv-photo（ページ先頭900px・下端マスクで光アニメへ溶かす）に画像のみ指定。 ---- */
body[data-page="organization"] .fv-photo{ background-image:url("../pages/organization/images/fv-bg.webp") }

/* 薄グレーグラデ（technology の facility と同系）。複数セクションで使い回す。 */
:root{ --org-grey:var(--c-grad-end); } /* Figma正: フラット#eef0f6（旧: 青みグラデ#c3cfeb） */

/* =====================================================================
   見出し（このページ固有：和文タイトル大 → 英サブ小）。
   commonの.section-head（英大→和小）と上下が逆なので page-local で定義。
   ===================================================================== */
/* Figma title instance 2414:7368: 48px/1.25 cap-trim ＋ gap24 ＋ EN 24px cap-trim、下余白64（2026-07-07 parity） */
.org-head{ display:flex; flex-direction:column; gap:24px; margin-bottom:64px }
.org-head__title{ font-size:var(--fz-h1); line-height:var(--lh-h1); font-weight:700; letter-spacing:.01em; color:var(--c-main);
  text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-head__en{ font-family:var(--ff-en); font-size:var(--fz-h4); font-weight:500; letter-spacing:.01em;
  color:var(--c-ink-60); text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-head--on-dark .org-head__title{ color:var(--c-white) }
.org-head--on-dark .org-head__en{ color:rgba(255,255,255,.7) }
@media (max-width:1023px){ .org-head__title{ font-size:36px } }
@media (max-width:767px){ .org-head{ gap:12px; margin-bottom:36px } .org-head__title{ font-size:24px } .org-head__en{ font-size:18px } }

/* =====================================================================
   リード（透明・白文字）
   ===================================================================== */
/* Figma: リードSection abs569（.subfv実高442＋127）・リード下端813＋79＋.section pad96 → cert見出し988（2026-07-07 parity） */
.org-lead{ color:var(--c-white); padding-top:127px; padding-bottom:79px }
@media (max-width:767px){ .org-lead{ padding-top:63px; padding-bottom:40px } } /* FV縦余白半減（SP 2026-07-13） */
.org-lead__title{ font-size:40px; line-height:1.3; font-weight:700; letter-spacing:.01em; margin-bottom:48px;
  text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-lead__text{ font-size:var(--fz-body); line-height:var(--lh-body); letter-spacing:1px }
@media (max-width:1023px){ .org-lead__title{ font-size:32px } }
@media (max-width:767px){
  .org-lead__title{ font-size:26px; margin-bottom:28px }
  .org-lead__title br{ display:none }
}

/* =====================================================================
   マネジメントシステムと保有認証（透明・白文字）
   ===================================================================== */
/* Figma 2414:7367: 見出し下112（instance pb64＋gap48）/ リード32px / 本文白 / ロゴ列 上揃え・幅200(330)・gap24（2026-07-07 parity） */
.org-cert{ color:var(--c-white); padding-bottom:144px /* Figma: 本文下端1814→グレー帯開始1958 */ }
.org-cert__head{ margin-bottom:112px }
.org-cert__lead{ font-size:var(--fz-h3); line-height:var(--lh-h3); font-weight:700; letter-spacing:.01em; margin-bottom:48px;
  text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-cert__text{ font-size:var(--fz-body); line-height:var(--lh-body); letter-spacing:1px;
  color:var(--c-white) }
.org-cert__logos{ display:flex; align-items:flex-start; gap:24px; margin:48px 0 40px; flex-wrap:wrap }
.org-cert__logo{ display:flex; flex-direction:column; align-items:center; gap:24px; text-align:center; width:200px }
.org-cert__logo--wide{ width:330px }
.org-cert__logo-name{ font-size:var(--fz-h4); line-height:var(--lh-h4); font-weight:700; letter-spacing:.01em;
  text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-cert__logo img{ width:auto; height:164px }
/* HP-v2指示 row28: ネイビー地に直接配置するため白背景チップを廃止（画像側を透過・白反転済み） */
.org-cert__logo--wide img{ height:auto; width:330px; max-width:100% }

@media (max-width:767px){
  .org-cert__head{ margin-bottom:48px }
  .org-cert__lead{ font-size:20px }
  /* SP: 3カラムgridは画像の実寸差(330x492/990x206)でトラック幅が暴れて崩れるため、縦積みに変更（2026-07-21） */
  .org-cert__logos{ display:flex; flex-direction:column; align-items:center; gap:32px; margin:40px 0 }
  .org-cert__logo,
  .org-cert__logo--wide{ width:auto; gap:12px }
  .org-cert__logo-name{ font-size:18px }
  .org-cert__logo img{ height:auto; width:auto; max-width:120px }
  .org-cert__logo--wide img{ height:auto; width:auto; max-width:260px }
}

/* =====================================================================
   主な顧客認定資格テーブル（薄グレーグラデ・濃紺文字）
   縦積み：見出しを上・表を全幅（human-development の .hd-feature/.hd-quals と同じ組み方）。
   旧・左右2カラム（左見出し419px＋右表）から変更 2026-07-12。
   単一ソースTODO：hd-quals と本ブロックは同一パターン＝将来 common.css へ昇格候補。
   ===================================================================== */
.org-quals{ color:var(--c-main); background:var(--org-grey); padding-top:144px; padding-bottom:144px /* Figma: グレー帯1958〜2873・内容2102〜2729 */ }
.org-quals__feature{ display:flex; flex-direction:column; gap:40px }
.org-quals__h2{ font-size:40px; line-height:1.3; font-weight:700; letter-spacing:.01em; color:var(--c-main) }
.org-quals__tablewrap{ min-width:0 }
.org-quals__table{ width:100%; table-layout:fixed; border-collapse:collapse }
.org-quals__table thead th{ font-size:var(--fz-body); font-weight:700; color:var(--c-ink-60);
  letter-spacing:1px; text-align:left; line-height:1.8; padding:16px 16px 16px 0; border-bottom:1px solid var(--c-line) }
.org-quals__table tbody th{ font-size:var(--fz-body); font-weight:700; color:var(--c-main);
  text-align:left; vertical-align:middle; padding:16px 16px 16px 0; line-height:1.8;
  border-bottom:1px solid var(--c-ink-08) }
.org-quals__table tbody td{ font-size:var(--fz-body); color:var(--c-main); vertical-align:middle;
  line-height:1.8; letter-spacing:1px; padding:16px 0; border-bottom:1px solid var(--c-ink-08) }
.org-quals__table tbody tr:last-child th,
.org-quals__table tbody tr:last-child td{ border-bottom:0 }

/* 顧客認定資格：認定企業セルは列挙が長いため可変高＋上下パディングで確保 */
.org-quals__table--customer .col-qual{ width:34% }
.org-quals__table--customer .col-company{ width:66% }
.org-quals__table--customer tbody th,
.org-quals__table--customer tbody td{ padding-top:20px; padding-bottom:20px }
.org-quals__note{ margin-top:16px; font-size:var(--fz-meta); line-height:1.8; letter-spacing:1px; color:var(--c-ink-60) }

@media (max-width:1023px){
  .org-quals__feature{ gap:32px }
  .org-quals__h2{ font-size:30px }
}
@media (max-width:767px){
  .org-quals{ padding-top:72px; padding-bottom:72px }
  .org-quals__h2{ font-size:24px }
  /* SPはセル余白と最小幅を詰める（列に対して幅が広すぎる指摘対応 2026-07-13） */
  .org-quals__table{ min-width:440px }
  .org-quals__table thead th,
  .org-quals__table tbody th{ padding:12px 8px 12px 0; font-size:12px }
  .org-quals__table tbody td{ padding:12px 0; font-size:12px }
  .org-quals__table--customer tbody th,
  .org-quals__table--customer tbody td{ padding-top:14px; padding-bottom:14px }
  .org-quals__table--customer .col-qual{ width:150px }
}

/* =====================================================================
   寸法検査と非破壊検査（透明・白文字）＋ 方針カード
   ===================================================================== */
.org-inspection{ color:var(--c-white); background:var(--c-main); /* Figma: 帯#10203Bベタ */
  padding-top:144px; padding-bottom:144px }
/* 1024-1439px: 画像列も比例縮小するfr比（1440時 580+580 は従来と同一。2026-07-29 流体化） */
.org-inspection__row{ display:grid; grid-template-columns:580fr 580fr; gap:48px; align-items:flex-start }
.org-inspection__text{ font-size:var(--fz-body); line-height:var(--lh-body); letter-spacing:1px;
  color:var(--c-white) /* Figma 2414:7434: 純白 */ }
.org-inspection__media{ overflow:hidden; aspect-ratio:580/387 }
.org-inspection__media img{ width:100%; height:100%; object-fit:cover }

/* Figma Frame1213: 白パネル(1208×437)・見出しaccent中央・枠線カード532×206（2026-07-03 突合修正） */
.org-policy{ margin-top:144px; background:var(--c-white); color:var(--c-main); padding:56px 80px }
/* 間延び是正（letter-spacing .24em が主因）＋見出し/リード中央寄せ・全体を一回り小さく（2026-07-15） */
.org-policy__heading{ font-size:28px; line-height:var(--lh-h3); font-weight:700; letter-spacing:.08em;
  color:var(--c-main); text-align:center; margin-bottom:28px;
  text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-policy__statement{ max-width:820px; margin-inline:auto; font-size:var(--fz-body); line-height:1.9; letter-spacing:.05em }
.org-policy__lead{ font-size:22px; line-height:1.7; margin-bottom:24px; text-align:center }
.org-policy__list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:18px; counter-reset:policy }
.org-policy__list li{ position:relative; padding-left:2em; counter-increment:policy }
.org-policy__list li::before{ content:counter(policy) "）"; position:absolute; left:0; top:0 }
.org-policy__signature{ width:max-content; margin:32px 0 0 auto; line-height:1.8 }

@media (max-width:1023px){
  .org-inspection__row{ grid-template-columns:1fr; gap:32px }
  .org-inspection__media{ max-width:580px }
  .org-policy{ margin-top:72px; padding:44px 32px }
  .org-policy__lead{ font-size:19px }
}
@media (max-width:767px){
  .org-inspection{ padding-top:72px; padding-bottom:72px }
  .org-policy{ padding:32px 20px }
  .org-policy__heading{ letter-spacing:.06em; font-size:22px }
  .org-policy__lead{ font-size:22px; text-align:left }
  .org-policy__list li{ padding-left:1.5em }
  .org-policy__signature{ width:auto; text-align:right }
}

/* =====================================================================
   リーダーコメント（フルワイドバナー写真＋左オーバーレイカード）
   ===================================================================== */
/* ページ内/他ページからの #org-leader 着地点：固定ヘッダー分＋少し上の余裕を確保して頭切れ回避 */
.org-leader{ scroll-margin-top:calc(var(--header-h) + 40px) }
/* hd/recruitと同型の帯（Figma 2414:7448 1440×604・背景webpは同一クロップ書き出し済み）。
   帯高さ604を超えると背景が拡大しズレるため、カードは縦padding64で収める（2026-07-03 組み直し） */
.org-leader__hero{ position:relative; padding:40px; background-image:var(--hero-img); background-size:cover; background-position:center;
  display:flex; align-items:flex-start; aspect-ratio:1440/604 /* Figma 2414:7448: items-start p40 */ }
.org-leader__hero .container{ display:flex }
@media (min-width:1024px){ .org-leader__hero .container{ padding-inline:0; max-width:none } }
/* Figma 2414:7449: py96 px40・gap32・ラベル下線なし(pb32のみ)・見出し系cap-trim（2026-07-07 parity） */
.org-comment{ background:rgba(255,255,255,.88); border-radius:24px; padding:96px 40px;
  display:flex; flex-direction:column; gap:32px; width:580px; max-width:100%; color:var(--c-main) }
.org-comment__label{ font-size:24px; line-height:1.5; font-weight:700; letter-spacing:.01em;
  padding-bottom:32px; text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-comment__quote{ font-size:40px; line-height:1.3; font-weight:700; letter-spacing:.01em;
  text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-comment__name{ font-size:24px; line-height:1.5; font-weight:700; letter-spacing:.01em;
  text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-comment__intro{ font-size:var(--fz-body); line-height:1.8; letter-spacing:1px }

@media (max-width:1023px){
  .org-leader__hero{ aspect-ratio:auto; min-height:420px; padding:40px 0 }
  .org-comment{ padding:48px 32px; gap:20px }
  .org-comment__quote{ font-size:30px } .org-comment__label,.org-comment__name{ font-size:21px }
}
@media (max-width:767px){
  /* 対応3: 背景画像をアイキャッチ(::before)として上に配置、カードあしらい削除で通常フロー
     （小見出し→タイトル→名前→リード→QA）。human-development と同一処理。 */
  .org-leader__hero{ display:block; padding:40px var(--pad-x-sp) 8px;
    background:var(--c-grad-end); background-image:none; aspect-ratio:auto; min-height:0 }
  .org-leader__hero::before{ content:""; display:block; background-image:var(--hero-img);
    background-size:cover; background-position:90% center; aspect-ratio:3/2; margin-bottom:24px }
  .org-leader__hero .container{ display:block; padding-inline:0; max-width:none }
  .org-comment{ width:100%; background:none; border-radius:0; padding:0; gap:12px } /* カードあしらい削除 */
  .org-comment__label{ padding-bottom:0; color:var(--c-accent) } /* 小見出し（罫線・余白なし） */
  .org-comment__quote{ font-size:24px }
  .org-comment__label,.org-comment__name{ font-size:18px }
}

/* =====================================================================
   インタビュー記事（薄グレーグラデ・濃紺文字）
   ===================================================================== */
/* Figma 2423:5586: pt88・見出し40px cap-trim・Q24px cap-trim・回答は本文色(黒相当=c-main)・
   ブロック間64・QnA間48・記事下端の余白178（Content3 pb64＋footerまで114）（2026-07-07 parity） */
.org-interview{ color:var(--c-main); background:var(--org-grey); padding-top:88px; padding-bottom:178px }
.org-interview__block{ margin-bottom:64px }
.org-interview__block:last-child{ margin-bottom:0 }
.org-interview__h{ font-size:40px; line-height:1.3; font-weight:700; letter-spacing:.01em;
  margin-bottom:48px; text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-qna{ margin-bottom:48px }
.org-qna:last-child{ margin-bottom:0 }
.org-qna__q{ font-size:var(--fz-h4); font-weight:700; line-height:var(--lh-h4); letter-spacing:.01em; margin-bottom:32px;
  line-break:strict; text-box-trim:trim-both; text-box-edge:cap alphabetic }
.org-qna__a{ font-size:var(--fz-body); line-height:var(--lh-body); letter-spacing:1px; color:var(--c-main) }

/* Figma Content2: 見出しは全幅・写真はQnA行（2行目）に配置 */
/* 1024-1439px: 写真列も比例縮小するfr比（1440時 580+580 は従来と同一。2026-07-29 流体化） */
.org-interview__block--media{ display:grid; grid-template-columns:580fr 580fr; gap:48px; align-items:start }
.org-interview__block--media .org-interview__h{ grid-column:1 / -1; margin-bottom:0 /* 行gap48が代替 */ }
.org-interview__col{ min-width:0 }
.org-interview__photo{ overflow:hidden; aspect-ratio:580/387 }
.org-interview__photo img{ width:100%; height:100%; object-fit:cover }

@media (max-width:1023px){
  .org-interview__h{ font-size:32px }
  .org-interview__block--media{ grid-template-columns:1fr; gap:32px }
  .org-interview__photo{ max-width:580px; order:-1 }
}
@media (max-width:767px){
  .org-interview{ padding-bottom:88px }
  .org-interview__block{ margin-bottom:56px }
  .org-interview__h{ font-size:24px; margin-bottom:28px }
  .org-qna__q{ font-size:18px; text-indent:-20px; padding-left:20px }
}