:root {
  /* ===============================================
    * Color *
  =============================================== */
  --color-main: #25282A;
  --color-primary: #F2ADC2;
  --color-warning: #f8e6ec;
  --color-danger: red;
  --color-red: red;
  --color-base: 242,173,194;
  --color-blue: #292cf2;
  --color-berry: #5b2a83;
  --color-attention: 235, 21, 20;
  --color-gray: #e3e3e3;
  --color-gray-dark: #707070;
  --color-gray-middle: #999999;
  --color-gray-light: #F0F0F0;
  --color-bg-form: #FFFEF5;
  --color-txt: #25282A;
  --color-txt2: #99494B;
  /*   --font-ja: "BIZ UDPGothic", sans-serif;
    --noto: "Noto Sans", sans-serif;
    --font-en: "Open Sans", sans-serif;
    --font-en2: "Average", serif; */
  --hover-opacity: 0.8;
  --bg1: #f8e6ec;
  --bg2: #fef5f8;
}
@media screen and (min-width: 768px) {
  :root {
    --container-default: 124rem;
    --container-small: 100rem;
    --container-xs: 80rem;
  }
}

.key {
  color: var(--color-primary);
}

.en {
  font-family: var(--font-en);
}/*# sourceMappingURL=variable.css.map */