:root {
  --color-main: #0a4c8a;
  --color-accent: #e7b200;
  --color-text: #333;

  --radius: 14px;

  --space-s: 8px;
  --space-m: 16px;
  --space-l: 32px;
  --space-xl: 64px;

  --container: 1200px;

  --color-bg: #f6f8fb;
  --color-surface: #ffffff;
  --color-border: #d8e0ea;
}

* {
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: inherit;
}

body,
h1,
h2,
h3,
p,
ul,
ol,
figure {
  margin: 0;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

body {
  min-height: 100vh;
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.7;
}