.concept-head-bg {
  position: relative;
  width: 100%;
  height: 100%;
}
.concept-head-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #F0F0F0;
  z-index: -1;
}
.concept-head-bg h1 {
  text-align: center;
  width: 100%;
}

/* concept-mv */
.concept-mv {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: -28px;
}
@media screen and (min-width: 800px) {
  .concept-mv {
    /* pc */
    width: 84.2%;
    margin-top: -5px;
  }
}
.concept-mv__ttl {
  width: 90%;
  margin: 3em auto 0.5em auto;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.6;
  color: #192F60;
  width: 90%;
  text-align: center;
}
@media screen and (min-width: 800px) {
  .concept-mv__ttl {
    /* pc */
    font-size: 3.5rem;
    margin: 1.5em auto 1em auto;
  }
}
.concept-mv__text {
  width: 90%;
  margin: 1em auto 2em auto;
  font-size: 3vw;
  font-weight: 700;
  line-height: 1.6;
  color: #192F60;
  width: 90%;
  text-align: center;
}
@media screen and (min-width: 800px) {
  .concept-mv__text {
    /* pc */
    font-size: 1.8rem;
    margin: 2em auto;
  }
}

/* ttl-custom*/
.ttl-custom {
  height: 4.8vw;
  margin-bottom: 1.5em;
}
.ttl-custom img {
  width: auto;
  max-height: 100%;
}

/* ttl-sub*/
.ttl-sub {
  height: 4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 4em;
}
.ttl-sub img {
  width: auto;
  max-height: 100%;
}
.ttl-sub span {
  display: block;
  font-size: 1.6vw;
  color: #192F60;
  line-height: 2;
  font-weight: 700;
}

/* ttl-lead*/
.ttl-lead {
  font-size: 3vw;
  font-weight: 700;
  line-height: 1.32;
  color: #192F60;
  margin-bottom: 1em;
}
@media screen and (min-width: 800px) {
  .ttl-lead {
    /* pc */
    font-size: 3.5rem;
  }
}
.ttl-lead + p {
  font-size: 2vw;
  color: #192F60;
  line-height: 1.8;
  margin-bottom: 3em;
  width: 48%;
}
@media screen and (min-width: 800px) {
  .ttl-lead + p {
    /* pc */
    font-size: 1.8rem;
  }
}

/* list-img*/
.list-img {
  margin-top: -10%;
  margin-bottom: 10%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 800px) {
  .list-img {
    /* pc */
    width: 120%;
  }
}
.list-img li {
  width: 48%;
}
.list-img li:nth-child(odd) {
  margin-top: 10%;
}
.list-img.ph02 {
  margin-left: -20%;
}
.list-img.ph02 li {
  width: 48%;
  margin-top: 10%;
}
/* plan*/
.plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding: 5%;
}
.plan .plan-txt {
  background: #fff;
  width: 45%;
  margin-left: -3%;
  margin-bottom: 3%;
  margin-top: -8%;
  z-index: 2;
  padding: 1em 1.5em;
  text-align: left;
}
@media screen and (min-width: 800px) {
  .plan .plan-txt {
    /* pc */
    padding: 2em 1.5em;
  }
}
.plan .plan-txt p {
  font-size: 2vw;
  font-weight: 700;
  line-height: 1.32;
  color: #192F60;
}
@media screen and (min-width: 800px) {
  .plan .plan-txt p {
    /* pc */
    font-size: 2.4rem;
  }
}
.plan .ttl-custom {
  position: absolute;
  top: 0;
  left: 0;
}

/* 
.case-head-bg,
.spec-head-bg,
.equipment-head-bg*/
.case-head-bg,
.spec-head-bg,
.equipment-head-bg {
  position: relative;
  padding: 5%;
  width: 100%;
  height: 100%;
}
.case-head-bg::before,
.spec-head-bg::before,
.equipment-head-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #F0F0F0;
  z-index: -1;
}

.spec-head-bg::before {
  height: 8%;
}

/* case*/
.case {
  padding: 5% 0;
}

/* list-links*/
.list-links {
  margin-bottom: 15%;
}
@media screen and (min-width: 800px) {
  .list-links__items {
    /* pc */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.list-links__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 176px;
  margin-bottom: 2px;
}
@media screen and (min-width: 800px) {
  .list-links__item {
    /* pc */
    width: 50%;
    height: 15vw;
    margin-right: 2px;
    margin-bottom: 0;
  }
}
.list-links__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #EDEDED;
  position: relative;
  width: 100%;
  height: 100%;
  color: #192F60;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 2vw;
  font-weight: 700;
}
@media screen and (min-width: 800px) {
  .list-links__button {
    /* pc */
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 2.5rem;
  }
  .list-links__button:hover {
    background: #E0E0E0;
    border-color: #E0E0E0;
    color: #192F60;
  }
}
.list-links__button span {
  width: 68%;
  max-width: 255px;
  border: 1px solid #192F60;
  padding: 0.5em 1em;
  border-radius: 50px;
  margin-top: 1em;
  font-size: 1.8rem;
  font-weight: normal;
}
@media screen and (min-width: 800px) {
  .list-links__button span {
    /* pc */
    font-size: 1.6rem;
    width: 70%;
    max-width: 400px;
    padding: 20px 10px;
    border-width: 2px;
  }
}

/* equipment*/
.equipment section:nth-child(1) .ttl-large {
  background: #B7DCF1;
  padding: 0.5em;
  letter-spacing: 0;
}
.equipment section:nth-child(2) .ttl-large {
  background: #F1DC61;
  padding: 0.5em;
  letter-spacing: 0;
}
.equipment section:nth-child(3) .ttl-large {
  background: #A3D7D5;
  margin: 0 0 0.75em 0;
  padding: 0.5em;
  letter-spacing: 0;
}
.equipment .col-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.equipment .col-reverse > div:nth-child(1) {
  margin: 0 0 3% 3%;
}
.equipment .ttl-small {
  background: #717171;
  color: #FFF;
}
.equipment .bels {
  border: 2px solid #A3D7D5;
}
.equipment .bels .bels_inner {
  padding: 0 5%;
}
.equipment .post-sttl-large {
  border-bottom: none;
  margin-bottom: 0;
}
.equipment p {
  line-height: 1.6;
}
/*# sourceMappingURL=customhouse.css.map */