:root {
  --fg: #1a1a1a;
  --muted: #5c5c5c;
  --line: #d9d9d9;
  --bg: #ffffff;
  --link: #1a4fb4;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fg: #ececec;
    --muted: #a8a8a8;
    --line: #3a3a3a;
    --bg: #121212;
    --link: #8db4ff;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  line-height: 1.8;
}

.wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: 48px 16px 64px;
}

.company { margin: 0; color: var(--muted); }
h1 { margin: 4px 0 8px; font-size: 1.75rem; }
h2 { margin: 40px 0 12px; padding-bottom: 6px; border-bottom: 1px solid var(--line); font-size: 1.15rem; }
.lead { margin: 0; }
.note { color: var(--muted); font-size: 0.9rem; }
a { color: var(--link); }

.notices { list-style: none; margin: 0; padding: 0; }
.notices li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 16px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}
.notices .meta { color: var(--muted); font-size: 0.9rem; }

footer { margin-top: 48px; }