@charset "utf-8";
.notes {
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin-top: 10px;
}
@media screen and (max-width: 767px) {
	.mb30_sp { margin-bottom: 30px;}
}
.block_head .ttl {
    font-size: clamp(1.6rem, 1.547619047619047619vw, 2.6rem);
    line-height: 1.7;
    letter-spacing: 0.1em;
    margin: 0 0 clamp(15px,2.6785714285714285714vw,45px);
}
.block_head .txt {
    font-size: clamp(1.2rem,0.95238095238095238095vw, 1.6rem);
    line-height: 2.25;
    letter-spacing: 0.01em;
}
/* .sec_garden */
.garden_intro { padding: clamp(60px,7.1428571428571428571vw,120px) 0 clamp(60px,8.3333333333333333333vw,140px);}
.garden_intro .intro_img {
    max-width: 710px;
    margin: clamp(0px,5.0595238095238095238vw,85px) auto 0;
	mix-blend-mode: multiply;
}
.garden_connect { padding: clamp(60px,8.3333333333333333333vw,140px) 0 clamp(60px,11.309523809523809524vw,190px);}
.garden_connect .inner { max-width: 1000px;}
.garden_connect .connect_block { margin-bottom: clamp(30px,6.547619047619047619vw,110px);}
@media screen and (max-width: 767px) {
	.garden_connect .connect_block .img {
		width: 80%;
		margin: auto;
	}
}
/* sec_room */
.room_intro { padding: clamp(60px,7.1428571428571428571vw,120px) 0 clamp(30px,5.6547619047619047619vw,95px);}
.room_bathroom { padding: clamp(60px,8.3333333333333333333vw,140px) 0 clamp(60px,12.5vw,210px);}
.room_bathroom .bathroom_block .block_head {margin: clamp(0px,1.4880952380952380952vw,25px) 0 0 clamp(0px,3.8690476190476190476vw,65px);}
.room_bathroom .bathroom_block .img_map {margin-top: clamp(30px,9.2261904761904761905vw,155px);}
.room_bathroom .bathroom_block .img_sm {
    width: 65%;
    z-index: 2;
}
.room_bathroom .bathroom_block .img_lg {
    width: 82%;
    margin: clamp(-20px,-2.3809523809523809524vw,-40px) 0 0 auto;
}
/* sec_variation */
.sec_variation {
	overflow: hidden;
	padding: clamp(60px, 7.1428571428571428571vw, 120px) 0 clamp(60px, 7.1428571428571428571vw, 145px);
}
.sec_variation .nav_list {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.sec_variation .nav_list a {
	background-color: rgba(255, 255, 255, 0.2);
	color: #E6E6E6;
	display: flex;
	align-items: center;
	gap: 30px;
	opacity: 1;
	margin: 0 auto;
	max-width: 770px;
	width: 100%;
	padding: 30px 40px 10px 30px;
	position: relative;
	transition: all ease-in-out 0.3s;
}
.sec_variation .nav_list a::after {
	background-color: #E6E6E6;
	content: "";
	display: block;
	height: 1px;
	width: 50px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateX(50%);
}
.sec_variation .nav_list a:hover {	background-color: rgba(88, 100, 85, 1); }
.sec_variation .nav_list .type_name {
	color: #27422E;
	font-size: 3rem;
	line-height: 1;
	transition: all ease-in-out 0.3s;
}
.sec_variation .nav_list a:hover .type_name { color: #C1E4D2;}
.sec_variation .nav_list .type_name .lg { font-size: calc(45 / 30 * 100%); }
.sec_variation .nav_list .type_name .md { font-size: calc(36 / 30 * 100%); }
.sec_variation .nav_list .type_spec_txt {
	font-size: 1.6rem;
	line-height: 1.6;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.sec_variation .nav_list .type_spec_txt .lg { font-size: calc(40 / 16 * 100%); }
.sec_variation .nav_list .type_spec_txt .md { font-size: calc(30 / 16 * 100%); }
.sec_variation .nav_list .type_spec_txt .sm { font-size: calc(22 / 16 * 100%); }
.sec_variation .nav_list .type_size { font-size: 2.5rem; margin-left: auto; line-height: 1; }
.sec_variation .nav_list .type_size .lg { font-size: calc(40 / 25 * 100%); }

@media screen and (max-width: 767px) {
	.sec_variation .nav_list a { flex-wrap: wrap; gap: 15px; padding: 15px 20px 5px 15px;}
	.sec_variation .nav_list a::after { display: none;}
	.sec_variation .nav_list .type_name { font-size: 2rem; width: 100%;}
	.sec_variation .nav_list .type_spec { width: 63%;}
	.sec_variation .nav_list .type_spec_txt { font-size: 1.2rem; }
	.sec_variation .nav_list .type_size { font-size: 2.0rem;}
}