@import url("/static/full/goldwin/js/plugin/swiper/swiper-bundle.min.css");
.c-breadcrumb {
  padding: clamp(1.5rem, 2.2222222222vw, 2rem) 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 {
    cursor: pointer;
    background-color: var(--clr, #000);
    color: var(--bgc, #fff);
  }
}

.c-article-header {
  text-align: center;
  padding: clamp(1.5rem, 3.8888888889vw, 3.5rem) 0 clamp(2.5rem, 4.4444444444vw, 4rem);
}
.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.5rem, 2.2222222222vw, 2rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(1.25rem, 1.6666666667vw, 1.5rem) 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-article-table {
  position: relative;
}
.c-article-table__content {
  padding-left: max(var(--content-min-margin, 24) * 1px, var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100 * 1vw);
  padding-right: max(var(--content-min-margin, 24) * 1px, var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100 * 1vw);
  margin-left: min(var(--content-min-margin, 24) * -1px, var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100 * -1vw);
  margin-right: min(var(--content-min-margin, 24) * -1px, var(--content-base-margin, 40) / var(--content-base-width, 1440) * 100 * -1vw);
  overflow-x: auto;
}
.c-article-table__content table {
  min-width: 824px;
  width: 100%;
  font-size: 0.8125rem;
  text-align: center;
  line-height: 1.2;
}
.c-article-table__content table:not(:first-child) {
  margin-top: 2em;
}
.c-article-table__content table.is-full-size {
  width: 100%;
  min-width: 824px;
}
.c-article-table__content table + .c-article-table__content table {
  margin-top: clamp(3rem, 5.5555555556vw, 5rem);
}
.c-article-table__content table caption {
  text-align: left;
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
}
.c-article-table__content table thead {
  background-color: var(--clr--neutral-100);
}
.c-article-table__content table tbody {
  border-top: 1px solid var(--clr--neutral-400);
}
.c-article-table__content table tr:not(:first-child) {
  border-top: 1px solid var(--clr--neutral-400);
}
.c-article-table__content table tr:last-child {
  border-bottom: 1px solid var(--clr--neutral-400);
}
.c-article-table__content table th {
  border-right: 1px solid var(--clr--neutral-400);
}
.c-article-table__content table th[rowspan] {
  vertical-align: middle;
}
.c-article-table__content table th[rowspan]:last-child {
  border-right: none;
}
.c-article-table__content table th p {
  padding: 0 1rem;
  font-weight: normal;
}
.c-article-table__content table td {
  vertical-align: middle;
}
.c-article-table__content table td:not(:first-child) {
  border-left: 1px solid var(--clr--neutral-400);
}
.c-article-table__content table td p {
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  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;
}
.c-article-table__content table td p:not(:first-child) {
  border-top: 1px solid var(--clr--neutral-400);
}
.c-article-table__content table td a {
  text-decoration: underline;
}
.c-article-table__content table td a:hover {
  text-decoration: none;
}

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

article :where(div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
input,
textarea) {
  font-weight: revert;
  font-style: revert;
  padding: revert;
  margin: revert;
}

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