section.block01 {
padding-bottom:9rem;

}
@media screen and (max-width: 768px) {
section.block01 {
padding-bottom:10rem;

}
}
.sub_copy {
text-align:center;

}
.plan-list {
display:grid;
gap:20px;
margin-top:50px;

}
.plan-list li {
max-width:440px;

}
.plan-list li a img {
transition:200ms;

}
.plan-list li a:hover img {
filter:brightness(90%);

}
.plan-list img {
width:100%;
height:auto;

}
@media screen and (max-width: 768px) {

.plan-list {
margin-top:50px;

}
.plan-list li {
margin:0 auto;

}
}
.plan-detail {
display:grid;
grid-template-columns:420px 540px;
gap:50px 40px;

}
.plan-detail .spec .type-name {
font-family:eb-garamond, serif;
font-weight:400;
font-style:normal;
background-color:#23354c;
color:#fff;
font-size:18px;
display:flex;
align-items:center;
justify-content:center;
letter-spacing:0.1em;
line-height:1;
padding:7px 10px 0;

}
.plan-detail .spec .type-name .room {
margin-right:0.5rem;
font-size:333%;

}
.plan-detail .spec .plan-type {
font-size:20px;
background-color:#2d74bb;
color:#fff;
padding:0 10px;
text-align:center;
letter-spacing:0.04em;
font-feature-settings:"palt";

}
.plan-detail .spec .layout {
font-size:32px;
text-align:center;
padding:10px 10px 15px;
border-bottom:1px solid #000;
line-height:1;

}
.plan-detail .spec .layout .number {
font-size:175%;

}
.plan-detail .spec .layout .other-space {
display:inline-block;
font-size:50%;
transform:translateY(-5px);

}
.plan-detail .spec .scale {
font-size:16px;
margin-top:5px;

}
.plan-detail .spec .scale li .title {
margin-right:10px;

}
.plan-detail .spec .scale li .number01 {
font-size:262.5%;

}
.plan-detail .spec .scale li .number02 {
font-size:206.25%;

}
.plan-detail .spec .merit-copy {
font-size:15px;
line-height:1.4;
font-feature-settings:"palt";
letter-spacing:0.1em;
margin-top:30px;

}
.plan-detail .spec .merit-copy li {
	background-color:#5a5349;
color:#fff;
text-align: left;
padding:15px 20px;

}
.plan-detail .spec .merit-copy li:not(:first-child) {
margin-top:10px;

}
.plan-detail .figure {
text-align:center;

}
.plan-detail .figure img {
max-width:100%;
height:auto;

}
.plan-detail .caption,.plan-detail .return-to-list {
grid-column:1 / span 2;

}
.plan-detail .caption .usage-guide {
display:flex;
flex-wrap:wrap;

}
.plan-detail .caption .usage-guide li {
display:flex;
align-items:center;

}
.plan-detail .caption .usage-guide li:not(:last-child) {
margin-right:15px;

}
.plan-detail .caption .usage-guide li img {
margin-right:6px;

}
.plan-detail .caption p {
margin-top:10px;

}
.plan-detail .return-to-list {
text-align:center;

}
.plan-detail .return-to-list a {
color:#000;
font-size:22px;
font-feature-settings:"palt";
letter-spacing:0.2em;
text-decoration:none;
border:1px solid #000;
padding:5px 50px 5px 10px;
transition:200ms opacity;
margin:0 auto;
display:inline-block;

}
.plan-detail .return-to-list a .arrow {
position:relative;
top:-3px;
font-size:80%;
margin-right:30px;

}
.plan-detail .return-to-list a:hover {
opacity:0.7;

}
@media screen and (max-width: 960px) {
.plan-detail {
display: flex;
flex-direction: column;
gap: 40px;

}
.plan-detail .spec .spec_img {
	text-align: center;
}
.plan-detail .spec .merit-copy {
max-width: 360px;
margin: 20px auto 0;

}
.plan-detail .spec .merit-copy li {
padding: 10px;

}
.plan-detail .return-to-list a {
font-size: 18px;
padding: 5px 40px 5px 10px;

}
}







