@charset "UTF-8";

/* ============================================================
   CSS カスタムプロパティ（既存サイトの色定義を踏襲）
   ============================================================ */
:root {
  --color-primary: #073061;
  --color-primary-light: #a9bcd4;
  --color-primary-dark: #052043;
  --color-accent: #E58600;
  --color-accent-dark: #C26F00;
  --sub-color: #dfe1e3;
  --color-danger: #e50012;
  --color-text: #222;
  --color-text-dark: #333333;
  --color-gray-mid: #999999;
  --color-gray-light: #cccccc;
  --color-white: #ffffff;
  --color-bg-light: #f3f3f3;
  --font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", "Yu Gothic", "Segoe UI", sans-serif;
  --container-width: 1030px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --shadow-card: 0 2px 10px rgba(7, 48, 97, 0.08);
}

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  font-size: 1.5rem;
  line-height: 1.7;
  color: var(--color-text);
  background: var(--color-white);
  -webkit-text-size-adjust: 100%;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  display: block;
}

a {
  color: var(--color-primary);
  text-decoration: none;
}

a:hover {
  color: var(--color-gray-light);
}

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

h1,
h2,
h3,
h4,
p {
  margin: 0;
}

button {
  font-family: inherit;
  cursor: pointer;
}