@charset "UTF-8";
/* =========================================================
/assets/css/re-garden/index.css
========================================================= */
/* ---------------------------------------------------------
#re-garden
--------------------------------------------------------- */
#re-garden {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url('/assets/images/re-garden/re-garden.jpg');
/*  background-image: -webkit-image-set( url('/assets/images/products/patio-move/img-mv.webp') 1x );*/
  width: 100%;
  height: 100vh;
  max-height: 720px;
  position: relative;
  overflow: visible;
  }
#re-garden .container {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 30px;
  width: 100%;
  }
#re-garden .lead.small.quote {
  position: absolute;
  bottom: -45px;
  width: 100%;
  background: #fff;
  font-size: 10px;
  text-align: center;
  }

.prod-ttl-h2 { line-height: 1.2; }
.txt-block .desc { font-size: 15px; }
.page-title-area { padding: 27px; }
.movie { padding: 7px 17px; }
.features .features-num { text-align: center; }
.features .features-num {font-size: 20px; }
.features .underline {
  text-decoration: underline;
  font-weight: bold;
  }
.features .img-block { width: 300px; }
.features .img-block img {
  width: 300px;
  height: auto;
  border: none;
  }
.features .big-img-block img {
  width: 980px;
  border: none;
}
.f2-txt-block { margin-left: 100px; }
.f5-movie-thumb {
  width: auto;
  height: auto;
}

@media (max-width: 767px) {
  #re-garden {
    max-height: 420px;
    margin-bottom: 230px;
  }
  #re-garden .container {
    display: block;
    bottom: -220px;
  }
  .f2-txt-block { margin-left: 0; }
  .features .img-block,
  .features .img-block img,
  .features .big-img-block img,
  #fifth-room img,
  #roof img,
  #functional-design img,
  #outer-structure img,
  #furniture img {
    width: 100%;
    height: auto;
  }