@charset "UTF-8";
/* =================================== */
/* SP用スタイル */
/* =================================== */
@media (max-width: 768px) {
  .voice_detail .inner {
    padding: 0 2.6666vw;
    margin: 0 auto;
  }
  .voice_detail .section_header {
    margin-bottom: 6.4vw;
  }
  .voice_detail h3 {
    font-size: 4.8vw;
    line-height: 6.9333vw;
    font-weight: 300;
    background: #3F3F41;
    padding: 4.2666vw 2.6666vw;
    color: #ffffff;
    margin: 0 0 5.3333vw 0;
  }
  .voice_detail h4 {
    font-size: 4.8vw;
    line-height: 4.8vw;
    font-weight: 300;
    background: #7A7674;
    padding: 4.2666vw 2.6666vw;
    color: #ffffff;
    margin: 0;
  }
  .voice_detail .mainimage {
    width: 100%;
    height: 68vw;
    margin-bottom: 4.5333vw;
  }
  .voice_detail .mainimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .voice_detail p {
    font-size: 3.7333vw;
    line-height: 6.9333vw;
    margin: 0 0 6.9333vw 0;
  }
  .voice_detail .comment {
    min-height: 37.3333vw;
    padding: 4vw;
    margin-bottom: 13.3333vw;
    background: #FCFBF9;
  }
  .voice_detail .comment .photo {
    float: right;
    margin: 0 0 2.4vw 2.4vw;
    width: 34.6666vw;
    height: 37.3333vw;
  }
  .voice_detail .comment .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .voice_detail .comment .name {
    display: block;
    text-align: right;
  }
  .voice_detail .comment p {
    margin-bottom: 0;
  }
  .voice_detail .btn_main {
    margin: 0 auto;
  }
}
/* =================================== */
/* PC用スタイル */
/* =================================== */
@media (min-width: 769px) {
  .voice_detail .inner {
    margin: 0 auto;
  }
  .voice_detail .section_header {
    margin-bottom: 36px;
  }
  .voice_detail h3 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    background: #3F3F41;
    padding: 18px 20px;
    color: #ffffff;
    margin: 0 0 20px 0;
  }
  .voice_detail .mainimage {
    width: 100%;
    height: 540px;
    margin-bottom: 20px;
  }
  .voice_detail .mainimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .voice_detail p {
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 30px 0;
  }
  .voice_detail h4 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    background: #7A7674;
    padding: 18px 20px;
    color: #ffffff;
    margin: 0;
  }
  .voice_detail .comment {
    min-height: 240px;
    padding: 20px;
    margin-bottom: 70px;
    background: #FCFBF9;
  }
  .voice_detail .comment .photo {
    float: right;
    margin: 0 0 0 20px;
    width: 200px;
    height: 200px;
  }
  .voice_detail .comment .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .voice_detail .comment .name {
    display: block;
    text-align: right;
  }
  .voice_detail .comment p {
    margin-bottom: 0;
  }
  .voice_detail .btn_main {
    margin: 0 auto;
  }
}/*# sourceMappingURL=voice-detail.css.map */