@charset "utf-8";

/* ====================================================================
 寄附者の声 / voice
==================================================================== */

/* 寄附者インタビュー、ストーリー / donor-interview
----------------------------------------------------------*/
/* donor-message_01 */
.donor-interview_01 {}
.donor-interview_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.donor-interview_list .donor-interview_list_content {
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  width: calc((100% - 40px) / 3);
  max-width: 386px;
}
.donor-interview_list .donor-interview_list_content .donor-interview_list_content_inner {
  padding-bottom: 52px;
  height: 100%; /* 以下btn下揃え用 */
  display: flex;
  flex-direction: column;
}
.donor-interview_list .donor-interview_list_content .donor-interview_list_img img {
  width: 100%;
  height: auto;
}
.donor-interview_list .donor-interview_list_content h3 {
  padding: 48px 30px 35px;
  font-size: 2.4rem;
  text-align: left;
}
.donor-interview_list .donor-interview_list_content .donor-interview_list_txt {
  margin: 0 30px 30px;
  line-height: 2;
  text-align: left;
}
.donor-interview_list .donor-interview_list_content .btn_btm {
  margin-top: auto; /* btn下揃え用 */
  margin-right: 30px;
  margin-left: 30px;
}

@media print, screen and (max-width: 1300px) {
  .donor-interview_list .donor-interview_list_content h3 {
    padding: 48px 20px 35px;
  }
  .donor-interview_list .donor-interview_list_content .donor-interview_list_txt {
    margin: 0 20px 30px;
  }
  .donor-interview_list .donor-interview_list_content  .btn_btm {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media print, screen and (max-width: 768px) {
  .donor-interview_list .donor-interview_list_content {
    width: calc(100% - 5.208vw);
    max-width: calc(100% - 5.208vw);
    margin-right: auto;
    margin-left: auto;
  }
  .donor-interview_list .donor-interview_list_content + .donor-interview_list_content {
    margin-top: 20px;
  }
  .donor-interview_list .donor-interview_list_content .donor-interview_list_img img {
    max-width: 520px;
  }
}


/* 寄附者インタビュー、ストーリー / donor-interview 下層
----------------------------------------------------------*/
/* donor-interview_01 */
.lower_donor-interview {}
.donor-interview_name {
  color: #006e4f;
  font-size: 1.8rem;
}



/* 寄附者からのメッセージ / donor-message
----------------------------------------------------------*/
/* donor-message_01 */
.donor-message_01 {}
.donor-message_list {
  width: 100%;
  height: 100%;
}
.donor-message_list iframe {
  width: 100%;
  height: 700px;
  overflow-y: visible;
}

@media print, screen and (max-width: 1300px) {
  .donor-message_list iframe {
    height: 780px;
  }
}

@media print, screen and (max-width: 768px) {
  .donor-message_list iframe {
    height: 100vh;
  }
}