.plan-detail .return-to-list a {
color:#000;
font-size:22px;
font-feature-settings:"palt";
letter-spacing:0.2em;
text-decoration:none;
border: 0px solid #000;
padding: 0;
transition:200ms opacity;
margin:0 auto;
display:inline-block;

}
.plan-detail img {
	max-width: 100%;
}
.pagettl {
	padding: 40px 0;
	background: url(../images/plan_ttl.jpg);
	background-size: cover;
}
.pagettl p {
    color: #bdad91;
	font-size: 28px;
    line-height: 1;
}
.pagettl p span {
	display: block;
	color: #fff;
	font-size: 14px;
	padding-top: 20px;
}

.contents {
	background: url(../images/plan_bg.jpg);
	background-size: cover;
}

.plan_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 70px 0 0;
}
.plan_list li {
	display: inline-block;
	width: 48%;
	margin-bottom: 4%;
}
.plan_list li:last-child {
	margin-bottom: 0;
}
.plan_list li a {
	pointer-events: auto;
	transition: .3s;
}
.plan_list li a:hover {
	opacity: .8;
	transition: .3s;
}
/* .plan_list li:nth-child(2) a,
.plan_list li:nth-child(3) a,
.plan_list li:nth-child(4) a,
.plan_list li:nth-child(5) a,
.plan_list li:nth-child(7) a,
.plan_list li:nth-child(8) a,
.plan_list li:nth-child(9) a,
.plan_list li:nth-child(10) a,
.plan_list li:nth-child(11) a {
	pointer-events: auto;
} */
.plan_list li img {
	max-width: 100%;
}
.lead {
	text-align: center;
}
.land_plan {
	padding: 70px 0 100px;
}
.land_plan h3 {
	text-align: center;
	padding: 0;
	margin-bottom: 70px;
}
.land_plan h4 {
	margin-bottom: 40px;
}
.land_plan .land_img {
	position: relative;
	margin-top: 50px;
}
.land_plan .land_img img {
	max-width: 100%;
}
.land_plan .comment {
	text-align: right;
	padding-top: 5px;
}

.caution {
	background: #ecebe5;
	padding: 70px 0;
}
.caution ul {
	max-width: 1000px;
	margin: 0 auto;
}
.caution li {
	color: #333;
	font-size: 12px;
	position: relative;
}
.caution li:before {
	content: '※';
}
.caution li.no-mark::before {
  content: none;
  display: none;
}



.spec {
	position: relative;
}
.spec .caption {
	position: absolute;
	bottom: 0;
}

.spec p.price.pc {
		position: absolute;
		width:100%;
		left: 50%;
		transform: translateX(-50%);
		bottom: 8rem;  /* ←ここで上下位置を調整 */
		margin: 0;
		z-index: 5;
}

.return-to-list {
	padding: 10px 0 70px;
	text-align: center;
}


@media screen and (max-width: 960px) {
.plan_list {
	justify-content: center;
}
.plan_list li {
    display: inline-block;
	width: 100%;
	margin-bottom: 4%;
	text-align: center;
}
.spec {
	position: relative;
}
.spec .caption {
	position: relative;
	bottom: 0;
	text-align: center;
	padding-top: 6%;
}

.return-to-list {
	padding: 10px 0 70px;
	text-align: center;
}
}

