@charset "utf-8";

/* bass
========================================================================== */

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  /* font-family: -apple-system, blinkMacSystemFont,"Tahoma", "Helvetica Neue",Helvetica,sans-serif; */
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

@media all and (-ms-high-contrast: none) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

html {
  font-size: 625%;
}

@media (max-width: 1190px) {
  html {
    font-size: calc((1190px - (1190px - 100vw)) / 1190 * 100);
  }
}


body {
  font-size: 10px;
  font-size: 0.1rem;
  color: #111;
}

p {
  font-size: 15px;
  font-size: 0.15rem;
  line-height: 1.6;
}

a {
  color: inherit;
}

.is-show {
  opacity: 1 !important;
}

.is-hide {
  opacity: 0 !important;
}

@media (min-width: 768px) {
  .is-pc {
    display: block;
  }

  .is-sp {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .is-pc {
    display: none !important;
  }

  .is-sp {
    display: block;
  }
}

/* =======================================================================
sp
========================================================================== */

@media (max-width: 767px) {

  p {
    font-size: 14px;
    font-size: .14rem;
    line-height: 1.6;
  }

}