@charset "utf-8";
/* ===== 複合レイアウト ===== */

.c-cplx {
  display: flex;
  gap: 4.5rem;margin:2rem auto 1.5rem;width: 80%;
}

.c-cplx__main {
  flex: 6.1 0 0%;
  min-width: 0;
}

.c-cplx__main img {
  display: block;
  width: 100%;
  height: auto;
}

.c-cplx__subs {
  flex: 3.7 0 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.c-cplx__sub img {
  display: block;
  width: 100%;
  height: auto;
}

/* ===== 複合レイアウト ===== */

.c-cplx2 {
  display: flex;
  gap: 1.5rem;margin:2rem auto 0rem;width: 90%;
}

.c-cplx2__main {
  flex: 8.2 0 0%;
  min-width: 0;
}

.c-cplx2__main img {
  display: block;
  width: 100%;
  height: auto;
}

.c-cplx2__subs {
  flex: 3.7 0 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.c-cplx2__sub img {
  display: block;
  width: 100%;
  height: auto;
}


/* スマホ */
@media screen and (max-width: 768px) {
.c-cplx {
  display: flex; flex-wrap: wrap; 
  gap: 1.5rem;margin:2rem auto 1.5rem;width: 100%;
}

  .c-cplx__main { flex: 0 0 100%; }

  .c-cplx__subs {
    flex: 0 0 100%;
    flex-direction: row;
    gap: 0.75rem;
  }

  .c-cplx__sub  { flex: 1 0 0%; }



.c-cplx2 {
  display: flex; flex-wrap: wrap; 
  gap: 1.5rem;margin:2rem auto 1.5rem;width: 100%;
}

  .c-cplx2__main { flex: 0 0 100%; }

  .c-cplx2__subs {
    flex: 0 0 100%;
    flex-direction: row;
    gap: 0.75rem;
  }

  .c-cplx2__sub  { flex: 1 0 0%; }

}





/* ===== /複合レイアウト ===== */
/* ===== page-nav ===== */
.pg-nav{max-width:800px;width: 80%;margin:0 auto 3rem}

.pg-nav__inner {
  display: flex;
  gap: 1.5%;
  width: 100%;
}

.pg-nav__item {
  width: 32%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem 0.5rem;
  font-size: clamp(0.8rem, 0.8vw + 0.4rem, 0.95rem);font-weight: bold;
  line-height: 1.6;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc;
  box-sizing: border-box;
  transition: background 0.6s ease;
}

/* 左：背景固定 */
.pg-nav__item--active {
  background: #9fa0a0;
  color: #fff;
  border-color: #9fa0a0;
}

/* 2番目・3番目：ホバー */
.pg-nav__item:not(.pg-nav__item--active):hover {
  background: #dbe7ed;
}
/*スマホ*/
@media screen and (max-width:768px){
	.pg-nav{width: 90%;margin:1rem auto 3rem}
	
	.pg-nav__inner {
  display: flex;flex-wrap: wrap; 
  gap: 2%;
  width: 100%;
}
 .pg-nav__item {
  width: 90%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.8rem 0.5rem;
  font-size: clamp(1.0rem, 0.8vw + 0.4rem, 0.95rem);font-weight: normal;
  line-height: 1.6;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc;
  box-sizing: border-box;
  transition: background 0.6s ease;margin:0.5rem auto 0;
}
.pg-nav__item--active {
  background: #9fa0a0;
  color: #fff;
  border-color: #9fa0a0;
}
}



/*スマホ*/
@media screen and (max-width:768px){
/* ナビ */
/* 設備・仕様内ナビ */
.plan h2{font-weight:700;padding:120px 0px 0px 0px;text-align:center;margin:0px auto 0px auto;color:#231815;letter-spacing:2px;font-size: clamp(16px, 1.4vw, 22px);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
	
.btnList {
    width:90%;
    margin: 1rem auto 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 91%;
}

.btnList li{
	width: 100%;
    margin-bottom: 15px;
}

.btnList li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #59607c;
    letter-spacing: 0.1rem;
    line-height: 3;
    text-decoration:none; 
    transition: .3s all;
}

.btnList li a:hover {opacity: 0.8;}

.plan1 {width:96%;height:auto;margin:0px auto 0px auto;padding: 20px 0px 0px 0px;text-align:center;}
.plan11 {width:96%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.plan1 img{max-width:100%;}
	
	
.subnavi1 {max-width:900px;width:90%;margin: 30px auto 0px auto;font-weight: 600;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;width: 100%;text-align: center;box-sizing: border-box;line-height: 36px;font-size:100%;border: 1px solid #ccc;background-color: #868687;color: #fff;margin: 0px 1% 10px auto;}
.subnavi1 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}
.subnavi1 li:nth-child(4) {margin: 0px auto 0px auto;}

 .hvr-fade {display: inline-block;vertical-align: middle;;transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;overflow: hidden;-webkit-transition-duration: 0.5s;transition-duration: 0.5;-webkit-transition-property: color, background-color;transition-property: color, background-color;}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color: #000;color: white; padding: 0px 0px 0px 0px;}
	
.title {margin: 7rem auto 0rem auto;font-size: clamp(1.0rem, 1.3vw, 1.4rem);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700;color:#978d63; text-align: center}
.title2 {margin: 6rem auto 3rem auto;font-size: clamp(1.0rem, 1.3vw, 1.4rem);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700;color:#978d63; text-align: center}
	
	
.designfont2 {margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:left;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.8rem); font-weight: 400; letter-spacing:1px;}
.designfont22 {width:100%;margin:0px auto 0px auto;padding: 0rem 0px 1rem 0px;text-align:left!important;line-height:180%;font-size: clamp(1.0rem, 1.2vw, 1.3rem); font-weight: 400; letter-spacing:0px;}
.designfont21 {width:100%;margin:0px auto 0px auto;padding: 3rem 0px 0rem 0px;font-size: clamp(1.2rem, 1.2vw, 1.5rem); font-weight: 700; letter-spacing:0px;;color:#978d63;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
	
.designtext{margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:160%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.accesscap{width:100%;height:auto;margin:9% auto 6% auto;padding: 0px 0px 0px 0px;text-align:left;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;}

.designtext2{margin: 3% auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:150%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.designtext1{margin: 3% auto 0px auto; text-align:left; padding: 1% 0px 1% 0px;line-height:160%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.designtext11{margin: 0px auto 0px auto; text-align:left; padding: 1% 0px 1% 0px;line-height:160%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.plan2 {width:90%;height:auto;margin:0px auto 0px auto;padding: 3rem 0px 0px 0px;text-align:center;}
.plan22 {width:90%;height:auto;margin:0px auto 0px auto;padding: 0rem 0px 0px 0px;text-align:center;}

.landbg {width:90%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 20px 0px;}

.plan6{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;}
.plan6-left{float:left;width:100%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}
.plan6-right{float:right;width:100%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}

.plan66{max-width:980px;width:90%;height:auto;margin:40px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;background-color:#f3f4f4}

.plan7{max-width:980px;width:90%;height:auto;margin:6% auto 0% auto;padding: 0px 0px 0px 0px;}
.plan7-left{float:left;width:100%;height:auto;text-align:left;margin: 0px 0px 20px 0px;}
.plan7-right{float:right;width:100%;height:auto;text-align:left;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

.plan4{width:100%;height:auto;margin:7% auto 0% auto;padding: 3% 0% 2% 0%;text-align:center;background:#f3f4f4 }
.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;max-width:980px;width: 90%;margin: 0px auto 20px auto } 
.f-item2 {width: 45%;margin-right: 2.5%;margin-left: 2.5%;margin-top: 20px; text-align:left;font-size: 90%; }
.f-item2 img{ width: 100%;margin-bottom: 8px;}
	
.plancap{ width:90%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;font-size:70%;text-align:left;line-height:150%;font-weight: 400;}
.plancap2{;width:90%;height: auto;margin: 0px auto 0px auto;padding: 1rem 0px 2rem 0px;font-size:70%;text-align:left;line-height:150%;font-weight: 400;}

.fineplan{width:90%;height:auto;margin:2rem auto 0px auto;padding: 0rem 5% 3% 5%;text-align:center;background:#f3f4f4 }
	
	
.btnList {
    width:90%;
    margin: 1rem auto 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 91%;
}

.btnList li{
	width: 100%;
    margin-bottom: 15px;
}

.btnList li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #59607c;
    letter-spacing: 0.1rem;
    line-height: 3;
    text-decoration:none; 
    transition: .3s all;
}

.btnList li a:hover {opacity: 0.8;}
	
	

}


/*PC*/
@media screen and (min-width:769px){
	
.header li:nth-child(6) {margin: 0 ;
background: linear-gradient(to bottom, #918656, #847c56);
transition: background-color .8s;height: 44px;display: flex; /* flexbox */
-webkit-justify-content: center;
text-align: center;line-height: 110%;
justify-content: center;border-right: solid 1px #ccc;
align-items: center;}

.header li:nth-child(6) a{
	color: #fff;}
	
/* ナビ */
.subnavi1 {max-width:900px;width:90%;margin: 50px auto 0px auto;font-weight: 600;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;width: 24%;text-align: center;box-sizing: border-box;line-height: 36px;font-size:100%;border: 1px solid #ccc;background-color: #868687;color: #fff;margin: 0px 1% 0px auto;}
.subnavi1 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}
.subnavi1 li:nth-child(4) {margin: 0px auto 0px auto;}
	
 .hvr-fade {display: inline-block;vertical-align: middle;;transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;overflow: hidden;-webkit-transition-duration: 0.5s;transition-duration: 0.5;-webkit-transition-property: color, background-color;transition-property: color, background-color;}
	
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color: #000;color: white; padding: 0px 0px 0px 0px;}


.title {margin: 10rem auto 3rem auto;font-size: clamp(1.0rem, 1.3vw, 1.4rem);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700;color:#978d63; text-align: center}
.title2 {margin: 6rem auto 3rem auto;font-size: clamp(1.0rem, 1.3vw, 1.4rem);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700;color:#978d63; text-align: center}
	
	
	
.designfont2 {margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:center;line-height:160%;font-size: clamp(1.2rem, 1.4vw, 2.0rem); font-weight: 400; letter-spacing:1px;}
.designtext{margin: 0px auto 0px auto; text-align:center; padding: 0px 0px 10px 0px;line-height:180%;;font-size: clamp(0.8rem, 1.2vw, 1.0rem);color:#000;}
.accesscap{width:80%;height:auto;margin:9% auto 3% auto;padding: 0px 0px 0px 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;}

.designfont21 {width:100%;margin:0px auto 0px auto;padding: 0rem 0px 0rem 0px;font-size: clamp(1.2rem, 1.6vw, 1.8rem); font-weight: 700; letter-spacing:0px;;color:#978d63;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.designfont22 {width:100%;margin:0px auto 0px auto;padding: 6rem 0px 1rem 0px;text-align:center!important;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.3rem); font-weight: 400; letter-spacing:0px;}
	
	
.designtext2{margin: 3% auto 0px auto; text-align:center; padding: 0px 0px 10px 0px;line-height:160%;;font-size: clamp(1.0rem, 1.2vw, 1.2rem);color:#000;}
.designtext1{margin: 0px auto 0px auto; text-align:center; padding: 1% 0px 1% 0px;line-height:160%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.designtext11{margin: 0px auto 0px auto; text-align:left; padding: 1% 0px 1% 0px;line-height:160%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.plan1 {max-width:1200px;width:90%;height:auto;margin:3rem auto 3rem auto;padding: 0px 0px 0px 0px;text-align:center;}
.plan11 {max-width:1200px;width:90%;height:auto;margin:3rem auto 3rem auto;padding: 0px 0px 0px 0px;text-align:center;}
.plan1	img {max-width: 100%;height: auto;display: block;margin:0px auto 0px auto;}
.plan2 {max-width:1000px;width:70%;height:auto;margin:5rem auto 3rem auto;padding: 0px 0px 0px 0px;text-align:center;}
.plan22 {max-width:1000px;width:70%;height:auto;margin:3rem auto 3rem auto;padding: 0px 0px 0px 0px;text-align:center;}
	
.plan3 {max-width:800px;width:70%;height:auto;margin:3rem auto 0rem auto;padding: 0rem 0px 0px 0px;text-align:center;}
.plan h2{font-weight:700;padding:140px 0px 0px 0px;text-align:center;margin:0px auto 0px auto;color:#231815;letter-spacing:2px;font-size: clamp(14px, 1.4vw, 22px);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
	
	
.btnList {
    max-width: 730px;
    margin: 5rem auto 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 91%;
}

.btnList li{
	width: 49%;
    margin-bottom: 15px;
}

.btnList li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #59607c;
    letter-spacing: 0.1rem;
    line-height: 3;
    text-decoration:none; 
    transition: .3s all;
}

.btnList li a:hover {opacity: 0.8;}

	
.plan6{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;}
.plan6-left{float:left;width:46%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}
.plan6-right{float:right;width:46%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}

.plan66{max-width:980px;width:90%;height:auto;margin:40px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;background-color:#f3f4f4}

.plan7{max-width:980px;width:90%;height:auto;margin:6% auto 0% auto;padding: 0px 0px 0px 0px;}
.plan7-left{float:left;width:45%;height:auto;text-align:left;margin: 0px 0px 20px 0px;}
.plan7-right{float:right;width:53%;height:auto;text-align:left;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

.plan4{width:100%;height:auto;margin:4% auto 0% auto;padding: 3% 0% 2% 0%;text-align:center;background:#f3f4f4 }
.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;max-width:980px;width: 80%;margin: 0px auto 20px auto } 
.f-item2 {width: 30%;margin-right: 1.5%;margin-left: 1.5%;margin-top: 20px; text-align:left;font-size: 90%; }
.f-item2 img{ width: 100%;margin-bottom: 8px;}
	
.plancap{ width:90%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;font-size:75%;text-align:center;line-height:150%;font-weight: 400;}
.plancap2{max-width:980px;width:90%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;font-size:75%;text-align:center;line-height:150%;font-weight: 400;}
	
.fineplan{width:90%;height:auto;margin:2rem auto 0px auto;padding: 0.5rem 5% 3% 5%;text-align:center;background:#f3f4f4 }
	
#land::before {
  content: "";
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
} 
#air::before {
  content: "";
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
}
#fine::before {
  content: "";
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
}
}


@media print {
.footer{display: none;}
.hidden-print { display: none;}
.headertop{display: none;}
.hdrleft{display: none;}
.hdrright{display: none;}
.gnavibg{display: none;}
.gnavi{display: none;}
.pan{display: none;}
.pan1{display: none;}
.pan3{display: none;}
.plan1{text-align:center;margin:50px auto 0px auto;}
h2{display: none}
.footerbg{display: none;}
.gnavi2bg{display: none;}
.form{display: none;}
.header{display: none;}
.headerbg{display: none;}
.plansubnavi1{display: none;}
.copyright{display: none;}
.page-top{display: none;}
.footer{display: none;}
.topobi1{display: none;}

}