:root {
  --bg: #f7f9fc;
  --surface: #ffffff;
  --text: #1b2430;
  --muted: #5b6676;
  --primary: #1f5eff;
  --primary-dark: #1646bf;
  --border: #d7dfeb;
  --success: #0f766e;
  --radius: 14px;
  --container: 1080px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  line-height: 1.7;
  color: var(--text);
  background: var(--bg);
}

h1 { font-size: clamp(2rem, 8vw, 3.8rem); line-height: 1.2; }
h2 { font-size: clamp(1.5rem, 6vw, 2.4rem); line-height: 1.3; margin-bottom: .8rem; }
h3 { font-size: clamp(1.15rem, 5vw, 1.4rem); margin-bottom: .5rem; }
p { color: var(--muted); }

.container { width: min(100% - 2rem, var(--container)); margin-inline: auto; }
.section { padding: 4.5rem 0; }
.section-title-en { letter-spacing: .14em; font-weight: 700; color: var(--primary); font-size: .8rem; }
.section-title-ja { margin-top: .35rem; }
.lead { font-size: 1.06rem; }

.skip-link { position:absolute; left:-9999px; }
.skip-link:focus { left:1rem; top:1rem; background:#fff; padding:.5rem; border:1px solid var(--border); }