@charset "UTF-8";
:root {
  --lending-trim: calc((1em - 1lh) / 2);
}

@supports not (top: 1lh) {
  :root {
    --lending-trim: 0;
  }
}
.p-content {
  position: relative;
  padding-bottom: clamp(50px, 1.3588rem + 6.8259vw, 90px);
  color: #231815;
}
.p-content__title {
  --color: #ffffff;
  --bg_color: #999388;
  margin-bottom: clamp(42px, 1.3887rem + 4.7782vw, 70px);
}

.p-cases-intro {
  margin-bottom: calc(min(3.5881435257dvw, 2.875rem) + var(--lending-trim));
  font-size: clamp(16px, 1rem + (1vw - 3.2px) * 0.156, 18px);
  line-height: 2.2222222222;
  text-align: center;
}
.p-cases-intro__note {
  color: #ebcbaa;
}
@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: min(4.9141965679dvw, 3.9375rem);
}
.p-cases-filter__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.p-cases-filter__item {
  color: #666666;
  font-size: clamp(18px, 1.125rem + (1vw - 3.2px) * 0.204, 20px);
  line-height: 1.6;
}
.p-cases-filter__item.\--active {
  color: var(--color-text);
}
.p-cases-filter__item:not(:last-child)::after {
  margin-inline: 0.5em;
  content: "/";
  color: #666666;
}
.p-cases-filter__btn {
  display: inline-block;
  border: none;
  background: none;
  color: inherit;
  font-size: inherit;
  letter-spacing: 0.24em;
  text-decoration: none;
  cursor: pointer;
}
.p-cases-filter__btn:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .p-cases-filter {
    margin-bottom: 9.6385542169dvw;
  }
  .p-cases-filter__item {
    font-size: clamp(16px, 1rem + (1vw - 3.2px) * 0.156, 18px);
    line-height: 1.7;
  }
  .p-cases-filter__item:not(:last-child)::after {
    margin-inline: 0;
  }
  .p-cases-filter__btn {
    letter-spacing: 0.14em;
  }
}

.p-cases-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: min(8.5803432137dvw, 6.875rem);
  column-gap: min(8.5803432137dvw, 6.875rem);
  row-gap: min(3.120124805dvw, 2.5rem);
  margin-bottom: min(8.4243369735dvw, 6.75rem);
}
.p-cases-list__card {
  display: flex;
  align-items: flex-start;
  gap: min(1.5600624025dvw, 1.25rem);
}
.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 270px;
}
.p-cases-list__card-title {
  margin-bottom: calc(min(0.5460218409dvw, 0.4375rem) + var(--lending-trim));
  color: #ebcbaa;
  font-size: clamp(18px, 1.125rem + (1vw - 3.2px) * 0.204, 20px);
  line-height: 1.6;
}
.p-cases-list__card-meta {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: clamp(14px, 0.875rem + (1vw - 3.2px) * 0.204, 16px);
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .p-cases-list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 8.4337349398dvw;
    margin-bottom: 9.6385542169dvw;
  }
  .p-cases-list__card {
    gap: 4.3373493976dvw;
  }
  .p-cases-list__card-title {
    margin-bottom: calc(2.4096385542dvw + var(--lending-trim));
  }
}

.p-pagination .page-numbers {
  color: #a97e6c;
}

.p-content.\--single {
  padding-top: clamp(48px, 1.587rem + 5.4608vw, 80px);
  background-image: none;
}

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

.p-case-article {
  max-width: 1040px;
  margin-inline: auto;
}
.p-case-article__title {
  padding-bottom: calc(min(1.4040561622dvw, 1.125rem) + var(--lending-trim));
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  font-weight: 700;
  font-size: clamp(0.6875rem, 2.1840873635dvw, 1.75rem);
  line-height: 1.5;
  letter-spacing: 0.08em;
}
.p-case-article__index {
  padding-top: min(2.0280811232dvw, 1.625rem);
  padding-bottom: min(2.496099844dvw, 2rem);
  border-bottom: 1px solid #ffffff;
  font-size: clamp(14px, 0.875rem + (1vw - 3.2px) * 0.204, 16px);
  line-height: 2;
}
.p-case-article__index-title {
  margin-bottom: min(0.7800312012dvw, 0.625rem);
  color: #ffffff;
  font-weight: 600;
}
.p-case-article__index-list {
  padding-left: 1em;
}
.p-case-article__index-item {
  color: #ebcbaa;
  font-weight: 700;
}
.p-case-article__index-item::before {
  margin-right: 0.2em;
  content: "・";
}
.p-case-article__footer {
  padding-top: min(2.1840873635dvw, 1.75rem);
  border-top: 1px solid #ffffff;
  font-size: clamp(14px, 0.875rem + (1vw - 3.2px) * 0.204, 16px);
  line-height: 2;
}
.p-case-article__back {
  padding-top: min(4.4461778471dvw, 3.5625rem);
  padding-bottom: min(4.0561622465dvw, 3.25rem);
  color: #ffffff;
  font-size: var(--font-size-small);
  letter-spacing: 0.04em;
  text-align: center;
}
.p-case-article__main {
  padding-top: min(0.3900156006dvw, 0.3125rem);
  padding-bottom: min(2.6521060842dvw, 2.125rem);
}
@media only screen and (max-width: 767px) {
  .p-case-article__title {
    padding-bottom: 4.3373493976dvw;
    font-size: max(5.3012048193dvw, 0.6875rem);
  }
}/*# sourceMappingURL=style.css.map */