body.post-type-archive-voice main.main .voice__contents {
  padding-left: calc(30 / var(--spSize) * 100vw);
  padding-right: calc(30 / var(--spSize) * 100vw);
  padding-bottom: calc(200 / var(--spSize) * 100vw);
  display: grid;
  gap: calc(80 / var(--spSize) * 100vw) 0;
}
@media (768px <= width) {
  body.post-type-archive-voice main.main .voice__contents {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: calc(11.29 * var(--oldrem));
    max-width: 1000px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 0 5%;
  }}
body.post-type-archive-voice main.main .voice__item {
  border-bottom: 1px solid var(--clr-lightYellow3);
}
@media (768px <= width) {
  body.post-type-archive-voice main.main .voice__item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
  }}
@media (hover: hover) and (width >= 768px) {
  body.post-type-archive-voice main.main .voice__item {
    transition: all var(--speed) ease-in-out;
  }
  body.post-type-archive-voice main.main .voice__item:hover {
    opacity: 0.7;
  }}
body.post-type-archive-voice main.main .voice__item figure img {
  aspect-ratio: 480/340;
  -o-object-fit: cover;
     object-fit: cover;
}
body.post-type-archive-voice main.main .voice__item .title {
  font-size: calc(1.4 * var(--oldrem));
  font-family: var(--ff-shippori);
  margin-top: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.post-type-archive-voice main.main .voice__item .title {
    font-size: calc(2.2 * var(--oldrem));
    line-height: 1.8333;
    margin-top: calc(2 * var(--oldrem));
  }}
body.post-type-archive-voice main.main .voice__item .wrap {
  display: grid;
  grid-template-columns: auto calc(90 / var(--spSize) * 100vw);
  padding: calc(24 / var(--spSize) * 100vw) 0;
  margin-top: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.post-type-archive-voice main.main .voice__item .wrap {
    grid-template-columns: auto calc(6 * var(--oldrem));
    padding: calc(1.5 * var(--oldrem)) 0;
    margin-top: calc(2 * var(--oldrem));
  }}
body.post-type-archive-voice main.main .voice__item .note {
  font-size: calc(1.2 * var(--oldrem));
  color: #999;
}
@media (768px <= width) {
  body.post-type-archive-voice main.main .voice__item .note {
    font-size: calc(1.4 * var(--oldrem));
  }}
