@charset "UTF-8";
/*===================================
PREMIUM PLAN
===================================*/

.content_Wrap {
	position: relative;
	color: #ad8d3e;
	background: url(../img/bg.jpg) repeat-y top center / 100% auto;
}
.content_Wrap figure {
	position: relative;
}
.content_Wrap::after {
	content: '';
	display: block;
	width: 100%;
	background: url(../img/bg_grade-b.png) no-repeat top center / 100% auto;
	aspect-ratio: 1920/2676;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}

/*共通*/
.main_Wrap {
	background: url(../img/mv.jpg) no-repeat center center / cover;
	aspect-ratio: 1920/207;
	position: relative;
}
.main_Wrap .page_ttl--Box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.page_ttl {
	display: block;
	width: fit-content;
	margin: 0 auto 0;
	color: #fff;
	font-size: min(1.93vw, 27px);
	letter-spacing: 0.31em;
	text-align: center;
	background: linear-gradient(90deg, #997e4a 0%, #b49f5f 50%, #997e4a 100%);
	background-clip: text;
	color: transparent;
}
.page_ttl small {
	display: block;
	font-size: min(0.93vw, 13px);
	letter-spacing: 0.19em;
	margin: 10px -0.19em 0 0;
}
.page_ttl::after {
	content: '';
	display: block;
	width: 70px;
	height: 1px;
	background: #b49f5f;
	margin: 15px auto 0;
}

.cap_Pre {
	font-family: 'Cinzel', serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 22px;
	padding: 1em;
	letter-spacing: 0.2em;
}
.cap_Gar {
	font-family: 'EB Garamond', serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: italic;
	font-size: 12.5px;
}

.equ_sec {
	margin: 0 auto 200px;
	position: relative;
	z-index: 1;
}
.equ_ttl {
	position: relative;
	margin: 0 0 5%;
}
.equ_ttl::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #997e4a 0%, #b49f5f 50%, #997e4a 100%);
	position: absolute;
	bottom: 0;
}
.equ_ttl h5 {
	font-size: 36px;
	font-family: 'Cinzel', serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.15em;
	width: fit-content;
	background: linear-gradient(90deg, #997e4a 0%, #b49f5f 50%, #997e4a 100%);
	background-clip: text;
	color: transparent;
}
.equ_ttl h5 img {
	width: min(70%, 357px);
}
.equ_clm2 {
	flex-wrap: wrap;
	gap: 40px 8.36%;
}
.equ_clm2 li {
	width: 45.82%;
}
.equ_clm2 li figure.img2 {
	display: flex;
	justify-content: space-between;
}
.equ_clm2 li figure.img2 img {
	width: 49.2%;
}
.item_name {
	font-size: clamp(16px, 1.43vw, 20px);
	margin: 1.1em 0 0.9em;
}
.item_copy {
	font-size: clamp(13px, 1.14vw, 16px);
	line-height: 1.75;
	letter-spacing: 0.05em;
}

/*個別*/
.sec01 {
	background: url(../img/bg_head.jpg) no-repeat center center / cover;
	text-align: center;
	padding: 100px 0 0;
	letter-spacing: 0.05em;
}
.sec01 .head_ttl {
	max-width: 652px;
	width: 70%;
	margin: 0 auto;
}
.sec01 .head_p1 {
	font-size: clamp(28px, 3.57vw, 50px);
	line-height: 1.75;
	margin: 5% auto 2.5%;
}
.sec01 .head_p2 {
	font-size: clamp(13px, 1.43vw, 20px);
	line-height: 2.25;
}
.sec01 .torikago {
	max-width: 700px;
	margin: 3.5% auto 0;
}

.sec02 {
}
.sec02 .img01 {
}
.sec02 .bg_grade-t {
	padding: 5% 0 0;
	background: url(../img/bg_grade-t.png) no-repeat top center / 100% auto;
}
.sec02 .sec02-p1 {
	font-size: min(2.71vw, 38px);
	line-height: 1.97368421;
	letter-spacing: 0.2em;
	text-align: center;
}
.sec02 .sec02-imgArea {
	padding: 5% 0 10%;
	position: relative;
}
.sec02 .img02 {
	width: 69.79166667%;
	max-width: 1340px;
	margin: 0 auto;
}
.sec02 .sec02-imgArea [class^='img02-'] {
	position: absolute;
	width: 10.41666667%;
	max-width: 200px;
}
.sec02 .sec02-imgArea .img02-1 {
	top: -44%;
	right: 14%;
}
.sec02 .sec02-imgArea .img02-2 {
	top: -15%;
	right: 7%;
}
.sec02 .sec02-imgArea .img02-3 {
	bottom: 12%;
	left: 7%;
}
.sec02 .sec02-imgArea .img02-4 {
	bottom: -6%;
	left: 15%;
}

.sec02 .sec02-pointArea {
	text-align: center;
	margin: 0 auto 150px;
}
.sec02 .sec02-pointArea h4 {
	border: 1px solid #ad8d3e;
	width: fit-content;
	margin: 0 auto 50px;
	padding: 0.6em 1.75em 0.5em;
}
.sec02 .sec02-pointArea h4 span {
	font-family: 'Cinzel', serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: min(2.14vw, 30px);
	display: block;
	letter-spacing: 0.25em;
	margin-right: -0.25em;
}
.sec02 .sec02-pointList {
	max-width: 710px;
	margin: 0 auto;
}
.sec02 .sec02-pointList li {
	padding-bottom: 15px;
	border-bottom: 1px solid;
}
.sec02 .sec02-pointList li span {
	font-size: min(3.57vw, 50px);
	font-family: 'Cinzel', serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	display: block;
	margin: 1em 0 0.35em;
}
.sec02 .sec02-pointList li p {
	font-size: clamp(16px, 2.28vw, 32px);
	letter-spacing: 0.05em;
}
.sec02 h5 {
	font-size: clamp(12px, 1.71vw, 24px);
}
.sec02 .sec02-contents1 {
	padding: 80px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.sec02 .sec02-contents1 ul {
	align-items: flex-end;
	gap: 3.6%;
}
.sec02 .sec02-contents1 h5 {
	margin: 0.75em 0;
}
.sec02 .sec02-contents1 p {
	font-size: clamp(13px, 1.14vw, 16px);
	line-height: 1.75;
}
.sec02 .sec02-contents1 .ill {
	padding-bottom: 3.5%;
}

.sec02 .sec02-contents2 {
	padding: 80px 0;
	border-bottom: 1px solid;
}
.sec02 .sec02-contents2 h5 {
	margin: 0 0 2.5em;
}
.sec02 .sec02-contents2 ul {
	gap: 7.3%;
	justify-content: space-between;
}
.sec02 .sec02-contents2 ul li {
	width: 46.35%;
	max-width: 505px;
}
.sec02 .sec02-contents2 h6 {
	font-size: min(2.5vw, 35px);
	font-family: 'Cinzel', serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.sec02 .sec02-contents2 .p1 {
	font-size: clamp(11px, 1vw, 14px);
	line-height: 1.78571429;
	margin: 1em 0;
}
.sec02 .sec02-contents2 .p2 {
	font-size: clamp(13px, 1.14vw, 16px);
	line-height: 1.75;
	margin: 0 0 1em;
}

.equ_head {
	padding: 3rem 0 70px;
	text-align: center;
}
.equ_head h4 {
	font-size: 40px;
	font-family: 'Cinzel', serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	position: relative;
	width: fit-content;
	margin: 0 auto;
	width: min(90%, 427px);
}
.equ_head h4 span {
	display: block;
	letter-spacing: 0.2em;
	margin-right: -0.2em;
	width: fit-content;
	background: linear-gradient(90deg, #997e4a 0%, #b49f5f 50%, #997e4a 100%);
	background-clip: text;
	color: transparent;
}
/*.equ_head h4::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #997e4a 0%, #b49f5f 50%, #997e4a 100%);
	position: absolute;
	bottom: 0.2em;
}*/
.equ_head h4 + p {
	font-size: min(2.28vw, 32px);
	letter-spacing: 0.1em;
	margin: 2em auto;
}
.equ_head .equ_tab {
	gap: 3%;
}
.equ_head .equ_tab li {
	width: 22.75%;
}
.equ_head .equ_tab li a {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 25/6;
	border: 2px solid #b1995a;
	background: #fff;
	transition: 0.3s;
	box-sizing: border-box;
}
.equ_head .equ_tab li a::before {
	content: '';
	display: block;
	width: 100%;
	aspect-ratio: 25/6;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #997e4a 0%, #b49f5f 50%, #997e4a 100%);
	transition: 0.3s;

	opacity: 0;
}
.equ_head .equ_tab li a span {
	position: absolute;
	top: 50%;
	left: calc(50% + 0.31em);
	transform: translate(-50%, -50%);
	font-size: min(1.28vw, 18px);
	font-family: 'Cinzel', serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #b1995a;
	width: 90%;
	letter-spacing: 0.31em;
	transition: 0.3s;
	z-index: 2;
}
/*hover*/
.equ_head .equ_tab li a:hover::before {
	opacity: 1;
}
.equ_head .equ_tab li a:hover span {
	color: #fff;
}

.sec03 {
}
.sec03 .kit01 {
	max-width: 780px;
	margin: 0 auto;
}
.sec03 .veneta {
	max-width: 780px;
	margin: 60px auto 100px;
}
.sec03 .veneta {
	align-items: center;
	justify-content: space-between;
}
.sec03 .veneta .veneta-left {
	width: 53%;
}
.sec03 .veneta .veneta-left .logo {
	max-width: 285px;
	width: 70%;
	margin: 0 0 30px;
}
.sec03 .veneta .veneta-left p {
	font-size: clamp(13px, 1.28vw, 18px);
	line-height: 2;
	letter-spacing: 0.1em;
}
.sec03 .veneta .veneta-right {
	width: 45%;
	justify-content: space-between;
}
.sec03 .veneta .veneta-right li {
	width: 46%;
}
.sec03 .veneta .veneta-right li figcaption {
	font-size: 12px;
	font-family: 'Cinzel', serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	margin: 10px 0 0;
}

.sec04 .bath01 {
	max-width: 780px;
	margin: 0 auto 110px;
}
.sec04 .equ_clm2 li.column {
	display: flex;
	flex-direction: column;
	gap: 90px 0;
	margin-bottom: 50px;
}
.sec04 .equ_clm2 li.shower {
	position: relative;
	margin-bottom: 50px;
}
.sec04 .equ_clm2 li.shower .item_name {
	margin-top: 0;
}
.sec04 .equ_clm2 li.shower figure {
	margin-top: 20px;
}
.sec04 .equ_clm2 li.shower .txt_LB {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
}

.sec05 {
}
.sec05 .san_box {
	justify-content: space-between;
}
.sec05 .san_box-left {
	width: 45.81818182%;
}
.sec05 .san_box-right {
	width: 51.63636364%;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.sec05 .san_box-right figure {
	width: 49.82394366%;
}
.sec05 .san_box-right div {
	width: 50.17605634%;
	padding: 0 0 0 4%;
}
.sec05 .san_box-right div .item_name {
	margin-top: 0;
}

.sec06 .pow_box {
	align-items: center;
	justify-content: space-between;
}
.sec06 .pow_box figure {
	width: 59.09090909%;
}
.sec06 .pow_box div {
	width: 36.36363636%;
}
.sec06 .pow_box .item_name {
	margin-top: 0;
}

.sec08 {
	position: relative;
	z-index: 1;
}

.planLink_Wrap {
	margin: 50px auto 0;
	position: relative;
	z-index: 1;
}
.notes {
	color: #fff;
	position: relative;
	z-index: 1;
}

/*     tab
--------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
}

/*     sp
--------------------*/
@media screen and (max-width: 767px) {
	.content_Wrap {
		background: url(../img/bgbk_sp.jpg) repeat-y top center / 100% auto;
	}
	.content_Wrap::after {
		background: url(../img/bg_grade-b_sp.png) no-repeat top center / 100% auto;
		aspect-ratio: 750/1150;
	}
	/*共通*/
	.main_Wrap {
		background: url(../img/mv_sp.jpg) no-repeat center center / cover;
		aspect-ratio: 375/300;
	}
	.page_ttl {
		font-size: 19px;
	}
	.page_ttl small {
		font-size: 11px;
		margin: 8px -0.19em 0 0;
	}
	.page_ttl::after {
		width: 60px;
		margin: 12px auto 0;
	}

	.cap_Pre {
		font-size: 12px;
		padding: 0.5em;
		left: auto;
		right: 5px !important;
	}
	.cap_Gar {
		font-size: 10px;
	}

	.equ_sec {
		margin: 0 auto 60px;
	}
	.equ_ttl {
		margin: 0 0 20px;
	}
	/*.equ_ttl::after {
		bottom: 0.2em;
	}*/
	.equ_ttl h5 {
		font-size: 20px;
	}
	.equ_clm2 {
		gap: 20px;
	}
	.equ_clm2 li {
		width: 100%;
	}

	.item_name {
		font-size: 16px;
	}
	.item_copy {
		font-size: 13px;
		line-height: 1.8;
		letter-spacing: 0.1em;
	}
	.inner {
		width: 88%;
	}

	/*個別*/
	.sec01 {
		background: url(../img/bgbl_sp.jpg) no-repeat center center / cover;
		padding: 30px 0 0;
	}
	.sec01 .head_ttl {
		max-width: 90%;
	}
	.sec01 .head_p1 {
		font-size: 21px;
		margin: 5% auto 2.5%;
	}
	.sec01 .head_p2 {
		font-size: 14px;
		line-height: 2.16666667;
	}
	.sec01 .torikago {
		max-width: 700px;
		margin: 5% auto 0;
	}

	.sec02 {
	}
	.sec02 .img01 {
	}
	.sec02 .bg_grade-t {
		position: relative;
		padding: 30px 0 0;
		background: url(../img/bg_grade-t_sp.png) no-repeat bottom center / 100% auto;
	}
	.sec02 .bg_grade-t::before {
		content: '';
		display: block;
		width: 100%;
		height: 370vh;
		background: url(../img/bgbl_sp.jpg) repeat-y top center / 100% auto;
		position: absolute;
		top: 0;
		left: 0;
	}
	.sec02 .bg_grade-t > * {
		position: relative;
		z-index: 1;
	}
	.sec02 .sec02-p1 {
		font-size: 16px;
		line-height: 2;
		letter-spacing: 0.3em;
	}
	.sec02 .sec02-imgArea {
		padding: 30px 0;
		position: relative;
	}
	.sec02 .img02 {
		width: 100%;
	}
	.sec02 .sec02-pointArea {
		margin: 0 auto 40px;
	}
	.sec02 .sec02-pointArea h4 {
		margin: 0 auto 25px;
		padding: 0.6em 1.5em 0.5em;
	}
	.sec02 .sec02-pointArea h4 span {
		font-size: 14px;
	}
	.sec02 .sec02-pointList li {
		padding-bottom: 10px;
	}
	.sec02 .sec02-pointList li span {
		font-size: 22px;
		margin: 1em 0 0.35em;
	}
	.sec02 .sec02-pointList li p {
		font-size: 14px;
		letter-spacing: 0.1em;
	}

	.sec02 h5 {
		font-size: 16px;
		background: #ad8d3e;
		color: #231815;
		padding: 1.5em 0.2em;
		text-align: center;
		line-height: 1.375;
	}
	.sec02 .sec02-contents1 {
		padding: 0;
		border-top: none;
		border-bottom: none;
	}
	.sec02 .sec02-contents1 ul {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
	.sec02 .sec02-contents1 ul li {
		display: flex;
		flex-direction: column;
	}
	.sec02 .sec02-contents1 h5 {
		margin: 0.75em 0;
		order: 1;
	}
	.sec02 .sec02-contents1 p {
		font-size: 13px;
		order: 2;
		margin-bottom: 1em;
	}
	.sec02 .sec02-contents1 ul li figure {
		order: 3;
	}

	.sec02 .sec02-contents1 .ill {
		width: 76%;
		padding-bottom: 0;
	}

	.sec02 .sec02-contents2 {
		padding: 30px 0 0;
		border-bottom: none;
	}
	.sec02 .sec02-contents2 h5 {
		margin: 0 0 1.25em;
	}
	.sec02 .sec02-contents2 ul {
		flex-direction: column;
		gap: 25px;
	}
	.sec02 .sec02-contents2 ul li {
		width: 100%;
	}
	.sec02 .sec02-contents2 ul li:last-child {
		border-top: 1px solid;
		padding-top: 25px;
	}
	.sec02 .sec02-contents2 h6 {
		font-size: 26px;
	}
	.sec02 .sec02-contents2 .p1 {
		font-size: 12px;
		margin: 1em 0;
	}
	.sec02 .sec02-contents2 .p2 {
		font-size: 13px;
	}

	.equ_head {
		padding: 100px 0 40px;
	}
	.equ_head h4 {
		font-size: 22px;
	}
	.equ_head h4 span {
		padding: 0 5px;
	}
	.equ_head h4 + p {
		font-size: 26px;
		letter-spacing: 0.15em;
		margin: 1em auto;
		line-height: 1.76923077;
	}
	.equ_head .equ_tab {
		gap: 5px;
		flex-wrap: wrap;
	}
	.equ_head .equ_tab li {
		width: calc((100% - 5px) / 2);
	}
	.equ_head .equ_tab li a {
		aspect-ratio: 162/39;
	}
	.equ_head .equ_tab li a::before {
		aspect-ratio: 162/39;
	}
	.equ_head .equ_tab li a span {
		font-size: 11px;
		width: 90%;
	}

	.sec03 .veneta {
		margin: 20px auto 30px;
	}
	.sec03 .veneta {
		align-items: flex-start;
	}
	.sec03 .veneta .veneta-left {
		width: 70%;
	}
	.sec03 .veneta .veneta-left .logo {
		width: 85%;
		margin: 0 0 15px;
	}
	.sec03 .veneta .veneta-left p {
		font-size: 12px;
	}
	.sec03 .veneta .veneta-right {
		width: 25%;
		flex-direction: column;
		gap: 10px;
	}
	.sec03 .veneta .veneta-right li {
		width: 100%;
	}
	.sec03 .veneta .veneta-right li figcaption {
		font-size: 10px;
		margin: 5px 0 0;
	}

	.sec04 .bath01 {
		margin: 0 auto 30px;
	}
	.sec04 .equ_clm2 li.column {
		gap: 30px 0;
		margin-bottom: 30px;
	}
	.sec04 .equ_clm2 li.shower {
		margin-bottom: 30px;
	}
	.sec04 .equ_clm2 li.shower figure {
		margin-top: 15px;
	}
	.sec04 .equ_clm2 li.shower .txt_LB {
		bottom: -1em;
	}

	.sec05 {
	}
	.sec05 .san_box {
		flex-direction: column;
	}
	.sec05 .san_box-left {
		width: 100%;
		margin-bottom: 20px;
	}
	.sec05 .san_box-right {
		width: 100%;
		gap: 15px;
	}
	.sec05 .san_box-right li:not(:last-child) {
		padding: 0 0 15px;
		border-bottom: 1px solid;
	}
	.sec05 .san_box-right figure {
		width: 50%;
	}
	.sec05 .san_box-right div {
		width: 50%;
		padding: 0 0 0 4%;
	}
	.sec05 .san_box-right div .item_name {
		line-height: 1.4;
		margin-bottom: 0.5em;
	}
	.sec05 .san_box-right div .item_copy {
		font-size: 12px;
		line-height: 1.5;
	}

	.sec06 .pow_box {
		flex-direction: column;
	}
	.sec06 .pow_box figure {
		width: 100%;
	}
	.sec06 .pow_box div {
		width: 100%;
	}
	.sec06 .pow_box .item_name {
		margin-top: 1.1em;
	}

	.planLink_Wrap {
		margin: 30px auto 0;
	}
}