/* company-group.css — 事業概観（Business Overview / Figma 27:84）固有レイアウト
   全帯 白背景。フォント: タイトル Yu Mincho 96, Mission見出し Georgia 48/64,
   Missionステートメント Yu Mincho 64/70(Demibold, --accent), 本文 Yu Mincho 16/28,
   会社概要 Yu Mincho 20/30, 沿革 Yu Mincho 20/30。 */

/* ヒーロー和文サブ（Figma: Inter Regular 16/28 black） */
.c-PageHero__titleSub {
  margin: 16px 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--ink);
}

/* 共通の2カラム（左=見出し/写真・右=本文/概要）。Figma 27:84＝右カラムは全帯 x593 / 幅767 で揃う。 */
.l-MissionRow, .c-OverviewProfile, .l-HistoryLayout, .l-GroupLayout {
  display: grid;
  grid-template-columns: minmax(0, 428fr) minmax(0, 767fr);
  column-gap: clamp(40px, 6.6vw, 85px);
  row-gap: 0;
  align-items: start;
}
/* Leadership帯（.l-TeamLayout）の左端に揃える: 本文ブロック開始位置を右カラム≈308pxに統一 */
.c-OverviewProfile, .l-HistoryLayout, .l-GroupLayout {
  grid-template-columns: minmax(160px, 0.26fr) minmax(0, 1fr);
  column-gap: clamp(28px, 4vw, 56px);
}

/* ---------- Mission ---------- */
.c-Mission__label {
  margin: 0;
  /* H2統一: Figma H2 = YuMincho/48/500/lh64(1.333)。旧 serif-en(Georgia)/400/1.33 を是正 */
  font-family: var(--font-mincho);
  font-size: clamp(34px, 4.4vw, 48px);
  font-weight: 500;
  line-height: 1.333;
  color: var(--ink);
}
.c-Mission__statement {
  margin: 0;
  font-family: var(--font-mincho);
  font-size: clamp(40px, 6vw, 64px);
  font-weight: 600;
  line-height: 1.1;
  color: var(--accent);
}
.c-Mission__text {
  margin: clamp(36px, 4vw, 60px) 0 0;
  max-width: 767px;
  font-family: var(--font-mincho);
  font-size: 20px; /* デザイナー指示 16px→20px（2026-07-01）。desktop固定＝1440整合 */
  font-weight: 500;
  line-height: 1.75;
  color: var(--ink);
}
/* モバイル表示（≤880px＝Missionレイアウトが1カラムへ段組みする境界）の特別条件:
   デザイナー「フォント小さく」＝スマホ表示指示。この本文だけ他本文相当の16pxへ落とす。
   直下 CEO本文 .c-ExecMessage__text p もこの帯で16pxに張り付くため全域で一致。
   desktop(>880px)は20px維持・連続vw縮小はしない。スコープ＝.c-Mission__text 単独。 */
@media (max-width: 880px) {
  .c-Mission__text { font-size: 16px; }
}

