@charset "utf-8";

/*
お客様の声
================================================ */
/* .title {
  height: 310px;
  background-image: url(../img/price/price-top.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000000; */
  /* text-shadow: 1px 1px 3px #4b2c14; */
  /* margin-bottom: 65px;
}

.title h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: bold;
}

.title p {
  font-size: 14px;
  margin-top: 15px;
} */

.voice {
  width: 1000px;
  max-width: 100%;
  margin: 65px auto 0;
  font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

.voice h2 {
  font-size: 24px;
  /* border-bottom: 3px solid #87b9b8; */
  padding-bottom: 15px;
  clear: both;
  line-height: 1.4;
  /* margin: 0 0 15px 0; */
  max-width: 93%;
  margin: 0 auto 2em;
  padding: 0;
  font-weight: 600;
}

.voice_container {
  border-top: 2px solid #87b9b8;
  padding: 3em 0 0 0;
}

.voice_inner {
  margin: 0 auto 60px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 70px;
  row-gap: 65px;
  justify-content: center;
  padding: 0 20px;
}

.voice_heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.voice_container h3 {
  font-size: 130%;
}

.voice_container p {
  line-height: 2.2;
  margin: 0 0 2em 0;
}

.voice_num {
  text-align: center;
  margin-bottom: 0 !important;
  letter-spacing: 0.2em;
  line-height: 1.8em !important;
  background-color: #87b9b8;
  color: #ffffff;
  padding: 0 15px;
  margin-right: 1.2em !important;
  width: 65px;
}

.voice_title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}

.voice_title span {
  background: linear-gradient(transparent 60%, #cef6ff 60%);
}

.voice_data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.voice_name {
  margin: 0 !important;
  padding: 1em 1em 1em 0;
  font-weight: bold;
}

.voice_age {
  margin: 0 !important;
  padding: 1em 0;
  font-weight: bold;
}

.voice_gender {
  margin: 0 !important;
  padding: 1em;
  font-weight: bold;
}

@media (max-width: 768px) {
  .voice_inner {
   display: block;
   margin: 0 auto;
  }
}