body.post-type-archive-voice main.main .voice__item .arrow {
  text-align: center;
  border-left: 1px dotted rgba(51, 51, 51, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}

body.single-voice main.main .copy {
  font-size: calc(2.2 * var(--oldrem));
  font-family: var(--ff-shippori);
  font-weight: 500;
  line-height: 1.583;
  padding-left: calc(30 / var(--spSize) * 100vw);
  padding-right: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .copy {
    font-size: calc(2.4 * var(--oldrem));
    padding-left: calc(10 * var(--oldrem));
    padding-right: calc(10 * var(--oldrem));
  }}
body.single-voice main.main .profile {
  padding-left: calc(30 / var(--spSize) * 100vw);
  padding-right: calc(30 / var(--spSize) * 100vw);
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 0 5%;
  margin-top: calc(50 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .profile {
    padding-left: calc(10 * var(--oldrem));
    padding-right: calc(10 * var(--oldrem));
    grid-template-columns: calc(20 * var(--oldrem)) auto;
    gap: 0 calc(5 * var(--oldrem));
    align-items: center;
    margin-top: calc(4.54 * var(--oldrem));
  }}
body.single-voice main.main .profile__label {
  background-color: var(--clr-lightYellow2);
  color: #666;
  font-size: calc(1.4 * var(--oldrem));
  font-family: var(--ff-ci);
  font-weight: 500;
  grid-row: span 4;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (768px <= width) {
  body.single-voice main.main .profile__label {
    font-size: calc(2.2 * var(--oldrem));
    height: calc(12 * var(--oldrem));
  }}
body.single-voice main.main .profile .name {
  font-size: calc(1.4 * var(--oldrem));
  font-family: var(--ff-shippori);
  font-weight: 500;
  color: #999;
  line-height: 1;
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (768px <= width) {
  body.single-voice main.main .profile .name {
    font-size: calc(2.2 * var(--oldrem));
    line-height: 1.5;
  }}
body.single-voice main.main .profile .date {
  font-family: var(--ff-shippori);
  line-height: 1.3;
  color: #999;
  grid-column: 2/3;
  grid-row: 3/4;
  margin-top: calc(20 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .profile .date {
    font-size: calc(1.4 * var(--oldrem));
    margin-top: 0;
    line-height: 2;
  }}
@media (768px <= width) {
  body.single-voice main.main .voice__header {
    padding-top: calc(8.14 * var(--oldrem));
  }}
body.single-voice main.main .voice__contents {
  margin-top: calc(60 / var(--spSize) * 100vw);
  border-top: 1px dotted var(--clr-lightYellow3);
  padding-top: calc(100 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .voice__contents {
    margin-top: calc(4.99 * var(--oldrem));
    padding-top: calc(6.79 * var(--oldrem));
  }}
body.single-voice main.main .voice__contents figure {
  text-align: center;
}
body.single-voice main.main .voice__wrap {
  padding-left: calc(30 / var(--spSize) * 100vw);
  padding-right: calc(30 / var(--spSize) * 100vw);
  margin-top: calc(140 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .voice__wrap {
    margin-top: calc(8.59 * var(--oldrem));
    padding: 0;
  }}
body.single-voice main.main .voice__section + .voice__section {
  margin-top: calc(130 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .voice__section + .voice__section {
    margin-top: calc(8.14 * var(--oldrem));
  }}
body.single-voice main.main .voice__section__title {
  font-size: calc(2.2 * var(--oldrem));
  font-family: var(--ff-shippori);
  font-weight: 500;
  line-height: 1.55;
}
@media (768px <= width) {
  body.single-voice main.main .voice__section__title {
    font-size: calc(2.4 * var(--oldrem));
  }}
body.single-voice main.main .voice__section__img {
  margin-top: calc(40 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .voice__section__img {
    margin-top: calc(4 * var(--oldrem));
  }}
body.single-voice main.main .voice__section__text {
  margin-top: calc(40 / var(--spSize) * 100vw);
  line-height: 2.4;
  color: #666;
}
@media (768px <= width) {
  body.single-voice main.main .voice__section__text {
    font-size: calc(1.4 * var(--oldrem));
    margin-top: calc(4 * var(--oldrem));
  }}
body.single-voice main.main .voice__other {
  background-color: var(--clr-lightYellow2);
  margin-top: calc(200 / var(--spSize) * 100vw);
  padding: calc(200 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .voice__other {
    margin-top: calc(11.29 * var(--oldrem));
    padding: calc(11.29 * var(--oldrem)) max(50% - 500px, calc(6 * var(--oldrem)));
  }}
body.single-voice main.main .voice__other h3 {
  font-size: calc(3.6 * var(--oldrem));
  font-family: var(--ff-ci);
  font-weight: 500;
  text-align: center;
  line-height: 1;
}
body.single-voice main.main .voice__other__wrap {
  margin-top: calc(75 / var(--spSize) * 100vw);
  display: grid;
  gap: calc(80 / var(--spSize) * 100vw) 0;
}
@media (768px <= width) {
  body.single-voice main.main .voice__other__wrap {
    margin-top: calc(5.67 * var(--oldrem));
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 0 5%;
  }}
body.single-voice main.main .voice__other__item {
  border-bottom: 1px solid var(--clr-lightYellow3);
}
@media (768px <= width) {
  body.single-voice main.main .voice__other__item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
  }}
@media (hover: hover) and (width >= 768px) {
  body.single-voice main.main .voice__other__item {
    transition: all var(--speed) ease-in-out;
  }
  body.single-voice main.main .voice__other__item:hover {
    opacity: 0.7;
  }}
body.single-voice main.main .voice__other__item figure img {
  aspect-ratio: 480/340;
  -o-object-fit: cover;
     object-fit: cover;
}
body.single-voice main.main .voice__other__item .title {
  font-size: calc(1.4 * var(--oldrem));
  font-family: var(--ff-shippori);
  margin-top: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .voice__other__item .title {
    font-size: calc(2.2 * var(--oldrem));
    line-height: 1.8333;
    margin-top: calc(2 * var(--oldrem));
  }}
body.single-voice main.main .voice__other__item .wrap {
  display: grid;
  grid-template-columns: auto calc(90 / var(--spSize) * 100vw);
  padding: calc(24 / var(--spSize) * 100vw) 0;
  margin-top: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .voice__other__item .wrap {
    grid-template-columns: auto calc(6 * var(--oldrem));
    padding: calc(1.5 * var(--oldrem)) 0;
    margin-top: calc(2 * var(--oldrem));
  }}
body.single-voice main.main .voice__other__item .note {
  font-size: calc(1.2 * var(--oldrem));
  color: #999;
}
@media (768px <= width) {
  body.single-voice main.main .voice__other__item .note {
    font-size: calc(1.4 * var(--oldrem));
  }}
body.single-voice main.main .voice__other__item .arrow {
  text-align: center;
  border-left: 1px dotted rgba(51, 51, 51, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
body.single-voice main.main .tolistlink {
  margin-top: calc(150 / var(--spSize) * 100vw);
  padding-left: calc(30 / var(--spSize) * 100vw);
  padding-right: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  body.single-voice main.main .tolistlink {
    margin-top: calc(9.04 * var(--oldrem));
    padding-left: 0;
    padding-right: 0;
  }}
body.single-voice main.main .tolistlink a {
  font-family: var(--ff-shippori);
  display: block;
  text-align: center;
  border: 1px solid var(--clr-lightYellow3);
  border-width: 1px 0;
  line-height: 3.8;
}
@media (768px <= width) {
  body.single-voice main.main .tolistlink a {
    font-size: calc(1.4 * var(--oldrem));
  }}
@media (hover: hover) and (width >= 768px) {
  body.single-voice main.main .tolistlink a {
    transition: all var(--speed) ease-in-out;
  }
  body.single-voice main.main .tolistlink a:hover {
    background: var(--clr-lightYellow2);
  }}
/* ─────── お客様の声の調整（2026-09-11）───────
   ページタイトルがメニューバー・ロゴに近いため下げる。PC表示のみ。 */
@media (768px <= width) {
  body#voice .pagetitle {
    padding-top: 130px;
  }}

/* カードはリンク全体に下線が付くため外す。一覧・記事・イベントと同じ扱いに揃える。 */
body#voice .voice__item,
body#voice .voice__item .title {
  text-decoration: none;
}

/* カードの余白調整（2026-09-11）PC表示のみ。
   ・見出しと本文が離れて見えるため、見出しの行送りと本文枠の余白を詰める。
     カードは subgrid で行の高さを揃えており、見出しが1行でも一番長い見出し
     （2行）ぶんの高さになるため、行送りを詰めるとその空きも縮む。
   ・カード同士が上下でくっついていて、どの本文がどのカードのものか
     分かりにくいため、段のあいだに余白を入れる。
     親の row-gap を使うとカード内部の行間まで広がるので使えない。
     区切り線はカード自身の下線だったが、それだと線が次の段に張り付くので
     本文の枠に移し、その下に余白を取っている。 */
@media (768px <= width) {
  body.post-type-archive-voice main.main .voice__item .title {
    line-height: 1.4;
  }
  body.post-type-archive-voice main.main .voice__item {
    border-bottom: none;
  }
  body.post-type-archive-voice main.main .voice__item .wrap {
    padding: calc(0.8 * var(--oldrem)) 0;
    margin-top: calc(0.8 * var(--oldrem));
    margin-bottom: calc(5 * var(--oldrem));
    border-bottom: 1px solid var(--clr-lightYellow3);
  }}

/* 口コミ詳細のタイトルがメニューバー・ロゴに近いため下げる（2026-09-11）PC表示のみ。
   このページには .pagetitle が無く、.voice__header の上余白で位置が決まる。
   他ページのページタイトルと同じ上端160pxに揃えている。 */
@media (768px <= width) {
  body.single-voice main.main .voice__header {
    padding-top: 130px;
  }}

/* 口コミ詳細の Other Voice（2026-09-11）PC表示のみ。
   一覧ページのカードと同じ作り・同じ数値だったので、同じ調整を当てる。
   見出しの行送りと本文枠の余白を詰め、リンク全体に付く下線を外す。 */
@media (768px <= width) {
  body.single-voice main.main .voice__other__item .title {
    line-height: 1.4;
  }
  body.single-voice main.main .voice__other__item .wrap {
    padding: calc(0.8 * var(--oldrem)) 0;
    margin-top: calc(0.8 * var(--oldrem));
  }}
body.single-voice main.main .voice__other__item,
body.single-voice main.main .voice__other__item .title {
  text-decoration: none;
}