:root { color-scheme: light dark; }
* { box-sizing: border-box; }

body {
  max-width: 44rem;
  margin: 0 auto;
  padding: 3rem 1.25rem 5rem;
  font-family: system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.9;
  word-break: normal;
  overflow-wrap: anywhere;
}

header { margin-bottom: 2.5rem; }
h1 { font-size: 1.5rem; margin: 0 0 .25rem; letter-spacing: .02em; }
.tagline { margin: 0; opacity: .75; }

h2 {
  font-size: 1rem;
  margin: 2.5rem 0 .75rem;
  padding-bottom: .35rem;
  border-bottom: 1px solid currentColor;
  opacity: .85;
}

h3 {
  font-size: .9375rem;
  margin: 1.75rem 0 .5rem;
  opacity: .85;
}

p, ul, ol { margin: 0 0 1rem; }
ul, ol { padding-left: 1.25rem; }
a { color: inherit; }

/* 問い合わせ先など、本文から浮かせて示す箇条書き。マーカーは出さない */
.contact {
  list-style: none;
  padding: .75rem 0 .75rem 1rem;
  border-left: 2px solid currentColor;
}
.contact li { margin: 0; }

footer { margin-top: 3.5rem; font-size: .875rem; opacity: .6; }
footer p { margin: 0 0 .25rem; }
.nav a { margin-right: 1rem; }