/* BEGIN s-home-8 */

.s-home-8 .s_lbox {
  padding: 15px;
  background-color: #fff;
}
.s-home-8 .s_lbox .s_title {
  color: #30373e;
  font-weight: bold;
  font-size: 20px;
  text-align: right;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.s-home-8 .s_lbox .s_sub-title {
  text-align: right;
  font-size: 20px;
  color: var(--color-main);
  text-transform: uppercase;
  margin-bottom: 12px;
}
.s-home-8 .s_lbox .s_desc {
  color: #5d5b5b;
  line-height: 1.734em;
  text-align: justify;
}

.s-home-8 .s_lbox .s_desc p{
  font-size: 18px;
}
.s-home-8 .s_rbox {
  position: relative;
  overflow: hidden;
}
.s-home-8 .s_rbox::before {
  content: '';
  display: block;
  padding-bottom: 65%;
}
@media screen and (min-width: 992px) {
  .s-home-8 {
    display: table;
    width: 100%;
  }
  .s-home-8 .s_lbox {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    padding: 50px 100px;
  }
  .s-home-8 .s_lbox .s_title {
    font-size: 40px;
  }
  .s-home-8 .s_lbox .s_desc {
    font-size: 15px;
  }
  .s-home-8 .s_rbox {
    display: table-cell;
    width: 40%;
    padding: 45px 0 50px;
  }
  .s-home-8 .s_rbox img {
    width: 100%;
  }
}

/* END s-home-8 */
/* BEGIN p-detail-15 */
.p-detail-15 {
  margin: 50px 0;
}
.p-detail-15 .s-home-8 .s_rbox .ht-ratio--50::before {
  padding-bottom: 50%;
}
.p-detail-15 .ht-format-detail {
  padding: 50px 50px 40px;
  background-color: #FFF;
}
@media screen and (min-width: 992px) {
  .p-detail-15 .s-home-8 .s_lbox, .p-detail-15 .s-home-8 .s_rbox {
    width: 50%;
  }
  .p-detail-15 .s-home-8 .s_lbox {
    padding: 50px 60px;
  }
}
@media screen and (max-width: 991px) {
  .p-detail-15 .ht-format-detail {
    padding: 20px 15px;
    border-top: 1px solid #eee;
  }
}

/* END p-detail-15 */