@charset "UTF-8";
:root {
  --color-text: #231815;
  --color-primary: #489ba6;
  --color-primary-light: #c7dde1;
  --color-primary-dark: #296972;
  --color-secondary: #a59aca;
  --color-secondary-light: #e9e6f3;
  --color-secondary-dark: #8f85af;
  --color-gray: #737373;
  --color-gray-light: #e6e6e6;
  --color-white: #ffffff;
  --color-base: #ede8e0;
  --font-size-xsmall: clamp(10.5px, 0.656rem + ((1vw - 3.2px) * 0.384), 14px);
  --font-size-small: clamp(12px, 0.75rem + ((1vw - 3.2px) * 0.439), 16px);
  --font-size-medium: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.439), 18px);
  --font-size-large: clamp(16px, 1rem + ((1vw - 3.2px) * 0.439), 20px);
  --font-size-x-large: clamp(16px, 1rem + ((1vw - 3.2px) * 0.877), 24px);
  --font-size-xx-large: clamp(20px, 1.25rem + ((1vw - 3.2px) * 0.877), 28px);
  --lending-trim: calc((1em - 1lh) / 2);
}

@supports not (top: 1lh) {
  :root {
    --lending-trim: 0;
  }
}
.p-cases-intro {
  margin-bottom: calc(min(3.2280701754dvw, 2.875rem) + var(--lending-trim));
  font-size: var(--font-size-medium);
  line-height: 2.2222222222;
  text-align: center;
}
.p-cases-intro__note {
  color: var(--color-primary);
}

.p-cases-filter {
  margin-bottom: min(4.2105263158dvw, 3.75rem);
}
.p-cases-filter__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.p-cases-filter__item {
  color: #808080;
  font-size: var(--font-size-large);
  line-height: 1.6;
  letter-spacing: 0.24em;
}
.p-cases-filter__item.--active {
  color: var(--color-text);
}
.p-cases-filter__item:not(:last-child)::after {
  margin-inline: 0.5em;
  content: "/";
  color: #808080;
}
.p-cases-filter__btn {
  display: inline-block;
  border: none;
  background: none;
  color: inherit;
  font-size: inherit;
  text-decoration: none;
  cursor: pointer;
}
.p-cases-filter__btn:hover {
  text-decoration: underline;
}

.p-cases-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: min(7.7192982456dvw, 6.875rem);
  column-gap: min(7.7192982456dvw, 6.875rem);
  row-gap: min(2.8070175439dvw, 2.5rem);
  margin-bottom: min(7.5789473684dvw, 6.75rem);
}
.p-cases-list__card {
  display: flex;
  align-items: flex-start;
  gap: min(1.7543859649dvw, 1.5625rem);
}
.p-cases-list__card-img {
  flex: 0 1 172.5px;
  aspect-ratio: 172.5/138;
}
.p-cases-list__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-cases-list__card-body {
  flex: 1 1 267px;
}
.p-cases-list__card-title {
  margin-bottom: calc(min(0.9824561404dvw, 0.875rem) + var(--lending-trim));
  color: var(--color-primary);
  font-size: var(--font-size-large);
  line-height: 1.6;
}
.p-cases-list__card-meta {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: var(--font-size-small);
  line-height: 2;
}

.p-case-article-wrapper {
  max-width: 1120px;
}

.p-case-article {
  padding-top: min(4.1403508772dvw, 3.6875rem);
  padding-bottom: min(3.3684210526dvw, 3rem);
  padding-inline: min(2.8070175439dvw, 2.5rem);
  background-color: var(--color-base);
}
.p-case-article__inner {
  max-width: 1040px;
  margin-inline: auto;
}
.p-case-article__title {
  margin-bottom: calc(min(1.6140350877dvw, 1.4375rem) + var(--lending-trim));
  font-size: var(--font-size-xx-large);
  line-height: 1.5;
}
.p-case-article__index {
  padding-top: min(1.8245614035dvw, 1.625rem);
  padding-bottom: min(2.2456140351dvw, 2rem);
  border-top: 1px solid var(--color-text);
  border-bottom: 1px solid var(--color-text);
  font-size: var(--font-size-small);
  line-height: 2;
}
.p-case-article__index-title {
  margin-bottom: min(0.701754386dvw, 0.625rem);
  font-size: var(--font-size-small);
  line-height: 1.5;
}
.p-case-article__index-list {
  padding-left: 1em;
}
.p-case-article__index-item {
  color: var(--color-primary);
  font-weight: 700;
}
.p-case-article__index-item::before {
  margin-right: 0;
  content: "・";
}
.p-case-article__main {
  padding-bottom: min(2.3859649123dvw, 2.125rem);
}
.p-case-article__main > * {
  margin-block: calc(1.5em + var(--lending-trim));
}
.p-case-article__main .wp-block-separator {
  margin-block: 2em;
}
.p-case-article__main p:not(:wp-caption-text) {
  margin-block: 2rem;
}
.p-case-article__footer {
  padding-top: min(2.2456140351dvw, 2rem);
  border-top: 1px solid var(--color-text);
  font-size: var(--font-size-small);
  line-height: 2;
}
.p-case-article__heading-secondary {
  margin-top: calc(-1 * var(--header-height));
  padding-top: var(--header-height);
  font-size: var(--font-size-large);
  line-height: 2.5;
  letter-spacing: 0.1em;
}
.p-case-article__back {
  padding-top: min(4dvw, 3.5625rem);
  padding-bottom: min(3.649122807dvw, 3.25rem);
  font-size: var(--font-size-small);
  letter-spacing: 0.04em;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-cases-intro {
    margin-bottom: 9.6385542169dvw;
    line-height: 1.7;
  }
  .p-cases-intro__note {
    margin-top: 2.4096385542dvw;
  }
  .p-cases-filter {
    margin-bottom: 9.6385542169dvw;
  }
  .p-cases-filter__item {
    font-size: var(--font-size-medium);
    line-height: 1.7;
  }
  .p-cases-filter__item:not(:last-child)::after {
    margin-inline: 0;
  }
  .p-cases-list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 7.2289156627dvw;
    margin-bottom: 9.6385542169dvw;
  }
  .p-cases-list__card {
    gap: 6.0240963855dvw;
  }
  .p-cases-list__card-title {
    margin-bottom: calc(2.4096385542dvw + var(--lending-trim));
  }
}/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */