/* ============================================================
   法人のあゆみ (houjin-ayumi.html) — 設計PDF「03-法人の歩み.pdf」完全再現
   設計実測: 1000pt幅ラスタ2084px ÷1.5 = CSS(PC基準幅1389px)
   帯: ペール #EBF5F0 1枚 → .hj-wave (houjin.html と同一パス) でフッター白へ
   年表: 2列 (年号244px右寄せ | 本文)・縞 #E0F0E2・罫 var(--hj-ink)
   ============================================================ */

/* ---------- 帯 (ページ全体ペール1枚・ヘッダーは絶対配置で上に浮遊) ---------- */
.hjay-band{
  position:relative;
  padding-top:256px;      /* 頁上端→見出し行ボックス (見出しインク中心 実測284px) */
  padding-bottom:105px;   /* 年表下端→波形上端 実測104.7px (波形は帯の直後の .hj-wave) */
}

/* 点線: このページは幅1094px (実測 244-1885raster) */
.hjay-band .hj-dots{margin-top:27px;width:1094px;max-width:calc(100% - 48px)}

/* ---------- 歴史写真 (実測 601x404 r37 中央) ---------- */
.hjay-photo{
  width:601px;max-width:calc(100% - 48px);height:404px;
  margin:43px auto 0;border-radius:37px;overflow:hidden;
}
.hjay-photo img{width:100%;height:100%;object-fit:cover}

/* ---------- 年表 (実測: 幅1176 / 行74.4px / 縞 #E0F0E2 / 罫1px) ---------- */
.hjay-tl{
  width:1176px;max-width:calc(100% - 48px);
  margin:44px auto 0;border-collapse:collapse;
  font-family:var(--font-g);font-weight:400;color:var(--hj-ink);
  font-size:20px;letter-spacing:.03em;line-height:24px;
  border-bottom:1px solid var(--hj-ink);
}
.hjay-tl tr{border-top:1px solid var(--hj-ink)}
.hjay-tl tbody tr:nth-child(even){background:#E0F0E2}
.hjay-tl th,.hjay-tl td{height:74.5px;vertical-align:middle;font-weight:400}
.hjay-tl th{
  width:244px;text-align:right;padding:8px 24px 8px 0;
  border-right:1px solid var(--hj-ink);white-space:nowrap;
}
.hjay-tl td{padding:8px 20px 8px 24px;text-align:left}

/* ---------- フッター間隔 (このページの設計実測に合わせた上書き。
   本ファイルは houjin-ayumi.html のみが読むため他ページへ影響なし) ---------- */
.hj-foot__nav{padding-top:4px}           /* 波形下端→1段目テキスト上端 実測16px (行box高36px考慮) */
.hj-fnav-row + .hj-fnav-row{margin-top:62px}  /* 行ピッチ 実測98.4px (box高36px+62px) */
.hj-foot__dots{margin-top:69px}          /* 3段目下端→点線 実測76.7px */
.hj-foot__body{margin-top:22px;padding-bottom:49px} /* ロゴ中心を設計中心2770pxに一致 */

/* ============================================================
   SP (〜859px): 当社最適化リフロー (配色・書体・素材は維持)
   ============================================================ */
@media (max-width:859px){
  .hjay-band{padding-top:128px;padding-bottom:48px}

  .hj-foot__nav{padding-top:44px}
  .hj-fnav-row + .hj-fnav-row{margin-top:16px}
  .hj-foot__dots{margin-top:40px}
  .hj-foot__body{margin-top:24px;padding-bottom:56px}
  .hjay-band .hj-dots{width:80%;margin-top:10px;max-width:none}

  .hjay-photo{
    width:min(86%,340px);height:auto;aspect-ratio:3/2;
    margin:26px auto 0;border-radius:14px;
  }

  .hjay-tl{
    width:calc(100% - 32px);margin-top:30px;
    font-size:13.5px;line-height:1.6;letter-spacing:.02em;
  }
  .hjay-tl th,.hjay-tl td{height:auto}
  .hjay-tl th{width:5.8em;padding:13px 10px 13px 0}
  .hjay-tl td{padding:13px 4px 13px 12px}
}