@charset "UTF-8";
/* Plan */
.contents {
  margin-bottom: clamp( 80px , 12.3vw, 130px);
}
.txt-large {
  margin-bottom: clamp( 20px , 4.7vw , 50px);
}

/* Hero */
.hero-bg{background: url(../imgs/hero.webp) no-repeat center center/cover;}
@media screen and (max-width: 768px) {
.hero-bg{background: url(../imgs/hero_sp.webp) no-repeat center center/cover;}
}

/* topics */
.topics .txt-normal {margin-bottom: clamp( 30px , 6.8vw , 70px);line-height: 2;}
.topics .list-img{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 10px 0 0;}
.topics .list-img .img{width: 49.5238095238%;position: relative;}
.topics .list-img .img .tit-img{position: absolute;bottom:5px;left:10px;color: rgba(365, 365, 365, 0.8);font-size: clamp( 16px , 3.42vw , 50px);}
@media screen and (max-width: 768px) {
  .topics .list-img{margin: 5px 0 0;}
}
/* build-map */
.build-map{padding: 40px 0 0;background: #ebe7e0;}
.build-map .lower-container{max-width: 1212px;}
.build-map .photo__capIn{bottom: 10%;right: 7%;}
@media screen and (max-width: 768px) {
  .build-map{padding: 20px 0;margin-left: -20px;margin-right: -20px;}
  .build-map .photo__capIn{bottom: 0;right: unset;left: 20px;}
}

/* quality */
.quality .list-item{display: flex;justify-content: space-between;flex-wrap: wrap;row-gap: 40px;}
.quality .list-item .item{width: 28.952380%;}

.quality .list-item .item.combine{width: calc(57.90476% + 6.58%);}
.quality .list-item .item.combine .combine-flex{ display: flex; border: 1px solid #000000; background: #fff;}
.quality .list-item .item.combine .combine-flex .photo{ width: 50%;}

.quality .list-item .item .photo.brd{border: 1px solid #000000;}
.quality .list-item .item h4{font-size: clamp( 16px , 2.28vw , 24px);margin: 10px 0;}
.quality .list-item .item .item-txt .cap{text-align: left;font-size: 11px; text-indent: -1em; padding-left: 1em;}
.quality .list-item .item .item-txt p{font-size: clamp( 14px , 1.5vw , 16px);line-height: 1.5;}
.quality .photo__capInLeft{right: unset;left: 10px;}
/* plan-key */
.quality .plan-key{padding: 40px 60px;border: 1px solid #000000;margin: 60px 0 0;}
.quality .plan-key .inner{display: flex;justify-content: space-between;flex-wrap: wrap;}
.quality .plan-key .inner .inner-left{width: 29.310344827%;}
.quality .plan-key .inner .inner-right{width: 65.51724137%;}
.quality .plan-key .inner .inner-right .photo{border: 1px solid #000000;}
.quality .plan-key  h4 {font-size: clamp( 16px , 2.28vw , 24px);margin: 10px 0;}
.quality .plan-key .inner p {font-size: clamp( 14px , 1.5vw , 16px);line-height: 1.5;}



@media screen and (max-width: 768px) {
  .quality .list-item{row-gap: 25px;}
  .quality .list-item .item{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}

  .quality .list-item .item.combine{width: 100%; display: block;}
  .quality .list-item .item.combine .combine-flex{ flex-wrap: wrap;}
  .quality .list-item .item.combine .combine-flex .photo{ width: 100%;}

  .quality .list-item .item.item-reserve{flex-direction: row-reverse;}
  .quality .list-item .item .photo{width: 47%;}
  .quality .list-item .item .photo img{width: 100%;}
  .quality .list-item .item .item-txt{width: 47%;}
  .quality .list-item .item .item-txt h4{margin-top:0 ;}

  .quality .list-item .item.item1{width: 94%;margin: 0 auto;display: block;}
  .quality .list-item .item.item1 .photo img{width: 100%;}
  .quality .list-item .item.item1 .photo{width: 100%;}
  .quality .list-item .item.item1 .item-txt{width: 100%;}
  .quality .list-item .item.item1 .item-txt h4{margin-top:10px;}

  .quality .list-item .photo__capInLeft,  .quality .list-item .capBot{bottom: 0;}

  .quality .plan-key{margin: 20px 0 0;padding: 20px 20px 40px 20px;}
  .quality .plan-key .inner .inner-left{width: 100%;}
  .quality .plan-key .inner .inner-left .photo img{width: 100%;}
  .quality .plan-key .inner .inner-right{width: 100%;margin-top: 30px;}
  .quality .plan-key .inner .inner-right .photo{padding: 0;border: 0;}
}

@media screen and (max-width: 479px) {
    .quality .list-item .item{ display: block;}
    .quality .list-item .item .photo{width: 100%;}
    .quality .list-item .item .item-txt{width: 100%;}
    .quality .list-item .item .item-txt h4{margin-top: 15px ;}
}

/* private */
.private{text-align: center;margin-bottom: 0;}
.private-tit{font-size: clamp( 18px , 3.2vw , 34px);letter-spacing: 0.35em;color: #3b100e;border-bottom: 1px solid #3b100e;padding: 0 0 25px;margin: 0 0 25px;}
.private-note{text-align: center;}
.private .map{position: relative;}
.private .map .note{position: absolute;right: 0px;bottom: 0;font-size: 10px;display: flex;align-items: center;}
/* type color */
.type.clr01{border: 2px solid #8a7f5b;}
.type.clr01 .type-name{background: #8a7f5b;}
.type.clr01 .list-mark p{background: #b8b2a0;}


.type.clr02{border: 2px solid #a07583;}
.type.clr02 .type-name{background: #a07583;}
.type.clr02 .list-mark p{background: #c7afb6;}


.type.clr03{border: 2px solid #69858d;}
.type.clr03 .type-name{background: #69858d;}
.type.clr03 .list-mark p{background: #adbac1;}
/*  */
.private .list-type{margin-top: clamp( 40px ,9.4vw, 100px);}
.private .list-type .row.row-map{justify-content: center;margin: 0 0 60px;}
.private .list-type .row{display: flex;justify-content: space-between;flex-wrap: wrap;}
.private .list-type .row  .type{width: 48%;}
.private .list-type .row .type{margin-bottom: 20px;display: block;}
.private .list-type .row .type:hover{opacity: 0.6;}
.private .list-type .row .box-type{width: 100%;}
.private .list-type .row .box-type:not(:last-child){margin: 0 0 40px;}
.private .list-type .row .box-type .type-detail{display: flex;justify-content: space-between;flex-wrap: wrap;}
.private .list-type .row .box-type.ldk-3 .type-detail{justify-content: center;}
.private .list-type .row .box-type .tit-type{width: 100%;color: #ffffff;text-align: center;margin: 0 0 30px;font-size: clamp( 20px , 3.1vw , 32px);padding: 5px 0;}
.private .list-type .row .box-type.ldk-3 .tit-type{background: #b8b2a0;}
.private .list-type .row .box-type.ldk-2 .tit-type{background: #bfa7af;}
.private .list-type .row .box-type.ldk-1 .tit-type{background: #a6b3b9;}
.private .list-type .row .box-type.ldk-1 .type-detail a{margin-bottom: 0;}

.private .list-type .row .type .type-name{color: #ffffff;display: flex;justify-content: center;padding: 2px 0 10px;letter-spacing: 0.1em;}
.private .list-type .row .type .type-name p:nth-of-type(1){margin-right: 25px;}
.private .list-type .row .type .type-name p{font-size: clamp( 16px , 2.25vw , 24px);}
.private .list-type .row .type .type-name p::first-letter{font-size: 180%;}
.private .list-type .row .type .type-info{padding: 15px 30px;}
.private .list-type .row .type .type-info p{text-align: center;font-size: clamp( 13px , 1.5vw , 16px);}
/* .private .list-type .row .type .type-info >p::first-letter{color: #bfbfbf;} */
.private .list-type .row .type .type-info p .num{font-size: 200%;}
.private .list-type .row .type .type-info p .dim{font-size: 133%;}
.private .list-type .row .type .type-info .list-mark{display: flex;justify-content: space-between;margin: 20px 0 0;}
.private .list-type .row .type .type-info .list-mark p{width: 48%;text-align: center;padding: 10px 0;align-items: center;align-content: center;}
.private  .box-map-type{width: fit-content;text-align: center;position: relative;}
.private .list-type .row .box-map-wrap{position: relative; margin-top: 20px;}
.private .box-map-type .note{position: absolute;right: 0;bottom: 5%;font-size: 12px;}
.private .box-map-type  .mark{position: absolute;top: -20px;right: -10px;background: #000000;color: #ffffff;font-size: clamp(14px , 1.5vw , 20px);width: 6.5em;height: 6.5em;border-radius: 50%;display: block;align-content: center;}
.private .box-map-type  .mark .per{font-size: 240%;position: relative;}
.private .box-map-type  .mark .per sup{font-size: 11px;position: absolute;top: 5px;}
.private .box-map-type  .mark .per span{font-size: 50%;}
.private .box-map-type  .mark .total{font-size: 55%;padding-top: 5px;}
.private .list-type >.cap-left{text-align: left; margin-top: 20px;}
.private .box-map-type  .mark .txt{font-size:18px !important;}
.private .brn-plan{margin-top: 40px;}

@media screen and (min-width: 769px) {
  .private .list-type .row .type .type-info .list-mark p.txt-s{font-size: 14px}
}
@media screen and (max-width: 768px) {
    .private-tit{padding:0 0 20px;margin: 0 0 30px;}
    .private-note{margin-top: 30px; font-size: 13px; line-height: 1.6;}    
    .private .map{margin-top: 0;margin-bottom: 40px;}
    .private .map .note{bottom: -24px;}
    .private .list-type .row .type{width: 100%;}
    .private .list-type .row .box-type .tit-type{margin: 0 0 15px;}
    .private .list-type .row .box-type:not(:last-child){margin: 0 0 20px;}
  .private .list-type .row .type .type-info{padding: 10px 15px;}
  .private .box-map-type .mark .per sup{font-size: 10px;}
  .private .list-type .row .type .type-info .list-mark p{width: 49%;}
  .private .list-type .row > .type{width: 100%;}
  .private .list-type .row .box-type{width: 100%;}
  .private .list-type .row .type .type-name p:nth-of-type(1){margin-right: 15px;}
  .private .list-type .row .box-map-type .note{bottom: 0;}
  .private .box-map-type .mark{top: -10px;width: 6.7em;height: 6.7em;}
  .private .list-type .row .box-type.ldk-1 .type-detail a:not(:last-child){margin: 0 0 20px;}
  .private .list-type .row .box-type.ldk-2 .type-detail .type:nth-of-type(2){order: 3;}
  .private .list-type .row .box-type.ldk-2 .type-detail .type:nth-of-type(4){order: 4;}
  .private .box-map-type{margin-top: 40px;}
  .private .box-map-type .note{bottom: 0;}
  .private .box-map-type .mark .txt{font-size: 14px !important;}
}
/* list-map */
  .private .list-map{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 980px;margin:50px auto 0;}  
  .private .list-map .map{width: 48.16326530%;}
  .private .list-map .box-map-type{width: 40.40816326%;}
@media screen and (max-width: 768px) {
  .private .list-map{margin: 30px auto 0;}
  .private .list-map .map{width: 100%;}
  .private .list-map .box-map-type{width: fit-content;margin:40px auto 0;}
}