.pc {
  display: block !important;
}

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

.tbp {
  display: none !important;
}

@media screen and (max-width: 1023px) {
  .tbp {
    display: block !important;
  }
}

.sp {
  display: none !important;
}

@media screen and (max-width: 999px) {
  .sp {
    display: block !important;
  }
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

html *,
html *:before,
html *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html.wf-active,
html.loading-delay {
  visibility: visible;
}

body {
  color: #554338;
  line-height: 2;
  position: relative;
  font-size: 1.4em;
  letter-spacing: 0.05em;
  width: 100%;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-family: zen-kaku-gothic-antique,sans-serif;
  font-weight: 500;
  font-style: normal;
}

.container {
  max-width: 1380px;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
}

@media screen and (max-width: 1280px) {
  .container {
    padding: 0 40px;
  }
}

@media screen and (max-width: 999px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

input:focus,
input:active,
a:focus,
a:active {
  outline: none;
}

.main-content {
  padding-top: 0;
}

.u-line-height-none {
  line-height: 0;
}

.u-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/*# sourceMappingURL=custom-base.css.map */