@charset "UTF-8";
:root {
  /* サイトカラー */
  --color-key: #269c1d;
  --color-key-dark: #075d00;
  --color-key-pale: #f6ffed;
  --color-sub: #feff70;
  --color-sub-pale: #fff9cd;
  --color-accent: #fe0000;
  --color-accent-dark: #920000;
  --color-sub-accent: #fe5a00;
  --color-sub-accent-pale: #ffdfce;
  --color-sub-accent-dark: #b42f00;
  --color-border: #ccc;
  /* ブロック内gap */
  --inner-gap-wide: 20px;
  --inner-smgap-wide: 10px;
  --inner-gap-narrow: 2vw;
  --inner-smgap-narrow: 1vw;
  /* ブロック間margin */
  --block-gap-wide: 30px;
  --block-gap-narrow: 4vw;
  /* コンテンツ幅 */
  --contents-width-wide: 840px;
  --contents-width-narrow: 92vw;
  /* フォントファミリー */
  --font-gothic: "Noto Sans JP", sans-serif;
  --font-gothic2: "M PLUS 1p", sans-serif;
  --font-mincho: "Noto Serif JP", serif;
  --font-hit--number: "Aoboshi One", "Arial Narrow", sans-serif;
  /* フォントサイズ */
  --fs-xlg-wide: 1.5rem;
  --fs-lg-wide: 1.2rem;
  --fs-md-wide: 1rem;
  --fs-sm-wide: 0.9rem;
  --fs-xsm-wide: 0.75rem;
  --fs-lg-narrow: 5.5vw;
  --fs-md-narrow: 4vw;
  --fs-sm-narrow: 3vw;
  --fs-xsm-narrow: 2.5vw;
}
/* カラー */
.color-key {
  color: var(--color-key);
}
.color-sub {
  color: var(--color-sub);
}
.color-accent {
  color: var(--color-accent);
}
/* bgカラー */
.bg-key {
  background-color: var(--color-key);
}
.bg-sub {
  background-color: var(--color-sub);
}
.bg-accent {
  background-color: var(--color-accent) !important;
}
/* ///// PC ///// */
/* ///// スマホ ///// */