/* 折衷案D：代表・実績・会社情報・お知らせ・お問い合わせ。 */
.representative__grid { display: grid; grid-template-columns: 224px minmax(0, 608px); gap: 64px; }
.representative__role { color: var(--corp-muted); font-size: 12px; }
.representative__name { margin-top: 8px; font-size: 24px; font-weight: 700; }
.timeline__row { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 24px; padding-block: 24px; border-top: 1px solid var(--corp-line); font-size: 14px; }
.timeline__date { color: var(--corp-muted); font-variant-numeric: tabular-nums; }
.expertise { margin-top: 24px; }
.expertise__title { margin-bottom: 16px; color: var(--corp-muted); font-size: 14px; }
.expertise__list { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 14px; }
.stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 64px; }
.stats__item { display: flex; flex-direction: column-reverse; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid var(--corp-line); }
.stats__label { color: var(--corp-muted); font-size: 12px; }
.stats__value { color: var(--corp-green); font-size: 48px; font-weight: 700; line-height: 1.4; }
.stats__unit { margin-left: 8px; font-size: 16px; font-weight: 400; }
.company-table { width: 100%; max-width: 760px; border-collapse: collapse; table-layout: fixed; font-size: 14px; text-align: left; }
.company-table__row { border-bottom: 1px solid var(--corp-line); }
.company-table__row:first-child { border-top: 1px solid var(--corp-line); }
.company-table__label { width: 152px; padding: 24px 32px 24px 0; color: var(--corp-muted); font-weight: 400; vertical-align: top; }
.company-table__value { padding-block: 24px; }
.company-table__list { display: grid; gap: 8px; }
.company-table__sub { display: block; margin-top: 8px; color: var(--corp-muted); font-size: 12px; }
.company__links { display: flex; flex-wrap: wrap; gap: 16px 32px; margin-top: 32px; }
.news__list { max-width: 760px; }
.news__item { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 24px; padding-block: 24px; border-bottom: 1px solid var(--corp-line); font-size: 14px; }
.news__item:first-child { border-top: 1px solid var(--corp-line); }
.news__date { padding-top: 4px; color: var(--corp-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.news__item p { max-width: 36em; }
.contact { margin-top: 112px; padding-inline: 24px; }
.contact__surface { max-width: 1232px; margin-inline: auto; padding-block: 64px; border-radius: var(--corp-radius-surface); background: var(--corp-lemon); }
.contact__inner { width: min(1088px, calc(100% - 96px)); margin-inline: auto; }
.contact__title { font-size: 32px; }
.contact__text { max-width: 36em; margin-top: 24px; color: var(--corp-muted); font-size: 14px; }
.contact__button { margin-top: 32px; }

@media (max-width: 1040px) {
  .representative__grid { grid-template-columns: 224px minmax(0, 1fr); gap: 48px; }
  .stats { gap: 32px; }
  .stats__value { font-size: 40px; }
  .contact__inner { width: calc(100% - 64px); }
}
@media (max-width: 760px) {
  .representative__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .representative__name { font-size: 20px; }
  .timeline__row { grid-template-columns: 88px minmax(0, 1fr); gap: 16px; }
  .stats { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 48px; }
  .stats__item { gap: 12px; }
  .stats__value { font-size: 40px; }
  .company-table__label { width: 96px; padding-right: 16px; }
  .company__links { gap: 8px 24px; }
  .news__item { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .news__date { padding: 0; }
  .contact { margin-top: 96px; padding-inline: 16px; }
  .contact__surface { padding-block: 48px; }
  .contact__inner { width: calc(100% - 48px); }
  .contact__title { font-size: 28px; }
  .contact__button { width: 100%; gap: 16px; padding-inline: 16px; }
}