/* TIMEGRAPH 公式ホームページ プロトタイプ：下層ページ（仮） */

.sub {
  max-width: 880px; min-height: 70svh; margin: 0 auto;
  padding: calc(var(--header-h) + 64px) var(--gutter) 96px;
}
.sub__title { margin-top: 16px; font-family: var(--f-serif); font-weight: 400; font-size: clamp(28px, 4vw, 52px); line-height: 1.4; letter-spacing: .06em; }
.sub__title::after { content: ""; display: block; width: 30px; height: 1px; margin-top: 24px; background: var(--c-yellow); }
.sub__note { margin-top: 28px; color: var(--c-ink-soft); }
.sub__img { width: min(100%, 560px); margin-top: 32px; }
.sub__list { margin-top: 32px; border-top: 1px solid var(--c-line-light); }
.sub__list li { border-bottom: 1px solid var(--c-line-light); }
.sub__list a { display: grid; gap: 4px; min-height: 64px; padding: 16px 0; font-family: var(--f-serif); font-size: 20px; letter-spacing: .08em; text-decoration: none; }
.sub__list span { font-family: var(--f-latin); font-size: 11px; letter-spacing: .26em; color: var(--c-ink-soft); }
.sub__section { margin-top: 48px; }
.sub__section h2 { font-family: var(--f-serif); font-weight: 400; font-size: 22px; letter-spacing: .1em; }
.sub__back { margin-top: 48px; }
/* Tables in page text (the legal pages): ruled rows, the item column kept readable, never wider than the screen. */
.sub__content table { width: 100%; margin: 24px 0; border-collapse: collapse; font-size: 14px; line-height: 1.9; }
.sub__content th, .sub__content td { padding: 12px 14px 12px 0; border-bottom: 1px solid var(--c-line-light); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.sub__content tr > :first-child { width: 11em; font-weight: 700; }
.sub__content h3 { margin-top: 36px; font-family: var(--f-serif); font-weight: 500; font-size: 18px; letter-spacing: .06em; }
@media (max-width: 767px) {
  .sub__content tr > :first-child { width: 7.5em; }
}