@charset "UTF-8";
/*Font
------------------------------------------*/
/*Color
------------------------------------------*/
/* z-index
------------------------------------------*/
/* Media queries PCファースト
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
#pageContents {
  padding-bottom: 80px;
}

.plan_detail {
  padding: 120px 8vw 90px;
}
.plan_detail .frame dt {
  width: 60%;
  padding-right: 5%;
}
.plan_detail .frame dd {
  width: 40%;
}
.plan_detail .type {
  font-size: clamp(38px, 6.2vw, 100px);
  color: #b8ada3;
  line-height: 1.4;
}
.plan_detail .ldk {
  font-size: clamp(28px, 4.2vw, 62px);
  color: #373737;
  line-height: 1.4;
}
.plan_detail .text01 {
  font-size: clamp(16px, 1.8vw, 28px);
  color: #373737;
  margin-bottom: clamp(30px, 3vw, 40px);
}
.plan_detail .text02 {
  font-size: clamp(14px, 1.6vw, 22px);
  color: rgba(1, 1, 13, 0.6);
}
.plan_detail .text02 b {
  font-size: 140%;
  line-height: 1;
  padding: 0 3px;
}
.plan_detail .text03 {
  font-size: clamp(11px, 1.2vw, 16px);
  color: rgba(1, 1, 13, 0.6);
  margin-top: clamp(15px, 1.8vw, 25px);
}
.plan_detail .text03 b {
  font-size: 140%;
  line-height: 1;
  padding: 0 3px;
}
.plan_detail .text04 {
  font-size: clamp(11px, 1.2vw, 14px);
  color: rgba(1, 1, 13, 0.6);
  margin-top: clamp(15px, 1.8vw, 25px);
}
@media screen and (max-width: 991px) {
  .plan_detail {
    padding: 100px 8vw 40px;
  }
  .plan_detail .frame dt {
    width: 100%;
    padding-right: 0;
  }
  .plan_detail .frame dd {
    width: 100%;
    margin-top: 20px;
  }
}

.detail_mainContents .detail_mainContents_inner {
  max-width: 1600px;
  margin: 0 auto;
  background: #fff;
  padding: 0 20px 60px;
}
@media screen and (max-width: 991px) {
  .detail_mainContents .detail_mainContents_inner {
    padding: 0 20px 40px;
  }
}

.detail_madori {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
}
.detail_madori .detail_madori figure.madori {
  text-align: center;
}
.detail_madori .detail_madori figure.madori img {
  width: auto !important;
}
@media screen and (max-width: 991px) {
  .detail_madori {
    padding-top: 60px;
  }
}

.planCaps {
  margin: 15px auto;
}

.planCaps > p {
  display: inline-block;
  font-size: 12px;
  margin-right: 1em;
}

.planCaps > p.storageText span,
.planCaps > p.yukadanText span,
.planCaps > p.waterText span {
  display: inline-block;
  margin-right: 10px;
  height: 10px;
  width: 30px;
}

.planCaps > p.storageText span {
  background: #dad9d5;
}

.planCaps > p.yukadanText span {
  background: #dad9d5;
}

.planCaps > p.waterText span {
  background: #d7dde9;
}

.backBtn {
  margin: 60px auto 0;
}
.backBtn a {
  font-size: clamp(14px, 1.4vw, 16px);
  max-width: 220px;
  width: 100%;
  margin: 0 auto;
  background: #b8ada3;
  color: #fff;
  text-align: center;
  padding: 18px 0;
  display: block;
  position: relative;
}