@charset "UTF-8";
h1,
h2 {
  font-family: "metropolisbold", Sans-Serif;
  text-transform: uppercase;
}

.align_center {
  text-align: center;
}

.upper {
  text-transform: uppercase;
}

/**Font Plus**/
h1,
h2 {
  font-weight: normal;
  font-style: normal;
}

.ff_rodin {
  font-family: fot-rodin-pron, "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 600;
  font-style: normal;
}

.p_xs {
  font-size: .8rem;
}

.rl {
  position: relative;
}

.abs {
  position: absolute;
}

.ovh {
  overflow: hidden;
}

.fw_500 {
  font-weight: 500 !important;
}

.fw_700 {
  font-weight: 700 !important;
}

.ff_base {
  font-family: "Noto Sans JP", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important;
}

.ff_genshin {
  font-family: 'Gen Shin Gothic', 'Noto Sans JP', "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: bold;
  font-style: normal;
}

:root {
  --colorBase: rgb(220, 181, 181);
  --colorPrimary: #EC1388;
  --colorBody: rgb(85, 84, 88);
  --colorGray01: rgb(182, 182, 182);
  --colorBg00: rgb(255, 233, 253);
  --colorBg01: rgb(255, 244, 250);
  --colorLine: rgb(230, 230, 230);
  --Grid_Container: 1600px;
  --Grid_Gutter: 30px;
  --ButtonBaseColor: #000;
  --Button_bgColor: transparent;
  --Button_Border: var(--ButtonBaseColor);
  --Button_bgColorHover: var(--ButtonBaseColor);
  --Button_txColor: var(--ButtonBaseColor);
  --Button_txtColorHover: #fff;
  --Button_bgPrimary: var(var(--colorPrimary));
}

.fill_wht {
  fill: #FFF;
}

.cl_primary {
  color: var(--colorPrimary) !important;
}

.cl_base {
  color: var(--colorBase) !important;
}

.cl_wht {
  color: #FFF !important;
}

.cl_black {
  color: #000 !important;
}

.cl_dgray {
  color: var(--colorGray01) !important;
}

.bg__primary {
  background: var(--colorPrimary) !important;
}

.bg__00 {
  background: var(--colorBg00) !important;
}

.bg__01 {
  background: var(--colorBg01) !important;
}

@media screen and (min-width: 1200px) {
  .hide-lg {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .hide-md {
    display: none !important;
  }
}

@media screen and (min-width: 575px) {
  .hide-sm {
    display: none !important;
  }
}

@media screen and (max-width: 1199px) {
  .show-lg {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .show-md {
    display: block !important;
  }
}

@media screen and (max-width: 576px) {
  .show-sm {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .desktop_show {
    display: none !important;
  }
}

.ls_1 {
  letter-spacing: -.05em;
}

.ls_01 {
  letter-spacing: .05em;
}

.ls_02 {
  letter-spacing: .1em;
}
/*# sourceMappingURL=variable.css.map */