@charset "utf-8";


/* ===== グリッド（共通） ===== */
.sec-grid { padding: 4rem 0; }

.inner {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

.grid {
  display: grid;
  gap: 2rem;
  justify-content: start;
}

.grid-item {
  display: flex;
  flex-direction: column;
}

.grid-item img {
  width: 100%;
  height: auto;
}

.grid-item__txt {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding: 0.5rem 0;
  color: inherit;
}



.gray{color: #898989}
/*スマホ*/
@media screen and (max-width:768px){
	
/* ===== グリッド SP：2列 ===== */
.grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
	
.landbg{width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;}
.land{width:100%;height:auto;margin:0px auto 0px auto;padding: 0% 0px 0% 0px;text-align:center;}
.land2{width:100%;height:auto;margin:0px auto 0px auto;padding: 3% 0px 5% 0px;text-align:center;}
.land-left{float:left;width:49%;height:auto;text-align:center;margin: 1% 0px 0px 0px;font-size: clamp(0.7rem, 0.8vw, 0.8rem);}
.land-right{float:right;width:49%;height:auto;text-align:center;margin: 1% 0px 0px 0px;font-size: clamp(0.7rem, 0.8vw, 0.8rem);}
.balcony{width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center}
.balcony-left{width:100%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}
.balcony-right{width:100%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}
.moreroom{width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;}
.moreroom-left{width:100%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}
.moreroom-right{width:100%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}
.moreroom2{width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;}
.moreroom2-left{width:100%;height:auto;text-align:left;margin: 30px 0px 10% 0px;}
.moreroom2-right{width:92%;height:auto;text-align:left;margin: 30px 0px 10% 0px;border: #000 solid 1px;padding: 3% 4%}
.space{width:90%;height:auto;margin:3% auto 0px auto;padding: 2% 0px 0px 0px;text-align:left;}
.space2{;width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:left;}
.space3{;width:100%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:left;}
.kabe{width:90%;height:auto;margin:3% auto 0% auto;padding: 2% 0px 3% 0px;text-align:center;}
.kabe2{max-width:980px;width:94%;height:auto;margin:5% auto 3% auto;padding: 2% 3% 2% 3%;text-align:center;background:#f6f3ef;border:#685239 double 4px }
.kabe3{max-width:980px;width:94%;height:auto;margin:2% auto 0% auto;padding: 2% 3% 0% 3%;text-align:center; }
	
.kabe-left{width:100%;height:auto;text-align:left;margin: 30px 0px 0px 0px;padding: 0% 4% 4% 0px;border-bottom:#000 dotted 2px}
.kabe-right{width:100%;height:auto;text-align:left;margin: 30px 0px 0px 0%;}
.finebg{width:100%;height:auto;margin:4% auto 0% auto;padding: 1% 0% 2% 0%;text-align:center;background-color:#f3f4f4 }
.fine{width:90%;height:auto;margin:0px auto 0px auto;padding: 1% 0px 3% 0px;text-align:center;}
.fine-left{width:100%;height:auto;text-align:left;margin: 30px 0% 0px 0px;}
.fine-left2{float:left;width:48%;height:auto;text-align:left;margin: 30px 0px 0px 2%;}
.merit-badge {background-color: #949495;padding: 2px 10px;color: #fff;margin: 3% 0px 3% 0%;}
.structurebg{width:100%;height:auto;margin:5% auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;background-color:#f3f4f4}
.structure{width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:left;}
.designfont222 {width:100%;margin:0px auto 0px auto;padding:4% 0px 0% 0px;text-align:left!important;line-height:160%;font-size: clamp(0.9rem, 1.1vw, 1.0rem); font-weight: 400; letter-spacing:0px;}
.line {
  clear: both;
  max-width: 980px;
  width: 90%;
  height: 2px; /* 線の高さを確保 */
  margin: 0 auto;
  padding-top: 3%;
  text-align: center;
  
  /* 元のborder-topを削除して、backgroundで点線を描画 */
  border: none;
  background-image: radial-gradient(circle, #000 1px, transparent 1px);
  background-size: 8px 2px; /* 左側の値（12px）を大きくすると点の間隔が広がります */
  background-repeat: repeat-x;
  background-position: top;
}
	
.line2 {
  clear: both;
  max-width: 980px;
  width: 90%;
  height: 2px; /* 線の高さを確保 */
  margin: 0 auto;
  padding-top: 3%;
  text-align: center;
  
  /* 元のborder-topを削除して、backgroundで点線を描画 */
  border: none;
  background-image: radial-gradient(circle, #000 1px, transparent 1px);
  background-size: 8px 2px; /* 左側の値（12px）を大きくすると点の間隔が広がります */
  background-repeat: repeat-x;
  background-position: top;
}
.com{width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;background-color:#fff}
.com-left{width:100%;height:auto;text-align:left;margin: 5% 0px 10% 0px;}
.com-right{width:100%;height:auto;text-align:left;margin: 5% 0px 10% 0px;}
.designtext11{margin: 0px auto 0px auto; text-align:left; padding: 2.5% 0px 1% 0px;line-height:150%;;font-size: clamp(0.7rem, 0.8vw, 0.8rem);color:#000;}


.title {margin: 7% auto 5% auto;font-size: clamp(0.8rem, 1.2vw, 1.2em); color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 400; text-align:center;}
.designfont2 {width:100%;margin:0px auto 0px auto;padding: 0px 0px 4% 0px;text-align:left;line-height:160%;font-size: clamp(0.9rem, 1.1vw, 1.1rem); letter-spacing: 0px; font-weight: 400; letter-spacing:1px;}
.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%;}
	
.designfont22 {width:100%;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left!important;line-height:150%;font-size: clamp(1.0rem, 1.2vw, 1.2rem); font-weight: 400; letter-spacing:0px;}
.designtext2{margin: 3% auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:150%;;font-size: clamp(0.9rem, 1.2vw, 1.2rem);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;}
	
	
/* ナビ */
/* 設備・仕様内ナビ */
.plan h2{font-weight:700;padding:80px 0px 0px 0px;text-align:center;margin:0px auto 0px auto;color:#5c7d7c;letter-spacing:2px;font-size: clamp(16px, 1.4vw, 22px);font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-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;}
.plan{width:100%;height:auto;margin:4% auto 0% auto;padding: 3% 0% 2% 0%;text-align:center;}
.plan1 {width:100%;height:auto;margin:0px auto 0px auto;padding: 20px 5% 0px 5%;text-align:center;}
.plan1 img{max-width:100%;}
	.plan2{width:100%;height:auto;margin:0% auto 0% auto;padding: 12% 0% 0% 0%;text-align:center;}
	
.subnavi1 {max-width:900px;width:90%;margin: 30px auto 0px auto;font-weight: 400;box-sizing: border-box;}
.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: #9fa0a0;color: #fff;margin: 0px 1% 10px auto;font-size:80%;}
.subnavi1 a {display: block;text-decoration: none;color: #000;background-color: #fff;color: #000;}
.subnavi1 li:nth-child(5) {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;}
	

	
.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:5% 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:700px;width:50%;margin: 0px auto 10px auto } 
.f-item2 {width: 100%;margin-right: 0%;margin-left: 0%;margin-top: 10px; 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:70%;text-align:left;line-height:150%;font-weight: 400;color:#595757; }
	
.airplan{width:90%;height:auto;margin:5% auto 0px auto;padding: 3% 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;}
	
	
#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;
}
#str::before {
  content: "";
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
}	
	
	
}


/*PC*/
@media screen and (min-width:769px){
/* ===== グリッド PC：3列 ===== */
.grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.plan{max-width:1000px;width:80%;height:auto;margin:7% auto 3% auto;padding: 2% 0% 3% 0%;text-align:center;}
	
.plan h2{font-weight:700;padding:0 0px 0px 0px;text-align:center;margin:0px auto 0px auto;color:#5c7d7c;cletter-spacing:2px;font-size: clamp(0.9rem, 1.4vw+0.5rem, 1rem);font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.plan1 {width:100%;height:auto;margin:0px auto 0px auto;padding: 30px 0px 50px 0px;text-align:center;}
.plan1	img {width: 100%;height: auto;display: block;margin:0px auto 0px auto;}
	

.landbg{width:80%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;}
.land{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 0% 0px 0% 0px;text-align:center;}
.land2{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 3% 0px 5% 0px;text-align:center;}
.land-left{float:left;width:48%;height:auto;text-align:center;margin: 0% 0px 0px 0px;}
.land-right{float:right;width:48%;height:auto;text-align:center;margin: 0% 0px 0px 0px;}
.balcony{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center}
.balcony-left{float:left;width:46%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}
.balcony-right{float:right;width:46%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}
.moreroom{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;}
.moreroom-left{float:left;width:32%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}
.moreroom-right{float:right;width:65%;height:auto;text-align:left;margin: 30px 0px 0px 0px;}
.moreroom2{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;}
.moreroom2-left{float:left;width:52%;height:auto;text-align:left;margin: 30px 0px 10% 0px;}
.moreroom2-right{float:right;width:38%;height:auto;text-align:left;margin: 30px 0px 10% 0px;border: #000 solid 1px;padding: 3% 2%}
.space{max-width:980px;width:90%;height:auto;margin:0% auto 0px auto;padding: 2% 0px 0px 0px;text-align:left;}
.space2{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:left;}
.kabe{max-width:980px;width:94%;height:auto;margin:0% auto 0% auto;padding: 2% 3% 3% 3%;text-align:center;}
.kabe2{max-width:980px;width:94%;height:auto;margin:5% auto 3% auto;padding: 2% 3% 2% 3%;text-align:center;background:#f6f3ef;border:#685239 double 4px }
.kabe3{max-width:980px;width:94%;height:auto;margin:2% auto 0% auto;padding: 2% 3% 0% 3%;text-align:center; }
	
.space3{max-width:980px;width:100%;height:auto;margin:3% auto 0px auto;padding: 2% 0px 0px 0px;text-align:left;}
.kabe-left{float:left;width:56%;height:auto;text-align:left;margin: 30px 0px 0px 0px;border-right:dotted #000 2px;padding: 0% 3% 0px 0px;}
.kabe-right{float:right;width:37%;height:auto;text-align:left;margin: 30px 0px 0px 3%;}
.finebg{width:100%;height:auto;margin:4% auto 0% auto;padding: 1% 0% 2% 0%;text-align:center;background-color:#f3f4f4 }
.fine{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 1% 0px 3% 0px;text-align:center;}
.fine-left{float:left;width:38%;height:auto;text-align:left;margin: 30px 1% 0px 0px;}
.fine-left2{float:left;width:28%;height:auto;text-align:left;margin: 30px 0px 0px 1%;}
.merit-badge {background-color: #949495;padding: 2px 10px;color: #fff;margin: 3% 0px 3% 1%;}
.structurebg{width:100%;height:auto;margin:5% auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;background-color:#f3f4f4}
.structure{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:left;}
.designfont222 {width:100%;margin:0px auto 0px auto;padding:2% 0px 0% 0px;text-align:left!important;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.2rem); font-weight: 400; letter-spacing:0px;}
.line{clear: both; max-width:980px;width:90%;height:2px;margin:0px auto 0px auto;padding: 3% 0px 0% 0px;text-align:center;border-top: dotted #000 2px}
	
.com{max-width:980px;width:90%;height:auto;margin:0px auto 0px auto;padding: 2% 0px 0px 0px;text-align:center;background-color:#fff}
.com-left{float:left;width:46%;height:auto;text-align:left;margin: 5% 0px 10% 0px;}
.com-right{float:right;width:46%;height:auto;text-align:left;margin: 5% 0px 10% 0px;}
.designtext11{margin: 0px auto 0px auto; text-align:left; padding: 2.5% 0px 1% 0px;line-height:150%;;font-size: clamp(0.7rem, 0.9vw, 0.9rem);color:#000;}
	
	
.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:200px;width:100%;margin: 50px auto 0px auto;font-weight: 400;box-sizing: border-box;}
.subnavi1:after {content: "";clear: both;display: block;box-sizing: border-box;}
.subnavi1 li {width: 100%;text-align: center;box-sizing: border-box;line-height: 50px;font-size:100%;border: 1px solid #ccc;background-color: #868687;color: #fff;margin: 2% 1% 0px 1%;}
.subnavi1 a {display: block;text-decoration: none;color: #000;background-color: #fff;box-sizing: border-box;}
.subnavi1 li:nth-child(2) {border-right: 2px solid #ccc;}
.subnavi1 li:nth-child(5) {border-right: 2px solid #ccc;}
	
 .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: 7% auto 3% auto;font-size: clamp(1.2rem, 1.4vw, 1.4em); color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 400; text-align:center;}
	
.designfont2 {width:100%;margin:0px auto 0px auto;padding: 0px 0px 2% 0px;text-align:center;line-height:160%;font-size: clamp(1.2rem, 1.4vw, 1.4rem); letter-spacing: 0px; font-weight: 400; letter-spacing:1px;}
	
.designtext{margin: 0px auto 0px auto; text-align:center; padding: 0px 0px 10px 0px;line-height:200%;;font-size: clamp(0.8rem, 1.0vw, 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%;}
	
.designfont22 {width:100%;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left!important;line-height:160%;font-size: clamp(1.2rem, 1.4vw, 1.4rem); font-weight: 400; letter-spacing:0px;}
.designtext2{margin: 3% auto 0px auto; text-align:left; 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:left; padding: 1% 0px 1% 0px;line-height:160%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}


.plan2{width:100%;height:auto;margin:0% auto 0% auto;padding: 3% 0% 0% 0%;text-align:center;}

	
	
.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;background-color:#fff}
.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:53%;height:auto;text-align:left;margin: 0px 0px 20px 0px;}
.plan7-right{float:right;width:45%;height:auto;text-align:left;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

.plan4{width:100%;height:auto;margin:2% auto 0% auto;padding: 2% 0% 3% 0%;text-align:center;background:#f3f4f4 }
.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;max-width:700px;width: 80%;margin: 0px auto 30px auto } 
.f-item2 {width: 45%;margin-right: 2.5%;margin-left: 2.5%;margin-top: 0px; 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;color:#595757; }
	
.airplan{width:90%;height:auto;margin:5% auto 0px auto;padding: 3% 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;
}
#str::before {
  content: "";
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
}
}
/* ===== 印刷スタイル（間取りページ） ===== */
@media print {

  /* 用紙設定 */
  @page {
    margin: 10mm;
  }

  /* 改ページ禁止・基本リセット */
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    box-sizing: border-box;
  }

  /* 不要要素を非表示 */
  header,
  footer,
  nav,
  .no-print,
  .btn,
  button {
    display: none !important;
  }

  /* ページ全体を1枚に収める */
  html,
  body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 10pt;
  }

  /* メインコンテンツ */
 
  .plan {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* 間取り画像を最大限に表示 */
  .plan img {
    width: 100%;
    height: auto;
    max-height: 85vh;
    object-fit: contain; /* coverは使用しない */
    display: block;
  }

  /* テキスト情報（物件名・部屋番号等） */
  .madori-info {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0;
    font-size: 9pt;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* 改ページ強制させない */
  section,
  article,
  figure {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* リンクのURL非表示 */
  a[href]::after {
    content: none !important;
  }
}

@media print {
.footer{display: none;}
.hidden-print { display: none;}
.hdrleft{display: none;}
.hdrright{display: none;}
.gnavibg{display: none;}
.gnavi{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;}
.btnList{display: none;}
	

}