@charset "utf-8";
/* CSS Document */
:root {
  --main-width: 1140px;
  --navigation-width: 850px;
  --min-spacing: 1.25rem;
  --content-spacing: clamp(var(--min-spacing), 24vw, max(calc(50% - var(--main-width) / 2), 12px));
  --content-section-spacing: 60px;
  --hamburger-menu-size: clamp(50px, 12.857vw, 90px);

  --family-meiryo: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  --family-yu-gothic: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  --family-yu-mincho: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
  --family-hiragino: 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝体', 'Yu Mincho', YuMincho, 'ＭＳ Ｐ明朝', 'MS PMincho', 'Sawarabi Mincho', serif;
  --family-noto: 'Noto Sans JP', sans-serif;

  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em / 1 'Font Awesome 6 Free';
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em / 1 'Font Awesome 6 Brands';

  --bg-color: #f6f6f6;
  --contents-color: #fff;
  --text-color: #000;

  --color-blue-1: #5680d3;
  --color-blue-2: #1f51b8;
  --color-blue-3: #04339b;
  --color-blue-4: #bfd6ff;
  --color-blue-5: #6598b8;
  --color-blue-6: #eef4ff;
  --color-blue-7: #f1f5fc;

  --color-blue-0: #002ea0;
  --color-blue-0: #1a4a8a;
  --color-blue-0: #264bc4;
  --color-blue-0: #85aad1;

  --color-green-1: #6f9491;
  --color-green-2: #0b858d;

  --color-gold-1: #a48450;

  --color-black-1: #343434;
  --color-black-2: #333435;
  --color-black-3: #212632;

  --color-gray-1: #47494e;
  --color-gray-2: #eee;

  --color-red-1: #d32f2f;
}

/* PC用 */
@media (min-width: 768px) {
  :root {
    --content-section-spacing: 100px;
  }
}

/* font指定 */
body,
input,
select,
option,
textarea,
button {
  /* 游ゴシックメインの場合はこちら */
  /* font-family: var(--family-yu-gothic); */
  font-family: var(--family-noto);
}

.mincho {
  font-family: var(--family-yu-mincho);
  font-weight: 600;
}

/* ブラウザが IE の場合はフォントをメイリオに設定 */
@media all and (-ms-high-contrast: none) {
  body,
  input,
  select,
  option,
  textarea,
  button {
    font-family: var(--family-noto);
  }
  .mincho {
    font-family: var(--family-yu-mincho);
    font-weight: 600;
  }
}

a {
  color: var(--color-blue-3);
}
a:hover {
  opacity: 0.7;
}

.privacyLink {
  color: var(--color-blue-2);
}

pre,
code,
kbd,
samp {
  font-family: var(--family-noto);
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}