@charset "UTF-8";
/*================================================
このCSSファイルはSassから生成されています。
編集しないようにご注意ください。
================================================*/
html {
  font-size: 62.5%;
  /* 10px */
  height: 100%;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
}

.cont_wrap.voice_wrap {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}

.voice_wrap {
  padding-top: 3.2rem;
}

.ttl_cont_sub._voice {
  font-size: 3.4375vw;
}

.voice_cont {
  display: grid;
  grid-template-columns: 38% auto;
  grid-column-gap: 18px;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
}

.past_image {
  grid-column: 1 / 2;
  grid-row: 1;
}

.voice_header {
  color: #fa9370;
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.5;
  font-weight: normal;
}

.voice_data {
  grid-column: 2 / 2;
  grid-row: 1;
}

.w-data {
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  letter-spacing: .05em;
  font-size: 1.4rem;
  padding-top: 1.4rem;
}

.commnet {
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  letter-spacing: .05em;
  font-size: 1.2rem;
}

.reason_txt {
  grid-column: 1 / 3;
  grid-row: 2;
  padding-top: 2rem;
}

.point_txt {
  grid-column: 1 / 3;
  grid-row: 3;
  padding-top: 2rem;
}

.impression_txt {
  grid-column: 1 / 3;
  grid-row: 4;
  padding-top: 2rem;
}

.voice_photo {
  display: -ms-grid;
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  padding-top: 3rem;
}

.img_outer {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 74.3083%;
}

.img_outer img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.report_btn {
  text-align: center;
  margin-top: 3.8rem;
}

.report_btn a {
  color: #9e874a;
  display: inline-block;
  border: solid 1px #9e874a;
  padding: 1.1rem 4.2rem;
  font-size: 1.2rem;
}

.include {
  display: none;
}

@media screen and (min-width: 1024px) {
  .voice_wrap {
    padding-top: 64px;
  }
  .ttl_cont_sub._voice {
    font-size: 19px;
  }
  .voice_cont {
    grid-template-columns: 201px auto;
    grid-column-gap: 37px;
    -webkit-column-gap: 37px;
       -moz-column-gap: 37px;
            column-gap: 37px;
  }
  .voice_header {
    font-size: 20px;
  }
  .w-data {
    font-size: 16px;
  }
  .w-data .couple_name {
    font-size: 21px;
    padding: 0.6rem 0;
  }
  .commnet {
    font-size: 14px;
  }
  .reason_txt {
    grid-column: 2;
  }
  .voice_photo {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    row-gap: 11px;
    -webkit-column-gap: 11px;
       -moz-column-gap: 11px;
            column-gap: 11px;
    padding-top: 52px;
  }
  .report_btn {
    margin-top: 68px;
  }
  .report_btn a {
    font-size: 14px;
    padding: 1.6rem 6rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ttl_cont_sub._voice {
    font-size: 1.4rem;
  }
  .voice_cont {
    grid-template-columns: 24% auto;
  }
  .voice_photo {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    row-gap: 5px;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
  }
}

@media screen and (max-width: 767px) {
  .voice_cont {
    grid-template-rows: auto auto auto auto;
  }
}

@media screen and (min-width: 768px) {
  .past_image {
    grid-row: 1 / 3;
  }
  .voice_photo {
    grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
  }
}

/*# sourceMappingURL=../css/style.css.map */