/*------------------------------
--------------------------------
 お客様の声
--------------------------------
------------------------------*/
.voice_box {
  margin: 48px auto;
  gap: 31px;
  padding: 65px 49px;
  border: 1px solid var(--logo);
  background: rgba(255, 255, 255, 0.90);
  background-position: left top, right top, left bottom, right bottom;
  background-repeat: no-repeat;
}

.voice_box,
.voice_name {
  display: flex;
}

.voice_image {
  width: 394px;
  min-width: 394px;
  height: 294px;
  aspect-ratio: 394 / 294;
}

.voice_image img {
  vertical-align: middle;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.voice_title {
  color: var(--midashi-brown);
  font-size: 2.0rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.0rem;
  letter-spacing: 0.4px;
  padding-bottom: 8px;
}

.voice-underline {
  border: 1px solid var(--logo);
}

.voice_name {
  font-family: Noto Sans JP;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: 0.8px;
  padding: 20px 0 21px 0;
  gap: 17px;
}

.voice_comment {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: 0.32px;
}

.voice_wrap {
  margin-bottom: 48px;
}

.voice .wp-pagenavi {
  column-gap: 23px;
  width: 50%;
  margin: 0 auto 96px auto;
}

.voice .wp-pagenavi span.extend:after {
  content: '…';
  margin-bottom: -15px;
}



@media screen and (max-width: 960px) {
  .voice_box {
    padding: 22px 13px;
  }

  .voice_image {
    min-width: 42%;
    width: 42%;
    height: auto;
  }

  .voice_txt {
    width: 53%;
  }
}

/* SP */
@media screen and (max-width: 650px) {
  .voice .voice_wrap .container {
    width: 80%;
  }

  .voice .headline_txt {
    margin-bottom: 48px;
  }

  .voice_box {
    flex-wrap: wrap;
    gap: 16px;
    margin: 24px auto;
  }

  .voice_image {
    padding-right: 4px;
    padding-left: 4px;
    width: 100%;
    min-width: 100%;
    height: 246px;
    aspect-ratio: 264 / 196;
  }

  .voice_txt {
    width: 100%;
  }

  .voice_title {
    text-align: justify;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: 0.32px;
    padding-bottom: 0;
  }

  .voice_name {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.1rem;
    letter-spacing: 0.7px;
    padding: 14px 0;
  }

  .voice_wrap {
    margin-bottom: 24px;
  }

  .voice .wp-pagenavi .page:has(+ .current),
  .voice .wp-pagenavi .current+.page,
  .voice .wp-pagenavi .page:has(+ .nextpostslink) {
    display: block;
  }

  .voice .wp-pagenavi .page {
    display: none;
  }

  .voice .wp-pagenavi span.extend {
    justify-content: center;
    margin-bottom: 0;
  }

  .voice .wp-pagenavi {
    column-gap: 15px;
    height: 30px;
    margin: 0 auto 48px auto;
  }

  .voice .wp-pagenavi span.current {
    width: 30px;
    padding: 0 10px;
    height: 100%;
  }

}

@media screen and (max-width: 375px) {
  .voice_image {
    height: 196px;
  }
}