/* 沿革共通 */
.timeline { list-style: none; margin: 0; padding: 0; }
.timeline li { position: relative; display: grid; grid-template-columns: 190px minmax(0, 1fr); align-items: start; gap: 64px; padding: 24px 32px; }
.timeline li::before { content: ''; position: absolute; top: 0; bottom: 0; left: 254px; width: 1px; background: #d9dcd7; }
.timeline li::after { content: ''; position: absolute; top: 44px; left: 249px; width: 11px; height: 11px; border-radius: 50%; background: var(--brand); }
.timeline li:first-child::before { top: 44px; }
.timeline li:last-child::before { bottom: calc(100% - 44px); }
.timeline-year { text-align: right; color: var(--brand); font: 600 32px/1.5 Arial, sans-serif; font-variant-numeric: tabular-nums; }
.timeline li p { margin: 4px 0 0; }
.timeline .timeline-highlight { background: #fff6ec; border-radius: 8px; }
p + .timeline { margin-top: 48px; }
@media (max-width: 767px) {
  p + .timeline { margin-top: 32px; }
  .timeline li { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 20px 16px 20px 36px; }
  .timeline li::before { left: 12px; }
  .timeline li::after { left: 7px; top: 36px; }
  .timeline li:first-child::before { top: 36px; }
  .timeline li:last-child::before { bottom: calc(100% - 36px); }
  .timeline-year { text-align: left; font-size: 28px; }
  .timeline li p { margin: 0; }
}