.c-breadcrumb {
  padding: clamp(1.5em, 2.2222222222vw, 2em) 0;
}
:not([class*=u-content-align]) > .c-breadcrumb .c-breadcrumb__inner {
  --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);
}
.c-breadcrumb__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5em 1em;
}
.c-breadcrumb__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-breadcrumb__item + .c-breadcrumb__item {
  gap: 1em;
}
.c-breadcrumb__item + .c-breadcrumb__item::before {
  content: "";
  --size: 5px;
  --bdw: 1px;
  --clr: currentColor;
  display: block;
  width: var(--size);
  height: var(--size);
  border-top: var(--bdw) solid var(--clr);
  border-right: var(--bdw) solid var(--clr);
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateX(-25%) rotate(45deg);
          transform: translateX(-25%) rotate(45deg);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-breadcrumb__item:last-child {
  color: var(--clr--neutral-400);
}
.c-breadcrumb__item:last-child a {
  pointer-events: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}
.c-breadcrumb__item a {
  font-size: 0.6875em;
}

.c-stroke-button {
  position: relative;
  width: var(--w, 100%);
  max-width: var(--maw, -webkit-fit-content);
  max-width: var(--maw, -moz-fit-content);
  max-width: var(--maw, fit-content);
  height: var(--h, 48px);
  border: 1px solid var(--clr, #000);
  border-radius: var(--h, 48px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--py, 0) var(--px, 1.5em);
  margin: auto;
  background-color: var(--bgc, #fff);
  color: var(--clr, currentColor);
  -webkit-transition-property: opacity, background-color, color;
  transition-property: opacity, background-color, color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.c-stroke-button :is(a, span) {
  font-size: clamp(var(--fz13, 0.8125em), 0.9722222222vw, var(--fz14, 0.875em));
}
.c-stroke-button :is(a, span)::after {
  content: "";
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media (min-width: 48.0625em) {
  .c-stroke-button:hover {
    background-color: var(--clr, #000);
    color: var(--bgc, #fff);
  }
}

.c-article-header {
  text-align: center;
  padding: clamp(1.5em, 3.8888888889vw, 3.5em) 0 clamp(2.5em, 4.4444444444vw, 4em);
}
.c-article-header__category {
  margin-bottom: 1.25em;
}
.c-article-header__heading {
  font-size: clamp(var(--fz20, 1.25em), 1.6666666667vw, var(--fz24, 1.5em));
}

.c-article-slider {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.c-article-slider .swiper-slide {
  height: auto;
}
.c-article-slider .swiper-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1.5em, 2.2222222222vw, 2em);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(1.25em, 1.6666666667vw, 1.5em) auto 0;
}
.c-article-slider .swiper-button {
  position: relative;
  inset: 0;
  margin: unset;
  -webkit-transform: unset;
          transform: unset;
  width: 1.25em;
  height: 1.25em;
}
.c-article-slider .swiper-button::before {
  content: "";
  --size: 14px;
  --bdw: 1px;
  --clr: #000;
  display: block;
  width: var(--size);
  height: var(--size);
  border-top: var(--bdw) solid var(--clr);
  border-right: var(--bdw) solid var(--clr);
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.c-article-slider .swiper-button-prev::before {
  -webkit-transform: translateX(25%) rotate(-135deg);
          transform: translateX(25%) rotate(-135deg);
}
.c-article-slider .swiper-button-next::before {
  -webkit-transform: translateX(-25%) rotate(45deg);
          transform: translateX(-25%) rotate(45deg);
}
.c-article-slider .swiper-pagination {
  position: relative;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-article-slider .swiper-pagination-bullet {
  --swiper-pagination-bullet-horizontal-gap: 6px;
  width: 5px;
  height: 5px;
  background-color: #000;
}
.c-article-slider .c-image {
  position: relative;
  aspect-ratio: var(--aspect-ratio, 600/450);
}
.c-article-slider .c-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.c-grid-images {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-grid-images[data-column="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-grid-images[data-column="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 48.0625em) {
  .c-grid-images[data-column="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.p-article {
  padding-bottom: clamp(5em, 10vw, 9em);
}
.p-article__inner {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
.p-article__content {
  line-height: 1.7;
}
.p-article__content:not(:first-child) {
  margin-top: clamp(2.5em, 4.4444444444vw, 4em);
}
.p-article__content > * + * {
  margin-top: var(--stack-space, 2em);
}
.p-article__content p {
  font-size: clamp(0.8125em, 0.9722222222vw, 0.875em);
}
.p-article__content .c-image {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.p-article .c-stroke-button {
  margin-top: clamp(4em, 6.6666666667vw, 6em);
}

.page-info-detail {
  --content-max-width: 61.25rem;
}/*# sourceMappingURL=detail.css.map */