@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(--noto), var(--basic-mincho);
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  color: var(--black);
}
section {
  padding: 0.0001px;
}
.container {
  /* width: 1732px; */
  max-width: 90%;
  margin: 0 auto;
  padding: 0.0001px;
}

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

site common

-------------------------------*/
:root {
  --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;
  --noto: "Noto Serif JP";
  --times: times-new-roman;
  --black: #111;
}
.js-fadeIn {
  opacity: 0;
  transition: 2s;
}
.js-fadeIn.js-inview--show {
  opacity: 1;
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
@keyframes loading__logo {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}