@charset "UTF-8";
.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-ff--ggrotesk-bold {
  font-family: GoldwinGrotesk, sans-serif;
  font-weight: 700;
}
.u-ff--ggrotesk-medium {
  font-family: GoldwinGrotesk, sans-serif;
  font-weight: 500;
}
.u-ff--ggrotesk-regular {
  font-family: GoldwinGrotesk, sans-serif;
  font-weight: 400;
}
.u-ff--ggrotesk-light {
  font-family: GoldwinGrotesk, sans-serif;
  font-weight: 300;
}
.u-ff--ja {
  font-family: GoldwinGrotesk, noto-sans-cjk-jp, "游ゴシック体 Pr6N M", "Yu Gothic Pr6N M", yu-gothic-pr6n, sans-serif;
}

.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, 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, 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, 100%);
  margin-left: auto;
  margin-right: 0;
  width: calc(100% - (var(--minmax)));
}

.u-inner--680,
.ci-inner--680 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 680px);
  margin-left: auto;
  margin-right: auto;
}
.u-inner--700,
.ci-inner--700 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 700px);
  margin-left: auto;
  margin-right: auto;
}
.u-inner--800,
.ci-inner--800 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 800px);
  margin-left: auto;
  margin-right: auto;
}
.u-inner--860,
.ci-inner--860 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 860px);
  margin-left: auto;
  margin-right: auto;
}
.u-inner--960,
.ci-inner--960 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 960px);
  margin-left: auto;
  margin-right: auto;
}
.u-inner--980,
.ci-inner--980 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 980px);
  margin-left: auto;
  margin-right: auto;
}
.u-inner--1100,
.ci-inner--1100 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 1100px);
  margin-left: auto;
  margin-right: auto;
}
.u-inner--1120,
.ci-inner--1120 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 1120px);
  margin-left: auto;
  margin-right: auto;
}
.u-inner--1200,
.ci-inner--1200 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 1200px);
  margin-left: auto;
  margin-right: auto;
}
.u-inner--1240,
.ci-inner--1240 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 1240px);
  margin-left: auto;
  margin-right: auto;
}
.u-inner--1320,
.ci-inner--1320 {
  width: calc(100% - max(var(--min, 12px), 2.7777777778vw) * 2);
  max-width: var(--maw, 1320px);
  margin-left: auto;
  margin-right: auto;
}

.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);
}

.u-hover-swap-underline {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
}
@-webkit-keyframes swap-underline-before {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes swap-underline-before {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes swap-underline-after {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes swap-underline-after {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media (max-width: 48em) {
  .u-hover-swap-underline {
    text-decoration: underline;
  }
}
@media (min-width: 48.0625em) {
  .u-hover-swap-underline {
    text-decoration: none;
  }
  .u-hover-swap-underline::before, .u-hover-swap-underline::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .u-hover-swap-underline::before {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .u-hover-swap-underline:hover::before, .u-hover-swap-underline.is-animate::before {
    -webkit-animation: swap-underline-before 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.52s forwards;
            animation: swap-underline-before 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.52s forwards;
  }
  .u-hover-swap-underline:hover::after, .u-hover-swap-underline.is-animate::after {
    -webkit-animation: swap-underline-after 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s forwards;
            animation: swap-underline-after 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s forwards;
  }
}/*# sourceMappingURL=utility.css.map */