/* 要素の基本だけ。画面ごとの調整はここに書かない（SPEC-39） */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--cl-font); font-size: var(--cl-fs-body); line-height: var(--cl-lh); color: var(--cl-ink); background: var(--cl-wash);
  font-feature-settings: 'palt' 0; }
h1, h2, h3, p { margin: 0; }
h1 { font-size: var(--cl-fs-h1); font-weight: 700; }
h2 { font-size: var(--cl-fs-h2); font-weight: 700; }
a { color: var(--cl-navy); }
:focus-visible { outline: none; box-shadow: var(--cl-focus); }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }
.cl-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }