/* company page — unique styles (shared styles are in common.css) */

/* 代表あいさつ */
.greet{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start;max-width:860px;margin:0 auto}
.greet .ph-img{width:100%;border-radius:14px;height:360px;object-fit:cover;object-position:top}
.greet p{font-size:16px;color:#3a4d56;line-height:2.0;margin-bottom:18px}
.sign{margin-top:28px;font-size:18px;font-weight:700;color:var(--navy);font-family:"Zen Kaku Gothic New",sans-serif}
.sign small{display:block;font-size:13px;color:var(--gray);font-weight:600;margin-bottom:6px}

/* 会社情報テーブル */
.info-table{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}
.info-table th,.info-table td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.7}
.info-table th{width:200px;font-weight:700;color:var(--navy);white-space:nowrap;background:var(--bg-tint)}
.info-table td{color:#3a4d56}

/* アクセス */
.office-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.office{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}
.office .map{width:100%;height:220px;border:none;display:block}
.office-body{padding:22px 24px}
.office-body .label{font-size:13px;font-weight:700;color:var(--main-d);letter-spacing:.05em;margin-bottom:8px}
.office-body .zip{font-size:13px;color:var(--gray)}
.office-body .addr{font-size:16px;font-weight:700;color:var(--navy);margin:4px 0 10px;line-height:1.6}
.office-body .access{font-size:13px;color:var(--gray);line-height:1.8}
.office-body .access b{font-weight:700;color:var(--navy);margin-right:6px}

/* 沿革タイムライン */
.history-timeline{display:flex;flex-direction:column;gap:40px}
.history-year-group{position:relative;padding-left:28px}
.history-year-group::before{
  content:"";position:absolute;left:6px;top:38px;bottom:0;
  width:2px;background:var(--line);
}
.history-decade{
  font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;
  font-size:15px;color:var(--main-d);letter-spacing:.08em;
  margin-bottom:18px;
}
.history-item{
  display:grid;grid-template-columns:130px 1fr;gap:16px;
  padding:14px 0;border-bottom:1px solid var(--line);
  position:relative;
}
.history-item::before{
  content:"";position:absolute;
  left:-25px;top:20px;
  width:10px;height:10px;border-radius:50%;
  background:#fff;border:2px solid var(--main);
}
.history-date{
  font-size:14px;font-weight:700;color:var(--main-d);
  padding-top:2px;white-space:nowrap;
}
.history-body{font-size:15.5px;color:var(--navy);line-height:1.7;font-weight:500}

/* レスポンシブ */
@media(max-width:860px){
  .greet{grid-template-columns:1fr;gap:28px}
  .greet .ph-img{height:260px}
  .office-grid{grid-template-columns:1fr}
  .info-table th{width:140px;white-space:normal}
}
@media(max-width:600px){
  .history-item{grid-template-columns:1fr;gap:4px}
  .history-date{font-size:13px}
}