@charset "UTF-8";
@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block;
  }
}
body {
  font-family: var(--shuei), var(--basic-gothic);
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  color: var(--black);
}
/* WebFontが読み込まれたら文字色を通常に */
/* :is(html.wf-active, html.wfno-load, html.loading-delay) body {
  color: var(--black);
} */
section {
  padding: 0.0001px;
}
.container {
  width: 1536px;
  max-width: 90%;
  margin: 0 auto;
  padding: 0.0001px;
}

/*-------------------------------

site common

-------------------------------*/
:root {
  --noto: "Noto Sans";
  --basic-mincho: "游明朝", "Yu Mincho", "Hiragino Mincho ProN",
    "Hiragino Mincho Pro", "MS P明朝", "MS Mincho", serif;
  --basic-gothic: "游ゴシック体", YuGothic, "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --basic-gothic--en: "Helvetica Neue", Arial, sans-serif;
  --black: #111;
  --red: #d93535;
  --beige: #f1efeb;
  --lato: "lato", sans-serif;
  --reimin: "a-otf-ud-reimin-pr6n";
  --shuei: "dnp-shuei-gothic-gin-std";
  --din: urw-din;
}
.js-fadeIn {
  opacity: 0;
  transition: 2s;
}
.js-fadeIn.js-inview--show {
  opacity: 1;
}