/*Break Point
------------------------------*/
/*Break Point (for viequ house)
---------------------------------*/
/*font
---------------------------------*/
/*font-size
---------------------------------*/
/*color
---------------------------------*/
@media print, screen and (max-width: 768px) {
  .mv {
    margin-top: 50px;
  }
}
.mv figure p {
  position: absolute;
  width: 14%;
  right: 6%;
  top: 38%;
}

.bg01 {
  background: url("../img/plan/garden/bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
}

.bg02 {
  background: url("../img/plan/roof/bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
}

.liner01 {
  border-right: 1px solid #5F8666;
}
@media print, screen and (max-width: 768px) {
  .liner01 {
    border-right: none;
  }
}

.liner02 {
  border-left: 1px solid #5F8666;
}
@media print, screen and (max-width: 768px) {
  .liner02 {
    border-left: none;
  }
}

h2 {
  font-size: min(5vw, 2.8rem);
  text-align: center;
  border-right: 2px solid #fff;
}
h2 span {
  display: block;
  font-size: 70%;
  padding-bottom: 2%;
}

h3 {
  font-size: min(4.5vw, 1.7rem);
}

.plan-thum li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.plan-thum li a {
  display: block;
  height: -webkit-fill-available;
}

.sp01 {
  margin-top: 10%;
}
@media print, screen and (max-width: 768px) {
  .sp01 {
    margin-top: 5%;
  }
}

@media print, screen and (max-width: 768px) {
  .cap_r {
    right: auto;
    left: 0;
    text-align: left;
  }
}

@media print, screen and (max-width: 768px) {
  .h-42vw {
    height: 42vw;
  }
}