@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
html {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.875;
  font-weight: 500;
  color: #000;
}

html * {
  box-sizing: border-box;
  min-height: 0%;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  opacity: .8;
}

img {
  vertical-align: bottom;
  width: 100%;
}

ul, li {
  list-style: none;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.pc__display{
  display: block!important;
}

.sp__display{
  display: none!important;
}

.pc-inline {
  display: inline-block;
}

.sp-inline {
  display: none;
}

.pc-flex {
  display: flex;
}

.sp-flex {
  display: none;
}

@media (max-width: 767px) {
  body {
    font-size: 0.9375rem;
  }
.pc__display{
  display: none!important;
}

.sp__display{
  display: block!important;
}
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .pc-inline {
    display: none;
  }
  .sp-inline {
    display: inline-block;
  }
  .pc-flex {
    display: none;
  }
  .sp-flex {
    display: flex;
  }
}