@charset "UTF-8";
/* --------------------------------------------
   お客様の声
-------------------------------------------- */
/* お客様の声 */
/*↓上部リンクボタン*/
.interview_link_area_under {
  padding: 1.5em 9% 3.5em;
}

.interview_link_btn {
  -webkit-box-shadow: 0px 5px 0px #d6d7d7;
  -webkit-transition: all 0.2s ease 0s;
  position: relative;
  width: 23%;
  padding: 3.1em 0.5em 1em;
  border: 1px solid #6a3906;
  border-radius: 6px;
  box-shadow: 0px 5px 0px #d6d7d7;
  color: #6a3906;
  font-size: 1vw;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease 0s;
}

.interview_link_btn:nth-of-type(1) {
  background: transparent url(../../images/icon_house_orange_01.png) center 15%/2.6vw no-repeat;
}

.interview_link_btn:nth-of-type(2) {
  background: transparent url(../../images/icon_house_orange_02.png) center 18%/2vw no-repeat;
}

.interview_link_btn:nth-of-type(3) {
  background: transparent url(../../images/icon_house_orange_03.png) center 18%/1.8vw no-repeat;
}

.interview_link_btn:nth-of-type(4) {
  background: transparent url(../../images/icon_house_orange_04.png) center 15%/2.1vw no-repeat;
}

.interview_link_btn:hover {
  -webkit-transition: all 0.2s ease 0s;
  background-color: #fcfbeb;
  transition: all 0.2s ease 0s;
}

.interview_link_btn::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: -1em;
  left: 0;
  margin: 0 auto;
  content: url(../../images/icon_brown_arr.png);
}

.interview_ver02 .interview_box_top {
  margin-bottom: 0;
}

/*↑上部リンクボタン*/
.interview_box_under {
  margin-bottom: 2.5em;
  padding: 1.5em 2.2em 2em;
  background-image: url(../../images/bg_gray_cloth.png);
}

.section h4.h4_border {
  position: relative;
  margin-bottom: 1.2em;
  padding: 0.5em 1.1em 0.7em;
  border: 2px solid #8f6134;
  border-radius: 6px;
  background-color: #fff;
  color: #8f6134;
  font-size: 1.3em;
}

.section h4.h4_border::after {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 3%;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #c29a62;
  content: "";
}

.interview_box_top {
  margin-bottom: 2.5em;
}

.interview_box_img {
  width: 34%;
}

.interview_box_img p {
  color: #717071;
  font-size: calc( 12px + 0.2vw );
  font-weight: bold;
}

.interview_box_img img {
  -webkit-box-shadow: 3px 5px 5px #b9b8b8;
  max-width: 100%;
  height: auto;
  box-shadow: 3px 5px 5px #b9b8b8;
}

.interview_box_text {
  width: 63.5%;
}

.interview_box_text_in {
  -webkit-box-shadow: 3px 5px 5px #b9b8b8;
  padding: 1.2em 1.5em;
  border-radius: 6px;
  background: #fff url(../../images/icon_house_orange_05.png) right bottom/12.3vw no-repeat;
  box-shadow: 3px 5px 5px #b9b8b8;
  font-size: 1.2em;
}

.section .interview_box_text_in p {
  margin-bottom: 0;
  color: #6a3906;
}

dl.interview_box_balloon {
  margin-bottom: 1.8em;
}

dl.interview_box_balloon dt {
  position: relative;
  margin-bottom: 1.2em;
  padding: 6px;
  padding: 0.5em 0.8em 0.5em;
  border-radius: 6px;
  background-color: #8dbd1f;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
}

dl.interview_box_balloon dt::after {
  -webkit-transform: skew(20deg);
  position: absolute;
  bottom: -1.3em;
  left: 1vw;
  width: 0;
  height: 0;
  transform: skew(20deg);
  border-top: 35px solid #8dbd1f;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  content: "";
}

dl.interview_box_balloon dd {
  margin-top: -12px;
  padding: 1.2em 1.2em 1.5em;
  border: 2px dashed #badb5d;
  background-color: #fff;
  color: #3e3a39;
  font-size: 1.1em;
}

@media screen and (max-width: 1900px) {
  /* お客様の声 */
}

@media screen and (max-width: 1700px) {
  /* お客様の声 */
}

@media screen and (max-width: 1540px) {
  /* お客様の声 */
  .interview_link_area_under {
    padding: 1.5em 0 3.5em;
  }
  .interview_link_btn {
    font-size: 1.5vw;
  }
  .interview_link_btn:nth-of-type(1) {
    background-size: 3.6vw auto;
  }
  .interview_link_btn:nth-of-type(2) {
    background-size: 3vw auto;
  }
  .interview_link_btn:nth-of-type(3) {
    background-size: 2.8vw auto;
  }
  .interview_link_btn:nth-of-type(4) {
    background-size: 3.1vw auto;
  }
}

@media screen and (max-width: 1260px) {
  /* お客様の声 */
}

@media screen and (max-width: 1024px) {
  /* お客様の声 */
  .interview_link_btn::after {
    bottom: -1.6em;
  }
}

@media screen and (max-width: 768px) {
  /* お客様の声 */
  .interview_link_btn {
    font-size: 1.9vw;
  }
  .section h4.h4_border {
    font-size: 1em;
  }
  .interview_box_text_in {
    background-size: 30vw auto;
    font-size: inherit;
  }
  dl.interview_box_balloon dt {
    font-size: 1em;
  }
  dl.interview_box_balloon dt::after {
    bottom: -0.9em;
    border-top: 15px solid #8dbd1f;
    border-right: 10px solid transparent;
    border-left: 20px solid transparent;
  }
  dl.interview_box_balloon dd {
    font-size: 1em;
  }
}

@media screen and (max-width: 480px) {
  /* お客様の声 */
  .interview_link_area_under {
    padding: 1.5em 0 2em;
  }
  .interview_link_btn {
    width: 48%;
    font-size: 4.5vw;
  }
  .interview_link_btn:nth-of-type(1) {
    margin-bottom: 2em;
    background-size: 12vw auto;
  }
  .interview_link_btn:nth-of-type(2) {
    margin-bottom: 2em;
    background-size: 8vw auto;
  }
  .interview_link_btn:nth-of-type(3) {
    background-size: 8vw auto;
  }
  .interview_link_btn:nth-of-type(4) {
    background-size: 9vw auto;
  }
  .interview_link_btn::after {
    bottom: -1.2em;
  }
  .interview_box_under {
    margin-bottom: 1.5em;
    padding: 1em 1em 1em;
  }
  .interview_box_top {
    margin-bottom: 1.5em;
  }
  .interview_box_img {
    width: 100%;
    margin-bottom: 15px;
  }
  .interview_box_text {
    width: 100%;
    margin-bottom: 15px;
  }
  .interview_box_text_in {
    background-size: 40vw auto;
  }
  dl.interview_box_balloon dt::after {
    left: 3vw;
  }
}