@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/*	▼	250716 GM追加	*/
.pre-inc {
  /*overwrite
  ------------------------------------------*/
  /*kv-sec
  ------------------------------------------*/
  /*intro-txt-wrap
  ------------------------------------------*/
  /*planList
  ------------------------------------------*/
  /*pickup-sec
  ------------------------------------------*/
  /*planBox
  ------------------------------------------*/
  /*btnList Setting*/
  /*.detail textSetting*/
}
.pre-inc .main-ttl {
  font-weight: 400;
}
.pre-inc .main-contents {
  position: relative;
  background: rgba(206, 246, 255, 0.1);
}
@media only screen and (max-width: 767px) {
  .pre-inc .section-txt-common [class*=-img] {
    height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .pre-inc .kv-sec .kv-ttl-row {
    flex-direction: column;
  }
}
.pre-inc .kv-sec .kv-ttl-row .conts-inner {
  transform: none;
  left: 2%;
}
@media only screen and (max-width: 1280px) {
  .pre-inc .kv-sec .kv-ttl-row .conts-inner {
    transform: translateY(-100%);
  }
}
@media only screen and (max-width: 991px) {
  .pre-inc .kv-sec .kv-ttl-row .conts-inner {
    position: relative;
    transform: inherit;
    padding: 140px 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .kv-sec .kv-ttl-row .conts-inner {
    padding: 120px 0 30px;
  }
}
.pre-inc .kv-sec .kv-ttl-row .kv-img {
  width: 74%;
  /*aspect-ratio: 16 / 9;*/
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .pre-inc .kv-sec .kv-ttl-row .kv-img {
    width: 100%;
    aspect-ratio: 16/9;
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .kv-sec .kv-ttl-row .kv-img {
    /*width: 60%;
    height: 85vh;*/
  }
}
@media only screen and (max-width: 1280px) {
  .pre-inc .kv-sec .kv-ttl-row .kv-ttl-wrap .page-name {
    font-size: 9rem;
  }
}
@media only screen and (max-width: 991px) {
  .pre-inc .kv-sec .kv-ttl-row .kv-ttl-wrap .page-name {
    font-size: 8rem;
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .kv-sec .kv-ttl-row .kv-ttl-wrap .page-name {
    font-size: 5.2rem;
  }
}
.pre-inc .kv-sec .kv-video {
  width: 100%;
  margin-top: 90px;
}
@media only screen and (max-width: 991px) {
  .pre-inc .kv-sec .kv-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    margin-top: 0;
    /*width: auto;*/
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .kv-sec .kv-video {
    /*height: 30vh;
    min-width: auto;
    margin: 0;*/
  }
}
.pre-inc .intro-txt-wrap {
  padding-top: 80px;
  margin-top: 0;
  /*@include laptop {
      margin-top: -136px;
  }
  @include hd {
      margin-top: -256px;
  }
  @include pc {
      margin-top: -369px;
  }
  @include tab {
      margin-top: -30px;
  }
  @include smp {
      margin-top: 15px;
  }*/
}
@media only screen and (max-width: 767px) {
  .pre-inc .intro-txt-wrap {
    padding-top: 50px;
  }
}
.pre-inc .intro-txt-wrap.section-txt-common [class*=-txt-box] {
  width: calc(47% - 15px);
}
@media only screen and (max-width: 1280px) {
  .pre-inc .intro-txt-wrap.section-txt-common [class*=-txt-box] {
    width: calc(46% - 15px);
  }
}
@media only screen and (max-width: 991px) {
  .pre-inc .intro-txt-wrap.section-txt-common [class*=-txt-box] {
    width: 100%;
  }
}
.pre-inc .kv-palaImg {
  position: relative;
  top: inherit;
  right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 1280px) {
  .pre-inc .kv-palaImg {
    width: 300px;
    height: 380px;
  }
}
@media only screen and (max-width: 991px) {
  .pre-inc .kv-palaImg {
    width: 280px;
    height: 330px;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .kv-palaImg {
    width: 180px;
    height: 190px;
  }
}
.pre-inc .planList-wrap {
  width: calc(80% - 15px);
}
@media only screen and (max-width: 767px) {
  .pre-inc .planList-wrap {
    width: 100%;
  }
}
.pre-inc .planList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.pre-inc .planList > * {
  margin: 0 15px;
  width: calc(50% - 30px);
}
.pre-inc .planList > *:nth-child(n+3) {
  margin-top: 40px;
}
.pre-inc .planList > .plan-item {
  position: relative;
}
.pre-inc .planList .new::before {
  content: "NEW";
  background: #be2d4c;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 13px;
  padding: 7px 18px;
  line-height: 1;
  z-index: 2;
}
.pre-inc .planList .menuPlan::before, .pre-inc .planList .menuPlan::after, .pre-inc .planList .garden::before, .pre-inc .planList .garden::after, .pre-inc .planList .hensai::before, .pre-inc .planList .hensai::after {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 13px;
  padding: 7px 18px;
  line-height: 1;
  z-index: 2;
}
.pre-inc .planList .menuPlan::after, .pre-inc .planList .garden::after, .pre-inc .planList .hensai::after {
  content: "メニュープラン掲載中";
  background: #53979D;
}
.pre-inc .planList .garden::after {
  content: "専用庭付";
  background: #97b45e;
  font-size: 1.8rem;
}
.pre-inc .planList .hensai:not(.menuPlan)::after {
  content: "返済例掲載中";
  background: #e79588;
}
.pre-inc .planList .hensai.menuPlan::before {
  content: "返済例掲載中";
  background: #e79588;
  right: 173px;
}
@media only screen and (max-width: 991px) {
  .pre-inc .planList .hensai.menuPlan::before {
    top: 30px;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .planList .hensai.menuPlan::before {
    top: 0;
    right: 173px;
  }
}
.pre-inc .planList .label .typeName {
  position: relative;
}
.pre-inc .planList .label .typeName::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  font-size: 1.2rem;
  line-height: 1;
}
.pre-inc .planList .label.premium .typeName::before {
  content: "PREMIUM";
  padding-left: 10px;
  border-left: 3px solid #97805e;
}
.pre-inc .planList .label.premium .inner {
  border: 1px solid rgba(83, 151, 157, 0.15);
}
.pre-inc .planList .label.premium .inner::before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(83, 151, 157, 0.2) 15%, rgba(83, 151, 157, 0.05) 50%, rgba(83, 151, 157, 0.15) 100%);
  background-size: 300% 300%;
  animation: colorAnimation 6s ease infinite;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.pre-inc .planList .plan-link {
  text-decoration: none;
}
.pre-inc .planList .inner {
  display: flex;
  position: relative;
  background-color: #fff;
  color: #333;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  align-content: space-between;
  align-items: center;
  height: 100%;
  border: 1px solid transparent;
}
@media only screen and (max-width: 767px) {
  .pre-inc .planList .inner {
    background-color: #F6FFFF;
  }
}
.pre-inc .planList .inner .plan-txt-big {
  font-weight: 400;
}
.pre-inc .planList .inner .detail {
  width: 55%;
  height: 100%;
  background-color: #F6FFFF;
}
.pre-inc .planList .inner .planImg {
  width: 45%;
  background: #fff;
}
.pre-inc .planList .inner .planImg .planImg_img {
  display: block;
  padding: 10px;
  margin: auto;
}
.pre-inc .planList .detail {
  padding: 30px;
}
.pre-inc .planList .detail .typeName {
  color: #53979D;
  font-size: 1.8rem;
  line-height: 0.85;
  border-bottom: 1px solid rgba(83, 151, 157, 0.5);
  padding-bottom: 5px;
}
.pre-inc .planList .detail .typeName .plan-txt-big {
  font-size: 5.5rem;
  margin-right: 0.75rem;
  line-height: 1;
}
.pre-inc .planList .detail .typeSpec {
  font-size: 2.2rem;
  line-height: 1;
  margin-top: 30px;
  word-break: break-all;
}
.pre-inc .planList .detail .typeSpec .plan-txt-big {
  font-size: 3.6rem;
  margin-right: 0.05em;
  line-height: 0;
  font-weight: 400;
}
.pre-inc .planList .detail .specDetail {
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 15px;
}
.pre-inc .planList .detail .specDetail > * {
  display: block;
}
.pre-inc .planList .detail .specDetail .num {
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 400;
  margin: 0 0.15em;
}
.pre-inc .planList .detail .specDetail .num .plan-txt-big {
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.1rem;
}
.pre-inc .planList .detail .specDetail .menseki {
  display: block;
}
.pre-inc .planList .detail .specDetail .menseki + span {
  margin-top: 5px;
}
.pre-inc .planList .detail .specDetail .balcony {
  font-size: 1.2rem;
}
.pre-inc .planList .detail .specDetail .balcony .num {
  font-size: 1.8rem;
}
.pre-inc .planList .detail .btn-viewDetails {
  margin-top: 25px;
}
.pre-inc .planList .detail .btn-viewDetails + p {
  text-align: center;
  margin-top: 5px;
}
@keyframes colorAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .pre-inc .planList .inner, .pre-inc .planList .label.premium .inner::before, .pre-inc .planList .detail .view::before {
    transition: all 0.35s ease;
  }
  .pre-inc .planList .plan-link:hover {
    /*.detail{
    	.view::before{
    		left: 0%;
    		right: auto;
    		width: 100%;
    	}
    }*/
  }
  .pre-inc .planList .plan-link:hover .inner, .pre-inc .planList .plan-link:hover .label.premium .inner::before {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(83, 151, 157, 0.5);
  }
}
@media only screen and (max-width: 1440px) {
  .pre-inc .planList .label .typeName::before {
    bottom: calc(100% + 4px);
    font-size: 1.1rem;
  }
  .pre-inc .planList .inner {
    /*padding: 45px 25px 25px;*/
  }
}
@media only screen and (max-width: 1280px) {
  .pre-inc .planList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .pre-inc .planList > * {
    margin: 0 15px;
    width: calc(50% - 30px);
  }
  .pre-inc .planList > *:nth-child(n+3) {
    margin-top: 40px;
  }
  .pre-inc .planList .inner .detail {
    width: 60%;
  }
  .pre-inc .planList .inner .planImg {
    width: 40%;
  }
}
@media only screen and (max-width: 991px) {
  .pre-inc .planList .inner {
    display: block;
  }
  .pre-inc .planList .inner .detail {
    width: 100%;
  }
  .pre-inc .planList .inner .planImg {
    display: none;
  }
  .pre-inc .planList .inner .planImg .planImg_img {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .planList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .pre-inc .planList > * {
    margin: 0 15px;
    width: calc(100% - 30px);
  }
  .pre-inc .planList > *:nth-child(n+2) {
    margin-top: 40px;
  }
  .pre-inc .planList .label .inner {
    padding: 50px 30px 30px;
  }
  .pre-inc .planList .inner {
    padding: 10px;
  }
  .pre-inc .planList .detail .typeName {
    font-size: 1.8rem;
  }
  .pre-inc .planList .detail .typeName strong {
    font-size: 4.5rem;
  }
  .pre-inc .planList .detail .typeSpec {
    margin-top: 20px;
  }
  .pre-inc .planList .detail .typeSpec .plan-txt-big {
    font-size: 3.2rem;
  }
  .pre-inc .planList .detail .specDetail {
    margin-top: 15px;
  }
  .pre-inc .planList .detail .specDetail .num {
    font-size: 2rem;
  }
  .pre-inc .planList .detail .specDetail .num .plan-txt-big {
    font-size: 3rem;
  }
  .pre-inc .planList .detail .btn-viewDetails {
    margin-top: 20px;
  }
}
.pre-inc .pickup-sec .pickup-txt-box {
  display: flex;
  align-items: center;
  width: calc(80% - 15px);
}
@media only screen and (max-width: 767px) {
  .pre-inc .pickup-sec .pickup-txt-box {
    display: block;
    width: 100%;
  }
}
.pre-inc .pickup-sec .pickup-txt-box .pickup-ttl {
  width: calc(40% - 15px);
}
@media only screen and (max-width: 767px) {
  .pre-inc .pickup-sec .pickup-txt-box .pickup-ttl {
    width: 100%;
  }
}
.pre-inc .pickup-sec .pickup-txt-box .pickup-txt {
  width: calc(60% - 15px);
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .pre-inc .pickup-sec .pickup-txt-box .pickup-txt {
    width: 100%;
    margin-top: 20px;
  }
}
.pre-inc .pickup-sec .pickup-details-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: calc(22% - 15px);
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .pre-inc .pickup-sec .pickup-details-box {
    display: block;
    margin-left: 0;
    margin-top: 15px;
  }
  .pre-inc .pickup-sec .pickup-details-box + .pickup-details-box {
    margin-top: 40px;
  }
}
.pre-inc .pickup-sec .pickup-details-box .pickup-img {
  width: calc(57% - 15px);
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .pre-inc .pickup-sec .pickup-details-box .pickup-img {
    width: 100%;
  }
}
.pre-inc .pickup-sec .pickup-details-box .pickup-details-txt-box {
  width: calc(43% - 15px);
}
@media only screen and (max-width: 767px) {
  .pre-inc .pickup-sec .pickup-details-box .pickup-details-txt-box {
    width: 100%;
    margin-top: 20px;
  }
}
.pre-inc .pickup-sec .pickup-details-box:nth-of-type(2n+1) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .pre-inc .pickup-sec .pickup-details-box:nth-of-type(2n+1) {
    flex-direction: row;
  }
}
.pre-inc .planBox {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto -150px;
  padding: 60px;
}
.pre-inc .planBox .tabBtn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
  margin-bottom: 60px;
}
.pre-inc .planBox .tabBtn .tabBtn-item {
  cursor: pointer;
  width: 50%;
  height: 100%;
  display: block;
  text-align: center;
  color: #53979D;
  border: 2px solid #53979D;
  line-height: 57px;
  transition: all 0.4s ease;
}
.pre-inc .planBox .tabBtn .tabBtn-item.active, .pre-inc .planBox .tabBtn .tabBtn-item:hover {
  background: #53979D;
  border: 1px solid #53979D;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .pre-inc .planBox .tabBtn {
    margin: 50px 0 45px;
  }
}
.pre-inc .planBox .inner {
  position: relative;
  /*align-items: center;*/
  padding: 0 10%;
  gap: 8%;
  display: none;
}
.pre-inc .planBox .inner.active {
  display: flex;
}
.pre-inc .planBox .inner .plan-txt-big {
  font-weight: 400;
}
.pre-inc .planBox .inner .detail {
  width: 40%;
}
.pre-inc .planBox .inner .planImg {
  width: 60%;
  padding: 40px 0;
  background: #fff;
}
.pre-inc .planBox .inner .planImg .planImg_img {
  display: block;
  margin: 0 0 0 auto;
}
.pre-inc .planBox .inner .planImg.meritImg .image-wrap {
  width: 80%;
  margin: 0 auto;
}
.pre-inc .planBox .inner .planCap {
  margin-top: 20px;
  font-size: 1.2rem;
  color: #333;
  text-align: center;
}
.pre-inc .planBox .inner .planCap .planCap-in {
  display: inline-block;
}
.pre-inc .planBox .inner .planCap .planCap-in .planCap-txt {
  display: inline-block;
}
.pre-inc .planBox .inner .planCap .planCap-in .planCap-txt + .planCap-txt {
  margin-left: 1em;
}
.pre-inc .planBox .inner .planCap .storageText .planCap-txt,
.pre-inc .planBox .inner .planCap .yukadanText .planCap-txt {
  display: inline-block;
  height: 10px;
  width: 30px;
  margin-right: 0.5em;
}
.pre-inc .planBox .inner .planCap .storageText .planCap-txt {
  background: #ece4d7;
}
.pre-inc .planBox .inner .planCap .yukadanText .planCap-txt {
  background: #f9e5e4;
}
.pre-inc .planBox .inner .planCap .wind .planCap-img, .pre-inc .planBox .inner .planCap .sun .planCap-img {
  width: 45px;
  margin-right: 6px;
}
.pre-inc .planBox .inner.repay_wrap {
  display: block;
}
@media screen and (max-width: 480px) {
  .pre-inc .planBox .inner.repay_wrap {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
}
.pre-inc .planBox .inner.repay_wrap .priceBox {
  width: 100%;
  padding: 3rem 1.5rem;
  background: #e79588;
  text-align: center;
  color: #fff;
  font-size: clamp(20px, 2.5vw, 30px);
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .pre-inc .planBox .inner.repay_wrap .priceBox {
    font-size: 3.8vw;
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .planBox .inner.repay_wrap .priceBox {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .planBox .inner.repay_wrap .priceBox {
    font-size: 6vw;
  }
}
.pre-inc .planBox .inner.repay_wrap .priceBox .num {
  font-size: 1.6em;
  color: #FF6;
  line-height: 1;
}
.pre-inc .planBox .inner.repay_wrap .priceBox .hensai {
  display: inline-block;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .pre-inc .planBox .inner.repay_wrap .priceBox .hensai {
    display: block;
  }
}
.pre-inc .planBox .inner.repay_wrap .priceBox .hensai .hensai-txt {
  font-size: 0.85em;
}
.pre-inc .planBox .inner.repay_wrap .priceBox .hensai .hensai-txt + .hensai-txt {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding-top: 1rem;
  margin-top: 2rem;
}
.pre-inc .planBox .inner.repay_wrap .priceBox .hensai .type {
  /*font-size: .7em;*/
}
.pre-inc .planBox .inner.repay_wrap .priceBox .hensai .price {
  /*font-size: .7em;*/
}
.pre-inc .planBox .inner.repay_wrap .priceBox .hensai .num {
  font-size: 1.6em;
}
.pre-inc .planBox .inner.repay_wrap .priceBox .hensai .num.big {
  font-size: 2em;
}
.pre-inc .planBox .inner.repay_wrap .caption {
  margin-top: 10px;
  font-size: 12px;
  text-align: left;
  line-height: 1.6;
}
@media screen and (max-width: 480px) {
  .pre-inc .planBox .inner.repay_wrap .caption {
    font-size: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .pre-inc .planBox .inner {
    display: none;
    padding: 0;
    text-align: center;
  }
  .pre-inc .planBox .inner.active {
    display: block;
  }
  .pre-inc .planBox .inner .planImg {
    margin: 30px auto 0;
  }
  .pre-inc .planBox .inner .planImg .planImg_img {
    margin: 0 auto;
  }
  .pre-inc .planBox .inner .detail {
    width: 90%;
    text-align: left;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .planBox .inner .planImg {
    width: 100%;
  }
}
.pre-inc .btnList {
  width: 100%;
  /*padding: 15px 0;*/
  /*display: flex;
  justify-content: center;*/
  margin-top: 40px;
  border: 1px solid rgba(51, 51, 51, 0.5);
  border-width: 1px 0;
}
@media only screen and (max-width: 991px) {
  .pre-inc .btnList {
    width: 90%;
    margin: 40px auto;
  }
}
.pre-inc .btnList .btn-item {
  /*width: calc(50% - 30px);
  max-width: 270px;*/
  /*margin: 0 15px;*/
}
.pre-inc .btnList .btn-item .btn-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
  padding: 15px 0;
  text-align: center;
  /*padding: 15px;
  background:#fff;
  border:1px solid rgba(151,128,94,.75);*/
  color: #333;
  transition: 0.3s;
}
.pre-inc .btnList .btn-item .btn-link:hover {
  background: rgba(83, 151, 157, 0.5);
}
@media only screen and (min-width: 1025px) {
  .pre-inc .btnList .btnList .btn-link {
    transition: all 0.4s ease;
  }
  .pre-inc .btnList .btnList .btn-link:hover {
    background: #97805e;
    border: 1px solid rgba(151, 128, 94, 0.75);
    color: #fff;
  }
}
@media only screen and (max-width: 991px) {
  .pre-inc .btnList .printBtn {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .btnList .btn-item {
    width: 100%;
    max-width: none;
    margin: 0 auto;
  }
}
.pre-inc .planType {
  position: relative;
  font-size: 1.6rem;
  line-height: 1;
  color: #53979D;
  font-weight: 500;
  padding-left: 12px;
}
.pre-inc .planType::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #53979D;
}
.pre-inc .typeName {
  font-size: 2.4rem;
  line-height: 0.85;
  color: #53979D;
  margin-top: 5px;
}
.pre-inc .typeName .plan-txt-big {
  font-size: 7.2rem;
  margin-right: 0.75rem;
  line-height: 1;
}
.pre-inc .typeName .jp_text {
  font-size: 1.6rem;
}
.pre-inc .typeSpec {
  font-size: 2.4rem;
  line-height: 1;
  word-break: break-all;
  margin-top: 40px;
}
.pre-inc .typeSpec .plan-txt-big {
  font-size: 4.2rem;
  margin-right: 0.05em;
  line-height: 0;
  font-weight: 400;
}
.pre-inc .specDetail {
  font-size: 2rem;
  line-height: 1;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(51, 51, 51, 0.5);
}
.pre-inc .specDetail > * {
  display: block;
}
.pre-inc .specDetail .num {
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 400;
  margin: 0 0.15em;
}
.pre-inc .specDetail .num .plan-txt-big {
  font-size: 4.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.1rem;
}
.pre-inc .specDetail .menseki {
  display: block;
  font-size: 1.4rem;
}
.pre-inc .specDetail .menseki + span {
  margin-top: 15px;
}
.pre-inc .balcony {
  font-size: 1.4rem;
}
.pre-inc .balcony .num {
  font-size: 1.8rem;
}
.pre-inc .balcony + .balcony {
  margin-top: 10px;
}
.pre-inc .balcony.allArea {
  margin-bottom: 15px;
  margin-top: 15px;
  padding-top: 11px;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
}
.pre-inc .balcony.allArea .num {
  font-size: 2.4rem;
}
@media only screen and (max-width: 767px) {
  .pre-inc .typeName {
    font-size: 1.8rem;
  }
  .pre-inc .typeName .plan-txt-big {
    font-size: 4.5rem;
  }
  .pre-inc .typeSpec {
    margin-top: 20px;
  }
  .pre-inc .typeSpec .plan-txt-big {
    font-size: 3.2rem;
  }
  .pre-inc .specDetail {
    margin-top: 15px;
  }
  .pre-inc .specDetail .num {
    font-size: 2rem;
  }
  .pre-inc .specDetail .num .plan-txt-big {
    font-size: 3rem;
  }
}
.pre-inc .conts-inner {
  position: relative;
  max-width: 1420px;
  width: calc(100% - 120px);
  margin: 80px auto 0;
}
@media only screen and (max-width: 767px) {
  .pre-inc .conts-inner {
    width: calc(100% - 50px);
  }
}
.pre-inc .merit-ttl {
  color: #53979D;
  font-size: 3.2rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .pre-inc .merit-ttl {
    font-size: 2.4rem;
    line-height: 1.2;
  }
}
.pre-inc .meritList {
  /*width: 41%;*/
  text-align: left;
  /*padding-left: 30px;*/
  counter-reset: number 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.pre-inc .meritList .merit-item {
  position: relative;
  padding: 20px;
  background: #91A4A2;
  color: #fff;
  width: calc(33.3333333333% - 10px);
}
@media only screen and (max-width: 991px) {
  .pre-inc .meritList .merit-item {
    padding: 25px;
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 767px) {
  .pre-inc .meritList .merit-item {
    width: 100%;
  }
}
.pre-inc .meritList .merit-item .meritList-flex {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .pre-inc .meritList .merit-item .meritList-flex {
    display: block;
  }
}
.pre-inc .meritList .merit-item .meritList-flex + * {
  margin-top: 20px;
}
.pre-inc .meritList .merit-item .meritList-flex > div {
  margin-right: 30px;
}
.pre-inc .meritList .merit-item + .merit-item {
  /*margin-top: 25px;
  border-top: solid 1px rgba(151, 128, 94, .25);*/
  /*@include tab {
  	margin-top: 20px;
  }*/
}
.pre-inc .meritList .merit-item:nth-of-type(n + 4) {
  margin-top: 15px;
  width: calc(50% - 10px);
}
@media only screen and (max-width: 767px) {
  .pre-inc .meritList .merit-item:nth-of-type(n + 4) {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .pre-inc .meritList .merit-item:nth-of-type(n + 1) {
    margin-top: 30px;
  }
}
.pre-inc .meritList .merit-item .meritTitle {
  line-height: 1.4;
  font-size: 1.8rem;
  font-weight: 400;
  border-bottom: 1px solid;
  margin-bottom: 8px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .pre-inc .meritList .merit-item .meritTitle {
    font-size: 1.45rem;
    letter-spacing: -0.04rem;
  }
}
.pre-inc .meritList .merit-item .meritTitle span {
  margin-right: 0.5rem;
}
.pre-inc .meritList .merit-item .merit-text:not(.caption) {
  margin-top: 15px;
  line-height: 2.5rem;
}
@media only screen and (max-width: 991px) {
  .pre-inc .meritList .merit-item .merit-text:not(.caption) {
    font-size: 1.2rem;
  }
}
.pre-inc .meritList .merit-item .merit-text + .merit-text {
  margin-top: 20px;
}
.pre-inc .meritList .merit-item .image-wrap {
  max-width: 180px;
  min-width: 160px;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .pre-inc .meritList .merit-item .image-wrap {
    /* width: 100%;
    max-width: inherit;
    margin-top: 2rem;*/
  }
}
.pre-inc .meritList .merit-item:nth-of-type(7) .image-wrap {
  min-width: 250px;
}
@media only screen and (max-width: 991px) {
  .pre-inc .meritList {
    width: 100%;
    margin-top: 0;
    padding: 0;
  }
  .pre-inc .meritList .merit-item {
    display: block;
    padding: 28px;
    /*border-top: solid 1px rgba(151, 128, 94, .25);
    padding: 30px 0 0;
    align-items: flex-end;*/
  }
  .pre-inc .meritList .merit-item + .merit-item {
    margin-top: 30px;
  }
  .pre-inc .meritList .merit-item div {
    width: 100%;
    padding-right: 0;
  }
  .pre-inc .meritList .merit-item .image-wrap {
    width: 100%;
    max-width: inherit;
    margin-top: 15px;
  }
  .pre-inc .meritList .merit-item .meritTitle {
    display: block;
    font-size: 1.8rem;
  }
  .pre-inc .meritList .merit-item .meritTitle span {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.pre-inc .priceWrap {
  max-width: 1200px;
  width: calc(100% - 60px);
  margin: 60px auto 0;
}
.pre-inc .priceWrap .priceBox {
  padding: 3rem 1.5rem;
  background: rgba(84, 151, 157, 0.75);
  text-align: center;
  color: #fff;
  font-size: 3rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .pre-inc .priceWrap .priceBox {
    font-size: 2.4rem;
  }
}
.pre-inc .priceWrap .priceBox .num {
  font-size: 1.6em;
  color: #ffe4c1;
  line-height: 1;
}
.pre-inc .priceWrap .priceBox .hensai {
  display: inline-block;
  text-align: center;
  /*.title{
  font-size: 2.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding-bottom: 6px;
          + p{
                    margin-top: .1rem;
  font-size: 1.2em;
              @include tab {
                  margin-top: 1.5rem;

          }
          }
      }*/
}
@media only screen and (max-width: 767px) {
  .pre-inc .priceWrap .priceBox .hensai {
    display: block;
  }
}
.pre-inc .priceWrap .priceBox .hensai .hensai-txt {
  font-size: 0.85em;
}
.pre-inc .priceWrap .priceBox .hensai .hensai-txt + .hensai-txt {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding-top: 1rem;
  margin-top: 2rem;
}
.pre-inc .priceWrap .priceBox .hensai .type {
  /*font-size: .7em;*/
}
.pre-inc .priceWrap .priceBox .hensai .price {
  /*font-size: .7em;*/
}
.pre-inc .priceWrap .priceBox .hensai .num {
  font-size: 1.6em;
}
.pre-inc .priceWrap .priceBox .hensai .num.big {
  font-size: 2em;
}
.pre-inc .priceWrap .caption {
  margin-top: 1rem;
  font-size: 1.2rem;
}/*# sourceMappingURL=plan.css.map */