@charset "UTF-8";


:root {
  --ff-zenmaru: "Zen Maru Gothic", "メイリオ", Meiryo, sans-serif;
  --ff-zenkaku: "Zen Kaku Gothic New", "メイリオ", Meiryo, sans-serif;
  --ff-sans-serif: var(--ff-zenmaru);
  --ff-sans-serif2: var(--ff-zenkaku);
  --letter-spacing: 0.05em;
  --typography-base-font-family: var(--ff-sans-serif);
  --typography-base-font-weight: 400;
  --typography-base-font-size: 1rem;
  --typography-base-line-height: 1.75;
  --typography-base-letter-spacing: var(--letter-spacing);
  --color-base: #222;
  --color-base-rgb:34, 34, 34;
  --color-outline: #000000;
  --color-outline-rgb:0, 0, 0;
  /* --color-primary: #E34374;
  --color-primary-rgb:227, 67, 116; */
  --color-primary: #4159e0;
  --color-primary-rgb:241, 243, 255;
  --color-secondary: #F28647;
  --color-secondary-rgb:242, 134, 71;
  --color-secondary2: #86AA14;
  --color-secondary2-rgb:134, 170, 20;
  --color-border: #DDDDDD;
  --color-border-rgb:221, 221, 221;
  --color-light: #ffffff;
  --color-light-rgb:255, 255, 255;
  --color-bg-base: #ffffff;
  --color-bg-base-rgb:255, 255, 255;
  /* --color-bg-base2: #FDEFF3;
  --color-bg-base2-rgb:253, 239, 243; */
  --color-bg-base2: #F1F3FF;
  --color-bg-base2-rgb:241, 243, 255;
  --color-bg-base3: #E4F4DF;
  --color-bg-base3-rgb:228, 244, 223;
  --color-bg-gray: #666666;
  --color-bg-gray-rgb:102, 102, 102;
  --color-dark: #000000;
  --color-dark-rgb:0, 0, 0;
  --site-width: 1120px;
  --space-inline: 15px;
  --space-inline-negative: calc(var(--space-inline * -1));
  --scroll-adjust: 0px;
  --min-device-width: 360px;
  --sec: 0.5s;
  --opacity: 0.6;
  --zoom: 1.1;
  --radius: 8px;
}
@media (max-width: 965px) {
  :root {
    --typography-base-font-size: 0.875rem;
    --typography-base-line-height: 1.7857142857;
  }
}
@media (max-width: 965px) {
  :root {
    --radius: 4px;
  }
}

:not(:root) {
  letter-spacing: var(--letter-spacing);
}