/* ============================================
   p-voice-archive（お客様の声アーカイブ 2026）
   ============================================ */
.p-voice-reviews {
  background-color: #fff;
  margin-inline: auto;
  max-width: 600px;
  padding-top: 17px;
}
.p-voice-reviews__lead {
  font-size: 14px;
  line-height: calc(28 / 14);
  letter-spacing: 0.06em;
  font-weight: 700;
  margin-bottom: 24px;
  text-align: center;
}

/* 口コミ */
.p-voice-reviews__google.p-gvoice {
  background-color: #fff;
  margin-inline: auto;
  max-width: 600px;
  padding-block: 44px 10px;
  padding-inline: 20px;
  text-align: center;
  width: 100%;
}
.p-voice-reviews__google .p-gvoice__area {
  margin-top: 24px;
}
@media screen and (min-width: 480px) {
  .p-voice-reviews__google .p-gvoice__area {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 875px) {
  .p-voice-reviews__google.p-gvoice {
    padding: 80px 40px;
  }
}

/* p-voice-reviews__google と組み合わせたときも同じ見た目になるように整える */
.p-voice-reviews__google.p-gvoice .p-voice-reviews__logo {
  width: 167px;
  margin-inline: auto;
}
.p-voice-reviews__google.p-gvoice .p-voice-reviews__logo img {
  aspect-ratio: 167 / 52;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* TrustIndex ウィジェット本体の下マージンをリセット（renewal/google.css 由来）。
   renewal/google.css は is_front_page() でしか読まれないためここで再定義する。 */
.ti-widget.ti-goog .ti-widget-container {
  margin-block-end: 0 !important;
}

/* TrustIndex の標準CSSは矢印を大きい画面幅でだけ表示する。
   /voice の口コミ枠は下層ページ用に幅を絞っているため、この枠内では明示的に表示する。 */
@media screen and (min-width: 768px) {
  .p-voice-reviews__google .ti-widget.ti-goog .ti-controls {
    display: block !important;
  }

}


/* 一覧 */
.p-voice-archive {
  background-color: #fff;
  margin-inline: auto;
  max-width: 600px;
  padding-block: 48px 36px;
}
.p-voice-archive__card-body {
  font-size: 14px;
  line-height: calc(21 / 14);
  letter-spacing: 0.01em;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #b12c26;
  padding: 13px 15px 11px;
}
.p-voice-archive__list {
  margin-top: 24px;
}
.p-voice-archive__card + .p-voice-archive__card {
  margin-top: 32px;
}
.p-voice-archive__card-image img {
  aspect-ratio: 335 / 172;
  width: 100%;
  object-fit: cover;
  display: block;
  object-position: center 51%;
  background: #f0f0f0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.p-voice-archive__card-title {
  margin: 0;
}
.p-voice-archive__card-date {
  letter-spacing: 0.02em;
  display: block;
  text-align: right;
  margin-top: 5px;
}
/* 結果なしのスタイル */
.p-voice-archive__empty {
  text-align: center;
  color: #000000;
  font-size: 16px;
  padding-block: 30px 40px;
}
@media screen and (min-width: 875px) {
  .p-works-empty {
    font-size: 18px;
  }
}
.p-voice-archive .c-pagination {
  padding-block: 42px 0;
}

/* ============================================
   p-voice-single（お客様の声詳細 2026）
   ============================================ */
.p-voice-single {
  background-color: #fff;
  margin-inline: auto;
  max-width: 600px;
  padding-block: 27px 80px;
}
.p-voice-single-message {
  padding-bottom: 72px;
}
.p-voice-single .c-message__title {
  margin-bottom: 0;
}
.p-voice-single .c-message__wrapper {
  padding: 24px 10px 27px;
}
.p-voice-single .c-message__staff img {
  aspect-ratio: 280 / 196;
}
.p-voice-single__head {
  font-size: 16px;
  line-height: calc(25 / 16);
  letter-spacing: 0.05em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 27px;
}
.p-voice-single .c-message__staff-name {
  letter-spacing: 0.06em;
}

/* その他のお客様の声 */
.p-voice-related {
  margin-top: 69px;
}
.p-voice-related__title {
  margin-bottom: 24px;
}