@charset "UTF-8";
@import url(../css/destyle.css);
@font-face {
  font-family: "OPTIOnyx";
  src: url("../font/OPTIOnyx.otf") format("opentype");
}
/* @font-face {
  font-family: "Noto Sans JP";
  font-display: swap;
  src: url("../font/NotoSansJP.woff") format("woff");
} */
@font-face {
  font-family: "HinaMincho Regular";
  src: url("../font/HinaMincho-Regular.ttf") format("truetype");
}
body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #111111;
  font-size: 1rem;
  line-height: 1.875;
  letter-spacing: 0.075em;
  margin: auto;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 0.875rem;
  }
}

.contents {
  position: relative;
}

.inner {
  position: relative;
  max-width: calc(1200px + 2%);
  margin: 0 auto;
  padding: 0 1%;
  z-index: 4;
}
@media screen and (max-width: 1440px) {
  .inner {
    padding: 0 5%;
  }
}
@media screen and (max-width: 768px) {
  .inner {
    padding: 0 5%;
  }
}

.inner__small {
  max-width: calc(960px + 2%);
  margin: 0 auto;
  padding: 0 1%;
}
@media screen and (max-width: 768px) {
  .inner__small {
    padding: 0 3%;
  }
}

.inner__mid {
  max-width: calc(1280px + 2%);
  margin: 0 auto;
  padding: 0 1%;
}
@media screen and (max-width: 768px) {
  .inner__mid {
    padding: 0 3%;
  }
}

.inner__large {
  max-width: calc(1440px + 2%);
  margin: 0 auto;
  padding: 0 1%;
}
@media screen and (max-width: 768px) {
  .inner__large {
    padding: 0 3%;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}

.grecaptcha-badge {
  display: none !important;
}