@charset "utf-8";
:root {
  --navy: #013A6C;
  --orange: #D38D32;
  --fg: #1d2a3a;
  --muted: #5d6b7c;
  --line: #e8ecf0;
}
html { background: #fff; }
body {
  margin: 0;
  color: var(--fg);
  background: #fff;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 15px;
  line-height: 1.8;
}
.in { max-width: 720px; margin: 0 auto; padding: 0 24px; }
.top { border-bottom: 1px solid var(--line); }
.top .in { display: flex; align-items: center; gap: 14px; padding-top: 12px; padding-bottom: 12px; }
.top img { height: 28px; width: auto; }
.top a { display: flex; align-items: center; }
.top span { color: var(--navy); font-weight: 700; }
main.in { padding-top: 28px; padding-bottom: 40px; }
h1 { font-size: 1.4rem; color: var(--navy); margin: 0 0 6px; }
.lead { color: var(--muted); margin: 0 0 24px; }
h2 { font-size: 1.05rem; margin: 30px 0 8px; color: var(--navy); font-weight: 700; border-bottom: 1px solid var(--line); padding-bottom: 4px; }
h3 { font-size: .98rem; margin: 22px 0 6px; }
p, li { margin: 0 0 8px; }
ol, ul { padding-left: 1.5em; margin: 0 0 8px; }
a { color: var(--navy); }
.mail {
  font: inherit; font-size: .9rem; cursor: pointer;
  background: #fff; color: var(--navy); border: 1.5px solid var(--navy); border-radius: 4px; padding: 2px 14px;
}
.mail:hover { background: var(--navy); color: #fff; }
.sig { color: var(--muted); margin-top: 24px; font-size: .92rem; }
.links { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; padding: 0; list-style: none; }
footer { font-size: .78rem; color: #7a8696; padding: 22px 24px; text-align: center; border-top: 1px solid var(--line); }
footer a { color: inherit; }