@charset "UTF-8";
/* --------------------------------------------
   新築施工例・お客様の声
-------------------------------------------- */
/* 新築施工例・お客様の声 */
.newbuild-voice-list .grid_4 {
  margin-bottom: 10px;
  padding: 10px;
}

.newbuild-voice-list .grid_4 p,
.newbuild-voice-list .grid_4 p a {
  height: 60px;
  margin-top: 0.5em;
  color: #004825;
  font-size: 0.98em;
  text-align: left;
}

.newbuild-voice-list .grid_4 a {
  -webkit-text-decoration-color: #004825;
  text-decoration-color: #004825;
}

.case_bg {
  padding: 3%;
  overflow: hidden;
  background: url(https://www.highlandhouse.co.jp/wp/wp-content/uploads/2017/05/gion_bg.jpg);
}

.case_bg img {
  max-width: 100%;
}

.case_box1-1 {
  width: 50%;
  padding-right: 2%;
  padding-bottom: 2%;
  float: left;
}

.case_box1-2 {
  width: 48%;
  padding-bottom: 2%;
  float: right;
  text-align: left;
}

.case_box2-1 {
  width: 44%;
  padding-bottom: 2%;
  padding-left: 2%;
  float: right;
}

.case_box2-2 {
  width: 54%;
  padding-bottom: 2%;
  float: left;
  text-align: left;
}

.btn_case_back {
  width: 45%;
  margin: 7% auto;
  background: #40210f;
  text-align: center;
}

.btn_case_back a {
  display: block;
  padding: 10px 80px;
}

@media screen and (max-width: 1900px) {
  /* 新築施工例・お客様の声 */
}

@media screen and (max-width: 1700px) {
  /* 新築施工例・お客様の声 */
}

@media screen and (max-width: 1540px) {
  /* 新築施工例・お客様の声 */
}

@media screen and (max-width: 1260px) {
  /* 新築施工例・お客様の声 */
}

@media screen and (max-width: 1024px) {
  /* 新築施工例・お客様の声 */
}

@media screen and (max-width: 768px) {
  /* 新築施工例・お客様の声 */
  .newbuild-voice-list .grid_4 p {
    height: 70px;
    font-size: 14px;
  }
  .case_box1-1 {
    width: 100%;
    padding-right: 0;
    float: none;
    text-align: center;
  }
  .case_box1-2 {
    width: 100%;
    padding-bottom: 4%;
    float: none;
    text-align: center;
  }
  .case_box2-1 {
    width: 100%;
    padding-left: 0;
    float: none;
    text-align: center;
  }
  .case_box2-2 {
    width: 100%;
    padding-bottom: 4%;
    float: none;
  }
  .btn_case_back {
    width: 90%;
    margin: 7% auto;
  }
  .btn_case_back a {
    padding: 10px 15%;
  }
}

@media screen and (max-width: 480px) {
  /* 新築施工例・お客様の声 */
  .case_box1-1 {
    text-align: left;
  }
  .case_box1-2 {
    text-align: left;
  }
  .case_box2-1 {
    text-align: left;
  }
}