@media screen and (max-width: 768px) {
.pagettl {
	padding: 40px 0;
	background: url(../images/plan_ttl.jpg);
	background-size: cover;
}
.pagettl p {
    color: #bdad91;
	font-size: 28px;
    line-height: 1;
}
.pagettl p span {
	display: block;
	color: #fff;
	font-size: 14px;
	padding-top: 20px;
}

.contents {
	background: url(../images/plan_bg.jpg);
	background-size: cover;
}

.plan_list {
	display: block;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10% 0 0;
}
.plan_list li {
	display: inline-block;
	width: 100%;
	margin-bottom: 4%;
}
.plan_list li:last-child {
	margin-bottom: 0;
}
.plan_list li a {
	pointer-events: auto;
	transition: .3s;
}
.plan_list li a:hover {
	opacity: .8;
	transition: .3s;
}
/* .plan_list li:nth-child(2) a,
.plan_list li:nth-child(7) a {
	pointer-events: auto;
} */
.plan_list li img {
	max-width: 100%;
}

.land_plan {
	padding: 10% 0 10%;
}
.land_plan h3 {
	text-align: center;
	padding: 0;
	margin-bottom: 10%;
}
.land_plan h4 {
	margin-bottom: 6%;
}
.land_plan .lead {
	text-align: left;
	margin-bottom: 6%;
}
.land_plan .land_img {
	position: relative;
	margin-top: 6%;
}
.land_plan .land_img img {
	max-width: 100%;
}
.land_plan .comment {
	color: #333;
	text-align: right;
	padding-top: 5px;
}

.caution {
	background: #ecebe5;
	padding: 10% 3%;
}
.caution ul {
	max-width: 1000px;
	margin: 0 auto;
}
.caution li {
	color: #333;
	font-size: 12px;
	position: relative;
}
.caution li:before {
	content: '※';
}


.spec {
	position: relative;
}
p.caption.sp {
	position: relative;
	bottom: 0;
	padding-top: 7%;
}

 p.price.sp {
	position: relative;
	width:100%;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0rem;
	margin-bottom: -45px;
	z-index: 5;
}
.return-to-list {
	padding: 0% 3% 10%;
}
.return-to-list img {
	max-width: 100%;
}

.plan-detail .figure img {
max-width:100%;
height:auto;
margin-bottom:-30px;
}
}


.wrap_menu_annotation {
	padding: 0;
}
.menu_annotation {
	max-width: 966px;
	margin: 0 auto 46px;
	padding: 16px;
	color: #333;
	font-size: 12px;
	text-align: left;
	border: 1px solid #7a6a56;
}

@media screen and (max-width: 768px) {
	.wrap_menu_annotation {
		padding: 0 5%;
	}
	.menu_annotation {
		max-width: auto;
		margin: 0 auto 9%;
	}
}

.image_cg_b1 {
	margin: auto;
	width: 90%;
	max-width: 1000px;
	padding: 5rem 0;
}
.image_cg_b1 img {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.image_cg_b1 {
		padding: 0 0 5rem 0;
	}
}


/* 20250307更新分追加 */
.tab {
	position: relative;
	max-width: 600px;
	width: 100%;
	margin: 0 auto 40px;
	display: flex;
	justify-content: center;
	z-index: 1;
  }
  .tab li {
	text-align: center;
	padding: 12px 15px;
	width: 40%;
	color: #5a5349;
	background: #FFFFFF;
	border: 1px solid #5a5349;
	cursor: pointer;
	transition: 0.3s;
	margin: 0 10px;
	font-size: 15px;
  }
  .tab li.flex2 {
	width: 48%;
  }
  .tab li:hover {
	color: #fff;
	border: 1px solid #5a5349;
	background: #5a5349;
  }
  .tab li.select {
	color: #fff;
	border: 1px solid #5a5349;
	background: #5a5349;
  }
  
  .balloon {
	position: relative;
	background: #5a5349;
	padding: 1em;
  }
  .balloon:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -9px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #5a5349 transparent transparent transparent;
	border-width: 8px 8px 0 8px;
  }
  
  .hide {
	display: none;
  }

@media (max-width: 767px) {
	.tab li {
		padding: 12px 8px;
		width: 40%;
		margin: 0 10px;
		font-size: 14px;
	}
}