@charset "UTF-8";
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-sub-black: #353535;
  --color-sub-black-2: #9b9b9b;
  --color-main: #eda0b4;
  --color-sub: #f8dce3;
  --color-text: #5f4b52;
  --color-label: #e48fa6;
  --color-label-text: #ffffff;
  --color-button: #db7e96;
  --color-button-text: #ffffff;
  --color-line: #06c755;
  --color-background: #fffafb;
  --color-main-deep: color-mix(in srgb, var(--color-main) 66%, var(--color-text));
  --color-main-soft: color-mix(in srgb, var(--color-main) 16%, var(--color-white));
  --color-main-veil: color-mix(in srgb, var(--color-main) 8%, var(--color-white));
  --color-hairline: color-mix(in srgb, var(--color-main) 34%, transparent);
  --color-bg-emph: color-mix(in srgb, var(--color-main) 8%, transparent);
  --color-mask: color-mix(in srgb, var(--color-text) 40%, transparent);
  --gradient-main: linear-gradient(
    180deg,
    var(--color-white) 0%,
    var(--color-main-veil) 100%
  );
  --shadow-white: 0 0 4px #ffffff;
  --shadow-black: 0 2px 14px color-mix(in srgb, var(--color-main) 16%, transparent);
  --shadow-main: 0 1px 3px color-mix(in srgb, var(--color-main) 30%, transparent);
  --shadow-box: 0 4px 18px color-mix(in srgb, var(--color-main) 18%, transparent);
  --shadow-card: 0 10px 28px color-mix(in srgb, var(--color-main) 22%, transparent);
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("../fonts/Cinzel.woff2") format("woff2");
  font-optical-sizing: auto;
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
/* reviews__section */
.reviews__section {
  margin-top: 8.3333333333vw;
  /* ページネーション */
}
@media (min-width: 1920px) {
  .reviews__section {
    margin-top: 160px;
  }
}
@media (max-width: 767px) {
  .reviews__section {
    margin-top: 15.6453715776vw;
  }
}
.reviews__section .page__container {
  width: 59.7222222222vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1920px) {
  .reviews__section .page__container {
    width: 1146.6666666667px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container {
    width: 96.479791395vw;
  }
}
.reviews__section .page__container .cast__reviews .review__card {
  flex-direction: row;
}
.reviews__section .page__container .cast__reviews .review__card .review__card__thumb {
  flex: 0 0 12.5vw;
  margin-right: 0.6944444444vw;
}
@media (min-width: 1920px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb {
    margin-right: 13.3333333333px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb {
    margin-right: 2.6075619296vw;
  }
}
@media not screen and (min-width: 768px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb {
    flex: 0 0 6.9444444444vw;
  }
}
.reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
.reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
  display: block;
  width: 12.5vw;
  height: 16.6666666667vw;
  object-fit: cover;
  object-position: center;
  border-radius: 0.5555555556vw;
}
@media (min-width: 1920px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    width: 240px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    width: 26.075619296vw;
  }
}
@media (min-width: 1920px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    height: 320px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    height: 52.1512385919vw;
  }
}
@media (min-width: 1920px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    border-radius: 10.6666666667px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb a,
  .reviews__section .page__container .cast__reviews .review__card .review__card__thumb img {
    border-radius: 1.5645371578vw;
  }
}
.reviews__section .page__container .krc-review-form-wrapper {
  min-width: 47.2222222222vw;
}
@media (min-width: 1920px) {
  .reviews__section .page__container .krc-review-form-wrapper {
    min-width: 906.6666666667px;
  }
}
@media (max-width: 767px) {
  .reviews__section .page__container .krc-review-form-wrapper {
    min-width: 83.4419817471vw;
  }
}
.reviews__section .pagination {
  margin-top: 24px;
  text-align: center;
}
.reviews__section .pagination .page-numbers {
  display: inline-flex;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.reviews__section .pagination .page-numbers li a,
.reviews__section .pagination .page-numbers li span {
  display: inline-block;
  min-width: 36px;
  padding: 8px 12px;
  border: 1px solid var(--color-hairline);
  border-radius: 8px;
  text-decoration: none;
  color: var(--color-text);
}
.reviews__section .pagination .page-numbers li .current,
.reviews__section .pagination .page-numbers li a:hover {
  border-color: var(--color-main);
  color: var(--color-main);
}