/*
  about.css
  「概要」ページ固有スタイル（目的／事業内容／沿革／基本情報）
  共通スタイルは css/common.css を参照。
*/
/* 本文カラムを共通の1100pxより狭くして中央に寄せる（このページのみ。テキストが多く
   全幅だと1行が長く・各ブロックが間延びして見えるため）。ヘッダー/フッターは1100pxのまま。
   スマホ幅では画面幅の方が狭いので実質無効。文字サイズ「大きく」でも代表者・会員数・沿革の
   行が折り返さないことを確認済み。 */
.body{max-width:900px;}

/* パンくず〜見出し〜最初のセクションラベルの間隔を調整（common.cssのh1既定 8px 0 20px を上書き、このページ限定） */
h1{margin:20px 0 12px;}
/* 項目名（目的／事業内容／沿革／基本情報）とすぐ下の内容ブロックの縦の余白を詰める（common.css既定12pxを上書き） */
.sectlabel{margin-bottom:8px;}

.purpose{
  background:color-mix(in srgb, var(--tama) 16%, transparent);border-left:3px solid var(--navy);
  padding:14px 18px;font-size:.92em;color:var(--text);line-height:1.9;
}

.biz-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;font-size:.86em;color:var(--text);
}
.biz-grid .item{
  display:flex;gap:10px;align-items:flex-start;padding:11px 16px;
  border:1px solid var(--navy);border-radius:var(--r-md);background:#F9F8F3;
}
.biz-grid .full{grid-column:1/-1;}
.biz-grid .num{
  width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;
  font-size:.75em;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;
}

.history{border:1px solid var(--navy);border-radius:var(--r-md);overflow:hidden;font-size:.86em;background:#F9F8F3;}
.hrow{display:flex;align-items:stretch;border-bottom:1px solid color-mix(in srgb, var(--navy) 30%, transparent);}
.hrow:last-child{border-bottom:none;}
.hrow .year{width:220px;font-weight:700;color:#fff;background:var(--navy);flex-shrink:0;white-space:nowrap;line-height:1.5;padding:13px 18px;display:flex;align-items:center;}
.hrow .event{color:var(--text);padding:13px 20px;display:flex;align-items:center;}
.hrow.milestone .year{background:var(--vermilion);}
.hrow.milestone{background:color-mix(in srgb, var(--vermilion) 7%, transparent);}

.info-table{border:1px solid var(--navy);border-radius:var(--r-md);overflow:hidden;font-size:.86em;background:#F9F8F3;}
.irow{display:flex;border-bottom:1px solid color-mix(in srgb, var(--navy) 30%, transparent);}
.irow:last-child{border-bottom:none;}
.irow .ilabel{
  width:150px;background:color-mix(in srgb, var(--tama) 22%, transparent);color:var(--navy);font-weight:700;
  padding:11px 18px;flex-shrink:0;
}
.irow .ival{padding:11px 18px;color:var(--text);}
.irow .ival a{color:var(--link);font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:5px;}

@media (max-width:640px){
  .biz-grid{grid-template-columns:1fr;}
  .hrow .year{width:96px;}
  .irow .ilabel{width:120px;}
}