/* ---------- 会社概要（写真左・概要右） ---------- */
.c-OverviewProfile .c-InfoVisual { margin: 0; }
/* Figma image 17＝428×548 のポートレート。横長ソースを object-fit cover で縦長に切り出す */
.c-OverviewProfile .c-InfoVisual img {
  display: block;
  width: 100%;
  aspect-ratio: 428 / 548;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.c-OverviewProfile__profile { margin: 0; }
.c-OverviewProfile__profile > div { margin: 0 0 1.5em; }
.c-OverviewProfile__profile > div:last-child { margin-bottom: 0; }
.c-OverviewProfile__profile dt {
  font-family: var(--font-mincho);
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 600;
  line-height: 1.5;
  color: var(--ink);
}
.c-OverviewProfile__profile dd {
  margin: 0;
  font-family: var(--font-mincho);
  font-size: clamp(15px, 1.7vw, 20px);
  font-weight: 500;
  line-height: 1.5;
  color: var(--ink);
}
/* グループ各社所在地：1社=2行（社名/住所）＋社間に空き（Figma 767px幅で折り返さない） */
.c-OverviewProfile__addresses { margin: 0; }
.c-OverviewProfile__addresses p { margin: 0 0 1.4em; }
.c-OverviewProfile__addresses p:last-child { margin-bottom: 0; }

/* ---------- 沿革（見出し左・年表右） ---------- */
.l-HistoryLayout .c-SectionHeading { margin-bottom: 0; }
/* History 見出し: Figma 309:5528 = YuMincho Medium 500 / 48px / lh1.333。
   基準 Profile(.c-Mission__label) と同一の clamp(34,4.4vw,48)/lh1.333 に統一（旧 48px固定・lh64px は
   狭幅でサイズが大きすぎ・行間過大＝レスポンシブでH2がバラバラの原因。2026-07-07 デザイナー指定）。 */
.l-HistoryLayout .c-SectionHeading h2 {
  font-family: var(--font-mincho);
  font-size: clamp(34px, 4.4vw, 48px);
  font-weight: 500;
  line-height: 1.333;
}
.c-HistoryList { margin: 0; padding: 0; list-style: none; }
.c-HistoryList li {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 16px;
  padding: 14px 0;
  font-family: var(--font-mincho);
  font-size: clamp(15px, 1.7vw, 20px);
  font-weight: 500;
  line-height: 1.6;
  color: var(--ink);
}
.c-HistoryList .c-HistoryList__year { color: var(--ink); font-weight: 500; }

/* ---------- グループ会社等一覧 ---------- */
.c-GroupHeading h2 {
  margin: 0 0 16px;
  font-family: var(--font-mincho);
  font-size: clamp(34px, 4.4vw, 48px);   /* 基準 Profile と統一（旧 min30px＝狭幅で小さすぎ） */
  font-weight: 500;
  line-height: 1.333;
  color: var(--ink);
}
.c-GroupHeading p { margin: 0; font-size: 16px; line-height: 1.75; color: var(--ink); }

.c-GroupList { display: flex; flex-direction: column; gap: clamp(20px, 3vw, 36px); }
/* Figma 27:84＝[ロゴ＋社名を縦積み（中央）] ｜ [カテゴリ右]。ロゴは社ごとにFigma表示高さ。 */
.c-CompanyRow {
  display: grid;
  grid-template-columns: minmax(0, 363px) minmax(0, 1fr);
  column-gap: clamp(40px, 8vw, 160px);
  align-items: center;
  margin: 0;
}
.c-CompanyRow__brand { display: flex; flex-direction: column; align-items: center; gap: clamp(10px, 1.4vw, 18px); min-width: 0; }
.c-CompanyRow__logo { display: flex; align-items: center; justify-content: center; }
.c-CompanyRow__logo img { width: auto; max-width: 100%; height: auto; object-fit: contain; }
/* 各ロゴの表示高さ（Figma 27:84 実測：NEURAL57/NM85/POMATO76/CACTUS79/魔法79/FOCUS50） */
.c-CompanyRow:nth-child(1) .c-CompanyRow__logo img { height: 57px; }
.c-CompanyRow:nth-child(2) .c-CompanyRow__logo img { height: 85px; }
.c-CompanyRow:nth-child(3) .c-CompanyRow__logo img { height: 76px; }
.c-CompanyRow:nth-child(4) .c-CompanyRow__logo img { height: 79px; }
.c-CompanyRow:nth-child(5) .c-CompanyRow__logo img { height: 79px; }
.c-CompanyRow:nth-child(6) .c-CompanyRow__logo img { height: 50px; }
/* 会社名 16/500・カテゴリ 20/500（研究 Figma 実測 2026-07-06。font-family は base=Mincho を継承） */
.c-CompanyRow__name { font-size: 16px; font-weight: 500; line-height: 1.75; color: var(--ink); text-align: center; }
.c-CompanyRow__cat { font-size: 20px; font-weight: 500; line-height: 1.75; color: var(--ink); white-space: nowrap; }

/* ---------- CEO Message / 御挨拶（T6で旧 management から統合） ----------
   ベース（display/typography/paper-alt帯）は inner.css。ここでは Figma 271:5160/5180 の3列比を上書き：
   text561 / gap219(空列) / image500（content1280に対し 43.8% / 17.1% / 39.1%）。両帯で同寸・左右反転。
   padding: 0 でinner.cssの padding:0 24px を打ち消し→グリッド幅=1280px→text=561px/image=500px/高さ=667px（Figma一致）。 */
.c-ExecMessage {
  /* Figma設計意図（上のヘッダーコメント）: text561 / gap219(空列) / photo500 = content1280。
     Leadership 帯（.l-Section__inner）と同じ max-width:1280 + margin:0 auto で中央寄せ＝
     左右エッジ80/80が Leadership と一致し、画面幅を広げても左固定されず中央寄せに追従する。
     fr比 561:219:500 は 1280 で厳密に text561/gap219/photo500 を再現し、狭幅では等比で縮む。 */
  grid-template-columns: 561fr 219fr 500fr;
  grid-template-areas: "body gap photo";
  column-gap: 0;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
}
.c-ExecMessage__body { grid-area: body; }
.c-ExecMessage__figure { grid-area: photo; order: 0; }
.c-ExecMessage--reverse {
  grid-template-columns: 500fr 219fr 561fr;
  grid-template-areas: "photo gap body";
}
/* 左右反転レイアウト：署名はbody左端揃え（CEO Messageの右揃えと対称 2026-07-01）*/
.c-ExecMessage--reverse .c-ExecMessage__sign { text-align: left; }
/* 標準帯 .l-Section__inner（common.css）と同思想: max-width(1280)を下回る幅では
   auto-margin が消え左右余白が0になるため、最小側余白 24px を確保。
   これが無いと 1440未満〜901px で本文/写真がビューポート端に張り付く（他帯は保護済み）。 */
@media (max-width: 1280px) {
  .c-ExecMessage { padding-inline: 24px; }
}
@media (max-width: 900px) {
  .c-ExecMessage,
  .c-ExecMessage--reverse {
    grid-template-columns: 1fr;
    column-gap: 0;
    padding: 0 24px;
    margin: 0 auto;
    max-width: 100%;
  }
  .c-ExecMessage { grid-template-areas: "body" "photo"; }
  /* 縦積み時は御挨拶も「本文→写真」の順に揃える（旧 "photo" "body"＝写真が本文の前だった。
     grid-area 割当のままエリア順のみ変更＝DOM不変・CSSのみ。2026-07-07 デザイナー指定）。 */
  .c-ExecMessage--reverse { grid-template-areas: "body" "photo"; }
}

/* ---------- レスポンシブ ---------- */
@media (max-width: 880px) {
  .l-MissionRow, .c-OverviewProfile, .l-HistoryLayout, .l-GroupLayout {
    grid-template-columns: 1fr; gap: 28px;
  }
  /* Company帯: 各行の2列(ロゴ+社名 | カテゴリ)を縦積みに折り返し、2列目カテゴリを中央寄せ
     （右列が潰れて nowrap カテゴリがはみ出す不具合を解消。2026-07-07 デザイナー指定）。
     ※旧 ≤640(cat折返し)・≤560(縦積み左寄せ) を本ルールに統合（左寄せ→中央寄せに変更）。 */
  .c-CompanyRow { grid-template-columns: 1fr; gap: 12px; }
  .c-CompanyRow__cat { white-space: normal; text-align: center; }
}
@media (max-width: 560px) {
  .c-HistoryList li { grid-template-columns: 56px 1fr; gap: 12px; }
}

/* ---------- 最終デザイン変更 2026-06-30 ---------- */
/* (C) タイトル帯は inner.css の .c-PageHero ＋ .c-PageHero--alt（grey背景）に一本化＝ここでは再定義しない
   （HTML hero に c-PageHero--alt を付与）。Mission帯は HTML側で l-Section--light。 */

/* (C) グループ会社ロゴに外部リンク（社名アイコン）。NEURAL自社は非リンク。 */
.c-CompanyRow__logo a { display: flex; align-items: center; justify-content: center; transition: opacity .2s; }
.c-CompanyRow__logo a:hover { opacity: .7; }

/* (F) 役員・顧問カードの MORE ボタンを各行のボトムに揃える
   （隣カード=松本義典がMORE無しでも、松尾氏のボタンが下端で揃う）。 */
.l-TeamGrid .c-PersonCard { display: flex; flex-direction: column; }
.l-TeamGrid .c-PersonCard .c-ExecModal__more { margin-top: auto; align-self: flex-start; }
.l-TeamGrid .c-PersonCard--sq .c-Avatar { aspect-ratio: 1 / 1; }