.u-clr--neutral-50 {
  color: #fafafa;
}
.u-clr--neutral-100 {
  color: #F7F7F7;
}
.u-clr--neutral-200 {
  color: #E6E6E6;
}
.u-clr--neutral-250 {
  color: #e9e9e9;
}
.u-clr--neutral-300 {
  color: #d4d4d4;
}
.u-clr--neutral-400 {
  color: #B8B8B8;
}
.u-clr--neutral-500 {
  color: #737373;
}
.u-clr--neutral-600 {
  color: #575757;
}
.u-clr--neutral-700 {
  color: #404040;
}
.u-clr--neutral-800 {
  color: #262626;
}
.u-clr--neutral-900 {
  color: #171717;
}
.u-clr--neutral-950 {
  color: #0a0a0a;
}

.u-bg-clr--neutral-50 {
  background-color: #fafafa;
}
.u-bg-clr--neutral-100 {
  background-color: #F7F7F7;
}
.u-bg-clr--neutral-200 {
  background-color: #E6E6E6;
}
.u-bg-clr--neutral-250 {
  background-color: #e9e9e9;
}
.u-bg-clr--neutral-300 {
  background-color: #d4d4d4;
}
.u-bg-clr--neutral-400 {
  background-color: #B8B8B8;
}
.u-bg-clr--neutral-500 {
  background-color: #737373;
}
.u-bg-clr--neutral-600 {
  background-color: #575757;
}
.u-bg-clr--neutral-700 {
  background-color: #404040;
}
.u-bg-clr--neutral-800 {
  background-color: #262626;
}
.u-bg-clr--neutral-900 {
  background-color: #171717;
}
.u-bg-clr--neutral-950 {
  background-color: #0a0a0a;
}

@media (max-width: 30em) {
  .u-d-n--sp {
    display: none;
  }
}
@media (min-width: 30.0625em) and (max-width: 48em) {
  .u-d-n--tb {
    display: none;
  }
}
@media (min-width: 48.0625em) {
  .u-d-n--pc {
    display: none;
  }
}
@media (max-width: 48em) {
  .u-d-n--not-pc {
    display: none;
  }
}
@media (min-width: 30.0625em) {
  .u-d-n--not-sp {
    display: none;
  }
}
.u-d-b--sp {
  display: none;
}
@media (max-width: 30em) {
  .u-d-b--sp {
    display: block;
  }
}
.u-d-b--tb {
  display: none;
}
@media (min-width: 30.0625em) and (max-width: 48em) {
  .u-d-b--tb {
    display: block;
  }
}
.u-d-b--pc {
  display: none;
}
@media (min-width: 48.0625em) {
  .u-d-b--pc {
    display: block;
  }
}
.u-d-b--not-pc {
  display: none;
}
@media (max-width: 48em) {
  .u-d-b--not-pc {
    display: block;
  }
}
.u-d-b--not-sp {
  display: none;
}
@media (min-width: 30.0625em) {
  .u-d-b--not-sp {
    display: block;
  }
}

.u-ta--center {
  text-align: center;
}
.u-ta--right {
  text-align: right;
}
.u-ta--left {
  text-align: left;
}

.u-unclickable {
  pointer-events: none;
  text-decoration: none;
}
.u-unclickable:hover {
  cursor: unset;
  text-decoration: none;
}
.u-unclickable a {
  pointer-events: none;
  text-decoration: none;
}
.u-unclickable a:hover {
  cursor: unset;
  text-decoration: none;
}

.u-content-align--center {
  --minmax: max(calc(var(--content-min-margin, 24) * 1px), calc(var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw));
  max-width: var(--content-max-width, var(--maw, 100%));
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - var(--minmax) * 2);
}
.u-content-align--left {
  --minmax: max(calc(var(--content-min-margin, 24) * 1px), calc(var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw));
  max-width: var(--content-max-width, var(--maw, 100%));
  margin-left: 0;
  margin-right: auto;
  width: calc(100% - (var(--minmax)));
}
.u-content-align--right {
  --minmax: max(calc(var(--content-min-margin, 24) * 1px), calc(var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100vw));
  max-width: var(--content-max-width, var(--maw, 100%));
  margin-left: auto;
  margin-right: 0;
  width: calc(100% - (var(--minmax)));
}

.u-negative-margin--left {
  margin-left: min(var(--content-min-margin) * -1px, -2.7777777778vw);
}
.u-negative-margin--right {
  margin-right: min(var(--content-min-margin) * -1px, -2.7777777778vw);
}

.has-text-align-center {
  text-align: center;
}/*# sourceMappingURL=utility.css.map */