﻿@media screen and (min-width: 769px) {

/* ============================================================
   セクション5: お客様の声（PC版） — CSS Grid
   仕様: 3行×4列 = 12枚常時表示 + もっと見る
   ============================================================ */

/* --- セクション全体 --- */
.sec-5 {
  position: relative;
  width: 100%;
  max-width: var(--content-max-width);
  margin: 0 auto;
  z-index: 1;
  padding-bottom: 80px;
}

.sec-5__inner {
  position: relative;
  width: 1920px;
  left: calc(50% - 960px);
  pointer-events: auto;
  overflow: hidden;
  padding-bottom: 20px;
}

/* --- タイトル画像 --- */
.sec-5__group-86 {
  position: relative;
  width: 624px;
  height: 96px;
  margin: 170px auto 50px;
  background: url('../images/sec5/グループ 86 2.png') no-repeat center center / contain;
  z-index: 1;
}

/* --- グリッドコンテナ (4列) --- */
.sec-5__grid {
  display: grid;
  grid-template-columns: repeat(4, 288px);
  gap: 15px;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}

/* --- カード共通 --- */
.sec-5__review-card {
  background: #F5F5F5;
  border-radius: 10px;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* PC版: is-review-hidden を上書きして全12枚表示 */
.sec-5__review-card.is-review-hidden {
  display: flex !important;
}

/* --- 星 --- */
.sec-5__review-stars {
  width: 98px;
  height: 18px;
  background: url('../images/sec5/78789 1.png') no-repeat center / contain;
  margin-bottom: 15px;
  flex-shrink: 0;
}

/* --- テキスト --- */
.sec-5__review-text {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 170%;
  color: #1E333B;
  margin: 0;
}

/* --- もっと見るボタン --- */
.sec-5__more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 500px;
  height: 40px;
  margin: 30px auto 0;
  background: #FFFFFF;
  border: 1px solid #1E333B;
  border-radius: 100px;
  z-index: 2;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

.sec-5__more-text {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  color: #1E333B;
  pointer-events: none;
}

.sec-5__more-chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid #1E333B;
  border-bottom: 2px solid #1E333B;
  transform: rotate(45deg);
  pointer-events: none;
  margin-top: -2px;
}

/* ホバー */
.sec-5__more-btn:hover { background: #1E333B; }
.sec-5__more-btn:hover .sec-5__more-text { color: #FFFFFF; }
.sec-5__more-btn:hover .sec-5__more-chevron { border-color: #FFFFFF; }

} /* end @media PC */
