@charset "utf-8";

/* ----------------------------------
plan
---------------------------------- */

#content_Wrap {
    position: relative;
    color: #323232;
    background: #ffffff00;
}

#content_Wrap figure {
    position: relative;
    height: fit-content;
}


.main {
    background-image: url(../img/main.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 16% 0;
    position: relative;
    z-index: 1;
}

.main h2 {
    font-size: 24px;
    letter-spacing: 6px;
    color: #fefefe;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* ----------------------------------
plan (index)
---------------------------------- */
.planIndex_Wrap {
  padding: 80px 0;
  background: url("../img/bg_01.jpg") top center repeat;
  background-size: 100%;
}
.planIndex_Wrap h3 {
  color:#FFF;
  font-size: 28px;
  line-height: 2;
  letter-spacing: 0.15em;
  text-align: center;
  margin-bottom: 3em;
}

.planIndex_Wrap a {
  display: block;
  transition: .3s all;
}
.planIndex_Wrap a:hover {
  opacity: .8;
  filter: none;
}

.planIndex_Wrap .planBtn_List {
  flex-wrap: wrap;
  gap: 50px 5%;
}
.planIndex_Wrap .planBtn_List li {
  width: calc((100% - 10%) / 3);
  background: #fff;
}

h4.ttl_premium {
  width: 80%;
  max-width: 456px;
  margin: 100px auto 30px;
}
h4.ttl_privategarden {
text-align: center;
color: #fff;
font-size: clamp(20px,2vw,24px);
  margin: 100px auto 30px;
}

.ttl_premium + .planBtn_List {
  justify-content: center;
}
.planIndex_Wrap .planBtn_List li.btn_i,
.planIndex_Wrap .planBtn_List li.btn_h {
  width: 40%;
  max-width: 480px;
}

.type_select {
display: none;
}

/* ----------------------------------
plan (detail)
---------------------------------- */
.planDetail_Wrap {
  padding: 150px 0 80px;
  background: url("../img/bg_01.jpg") center center repeat;
  background-size: cover;
}
.planDetail_Wrap h4.ttl_premium {
  margin-top: 0;
}

.planDetail_Contents {
  background: url(../img/bg_detail.jpg) no-repeat top center / cover;
  padding-bottom: 30px;
  margin-bottom: 80px;
}
.planDetail_Contents--txt {
  /* padding-left: 5%; */
  width: 50%;
}
.planDetail_Contents--txt .plan__head {
  align-items: flex-end;
  margin-top: 8%;
}
.plan__head h3 {
  background: #1a2a44;
  border-left:6px solid #c2a358;
  color: #fff;
  font-family: 'Cinzel', serif;
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items:baseline;
  font-size: 80px;
  line-height: 0.85;
  padding: 0.5em 0.4em 0.3em;
  margin: 0 0.4em 0 0;
}
.plan__head h3 span {
  font-size: 60%;
  margin-right: 0.1em;
}
.plan__head h3 small {
  font-size: 16px;
  letter-spacing: 0.18em;
  display: block;
  margin-left: 0.18em;
}
.plan__head-detail p {
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: 0.16em;
  font-feature-settings: "palt";
}
.plan__head-detail p.ldk {
  font-size: 38px;
  letter-spacing: 0.14em;
}
.plan__copy {
  padding-left: 5%;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 60px;
}
.plan__copy li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 1em;
}
.plan__copy li::before {
  content: "";
  display: inline-block;
  width: 0.6em;
  aspect-ratio: 1/1;
  background: #1a2a44;
  /* transform: rotate(45deg); */
  vertical-align: middle;
  margin-right: 0.5em;
}
.plan__copy li:last-child {
  margin-bottom: 0;
}

.planDetail_Contents--txt .plan__copy {}
.planDetail_Contents--img {
  width: 50%;
  padding: 4% 0 0;
}
.zumen{
  margin: 0 auto;
}
/* .icon_river {
  margin: 20px auto;
  width: 70%;
  max-width: 160px;
} */
.icon_hanrei {
  margin: 20px auto;
  width: 75%;
  max-width: 280px;
}

/* 各タイプ個別設定 */
.atype .zumen {
  width: 70.66666667%;
  max-width: 424px;
}
.btype .zumen {
  width: 66.5%;
  max-width: 399px;
}
.ctype .zumen {
  width: 67%;
  max-width: 402px;
}
.dtype .zumen {
  width: 64.66666667%;
  max-width: 388px;
}
.d1type .zumen {
  width: 64.66666667%;
  max-width: 388px;
}
.etype .zumen {
  width: 63.5%;
  max-width: 381px;
}
.e1type .zumen {
  width: 63.5%;
  max-width: 381px;
}
.ftype .zumen {
  width: 66.16666667%;
  max-width: 397px;
}
.f1type .zumen {
  width: 66.16666667%;
  max-width: 397px;
}
.gtype .zumen {
  width: 75.5%;
  max-width: 453px;
}
.g1type .zumen {
  width: 75.5%;
  max-width: 453px;
}

.premium .planDetail_Contents--txt {
  width: 100%;
  padding: 0 5% 0 0;
  display: flex;
  gap: 50px;
}
.premium .planDetail_Contents--txt .plan__head {
  width: 53%;
  margin-top: 4%;
  align-items: flex-start;
}
.premium .plan__head-detail p.ldk {
  letter-spacing: 0.05em;
}
.premium .planDetail_Contents--txt .plan__copy {
  width: 47%;
  margin: 2.5% 0 0;
  padding-left: 0;
}
.premium .planDetail_Contents--img {
  width: 100%;
}
.htype .zumen {
  width: 95%;
  max-width: 979px;
}
.itype .zumen {
  width: 98%;
  max-width: 1510px;
}
/* 各タイプ個別設定 */

.planDetail_Btn {
  width: 100%;
  justify-content: center;
  gap: 30px;
}
.planDetail_Btn li {
  width: 230px;
  height: fit-content;
}
.planDetail_Btn li a {

  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  letter-spacing: 0.06em;
  height: 55px;
  transition: .3s;
}
.planDetail_Btn li a.print {
  background: #c2a358;
}
.planDetail_Btn li a.print img { width: 20px!important; }
.planDetail_Btn li a.back {
  color:#3e3e3e;
  background: #FFF;
}
/* .planDetail_Btn li a.back img { width: 15px!important; } */

.planDetail_Btn li a:hover { opacity: .7; }





.notes {
    color: #000;
}

/*=============================
タブレット表示
=============================*/

@media (max-width: 1024px) and (min-width: 641px) {


    .cap_Txt {
        left: auto;
        right: 5px;
    }


  /* 各タイプ個別設定 */
  .htype .planDetail_Contents--txt {
    flex-direction: column;
    align-items: flex-start;
  }
  .htype .planDetail_Contents--txt .plan__head {
    width: 100%;
  }
  .htype .planDetail_Contents--txt .plan__copy {
    width: 100%;
    margin: 0 0 0 5%;
  }
  /* 各タイプ個別設定 */


}

/*=============================
spから
=============================*/
@media screen and (max-width: 767px) {
  #content_Wrap>.secbg {
      top: 70px;
  }

  .cap_Txt {
      left: auto;
      right: 5px;
  }


  .main {
      background-image: url(../img/main_sp.jpg);
      background-position: left center;
      padding: 24% 0;
  }

  .main h2 {
      font-size: 20px;
      width: 100%;
      text-align: center;
  }


  /* ----------------------------------
  plan (index)
  ---------------------------------- */
  .planIndex_Wrap {
    padding: 50px 0;
  }
  .planIndex_Wrap h3 {
    font-size: 20px;
  }

  .planIndex_Wrap .planBtn_List {
    gap: 30px 0;
  }
  .planIndex_Wrap .planBtn_List li {
/*    width: calc((100% - 15px) / 2);*/
    width: 70%;
    margin: 0 auto;
  }

  h4.ttl_premium {
    width: 90%;
/*    margin: 60px auto 20px;*/
    margin: 30px auto 20px;
  }
  h4.ttl_privategarden {
    margin: 30px auto 20px;
}

  .planIndex_Wrap .planBtn_List li.btn_i,
  .planIndex_Wrap .planBtn_List li.btn_h {
    width: 90%;
  }
.type_select {
display: block;
}
.type_select ul {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto 30px;
gap: 10px 2%;
}
.type_select.anc02 ul,
.type_select.anc03 ul{
margin: 80px auto 0;
}



.type_select li {
width: 100%;
background: #000;
}
.type_select li:nth-child(1),
.type_select li:nth-child(2){
width: 49%;
}
.type_select li a{
text-align: center;
width: 100%;
color: #876a27;
background: #fff;
border: 1px solid #b49263;
padding: 0.6em 0 0.3em;
box-sizing: border-box;
}

.type_select li:nth-child(3) a{
width: 100%;
color: #fff;
background: #a88536;
border: 1px solid #6a5420;
}

.type_select.anc01 li:nth-child(1) a{
position: none;
opacity: 0.5;
}
.type_select.anc02 li:nth-child(2) a{
position: none;
opacity: 0.5;
}
.type_select.anc03 li:nth-child(3) a{
position: none;
opacity: 0.5;
}

.type_select li a span{
font-size: 70%;
}

.type_select a {
}

[id^="anc0"] {
display: block;
padding-top: 150px;
margin-top: -150px;
}


  /* ----------------------------------
  plan (detail)
  ---------------------------------- */
  .planDetail_Wrap {
    padding: 80px 0 40px;
  }
  .planDetail_Contents {
    background: url(../img/bg_detail_sp.jpg) no-repeat top center / cover;
    padding-bottom: 20px;
    margin-bottom: 40px;
    flex-direction: column;
  }
  .planDetail_Contents--txt {
    padding: 5%;
    width: 100%;
  }
  .planDetail_Contents--txt .plan__head {
    align-items: flex-start;
    flex-direction: column;
  }
  .plan__head h3 {
    width: 100%;
    flex-direction: row;
    align-items: baseline;
    font-size: 36px;
    padding:  0.4em 0.3em 0.3em;
    margin: 0 0 0.2em;
  }
  .plan__head h3 small {
    font-size: 13px;
    margin-left: 0.36em;
    vertical-align: baseline;
  }
  .plan__head-detail p {
    font-size: 14px;
  }
  .plan__head-detail p.ldk {
    font-size: 24px;
  }
  .plan__copy {
    font-size: 14px;
    margin-top: 20px;
    padding-left: 0;
  }

  .planDetail_Contents--img {
    width: 100%;
    padding: 0;
  }
  /* .icon_river {
    margin: 10px auto;
    width: calc(0.6 * 70%);
  } */
  .icon_hanrei {
    width: calc(0.6 * 75%);
  }

  /* 各タイプ個別設定 */
  .atype .zumen {
    width: calc(1.2 * 68.33333334%);
  }
  .btype .zumen {
    width: calc(1.2 * 66.5%);
  }
  .ctype .zumen {
    width: calc(1.2 * 75%);
  }
  .dtype .zumen {
    width: calc(1.2 * 64.66666667%);
  }
  .etype .zumen {
    width: calc(1.2 * 75%);
  }
  .ftype .zumen {
    width: calc(1.2 * 66.16666667%);
  }
  .gtype .zumen {
    width: calc(1.2 * 75.5%);
  }

  .premium .planDetail_Contents--txt {
    padding: 5%;
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .premium .planDetail_Contents--txt .plan__head {
    width: 100%;
  }
  .premium .planDetail_Contents--txt .plan__copy {
    width: 100%;
    margin: 20px 0 0;
    padding-left: 0;
  }
  .htype .zumen {
    width: 98%;
  }
  /* 各タイプ個別設定 */

  .planDetail_Btn li {
    width: 70%;
  }
  .planDetail_Btn li a {
    font-size: 13px;
    height: 50px;
  }


}


/*-----------------------------
印刷
-----------------------------*/
@media print {
  body{
    padding-top: 2mm;
    width: 210mm;
    height: 297mm;
  }
  header,
  footer,
  h2,
  .main,
  .ttl_premium,
  .planDetail_Btn
  { display: none!important; }

  #content_Wrap {
  width: 100%;
  margin: 0 auto;
  padding: 2mm 0 0;
  }
  .planDetail_Wrap {
    padding: 0;
  }
  .planDetail_Contents {
    filter: none;
    display: block;
  }
  .planDetail_Contents--txt,
  .planDetail_Contents--img {
    width: 100%;
    padding: 0;
    display: block!important;
  }
  .planDetail_Contents--txt .plan__head {
    align-items: flex-start;
    width: 100%!important;
  }
  .plan__head h3 {
    padding: 0;
    color: #000;
    border:none;
  }
  .plan__copy {
    padding-left: 0;
    margin-top: 6mm;
    font-size: 14px;
    width: 100%!important;
  }
  .plan__copy li {
    margin-bottom: 0.5em;
  }
  .zumen {
    margin: 6mm auto 0!important;
  }

}