body {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', YuGothic, Verdana, Meiryo, sans-serif;
  line-height: 1.4;
  color: #304455;
}

h1 {
  margin: 24px 0;
  font-size: 24px;
}

h2 {
  margin: 28px 0 20px 0;
  font-size: 20px;
}

h3 {
  margin: 20px 0 16px 0;
  font-size: 18px;
}

img {
  max-width: 100%;
  margin: 12px 0;
}

.img-border {
  border: solid 1px #a7b5c0;
  border-radius: 4px;
}

.main {
  display: flex;
  justify-content: center;
  padding: 0 4px 40px 4px;
}

.container {
  width: 100%;
  max-width: 720px;
}

.section {
  padding: 8px 0;
}

.title-alt {
  border-bottom: 1px solid #ccdae6;
}

.footer {
  padding: 64px 0 12px 0;
  text-align: center;
  font-size: 14px;
  color: #798188;
}

.footer a {
  color: #798188;
}

.logo {
  margin: 0;
  padding: 8px 0;
  color: #798188;
}

.footer-link-item {
  padding: 0 12px;
}

.note {
  padding: 0 12px;
  border: 1px solid #798188;
  border-radius: 4px;
}

.code {
  padding: 0 4px;
  border: 1px solid #ccdae6;
  border-radius: 4px;
  background: #ebf5fd;
  color: #c71a5a;
}

.news-header > h1 {
  margin: 24px 0 0;
}

.news-header > .date {
  margin: 4px 0 24px;
  font-size: 14px;
  font-style: italic;
  color: #798188;
}

.supplement {
  color: #798188;
}

.footnote {
  font-size: 12px;
}

.aside {
  font-style: italic;
  color: #9ca3a9;
}