/*@mixin minchoBold {
font-family: "shippori-mincho", sans-serif;
font-weight: 700;
font-style: normal;
font-feature-settings: 'palt';
}
@mixin en_Paganini {
	font-family: "paganini", serif;
font-weight: 400;
font-style: normal;
	font-feature-settings: 'palt';
}
@mixin en_Paganini_I {
font-family: "paganini", serif;
font-weight: 400;
font-style: italic;
	font-feature-settings: 'palt';
}
@mixin en_Paganini_B {
font-family: "paganini", serif;
font-weight: 700;
font-style: normal;
	font-feature-settings: 'palt';
}
@mixin en_Paganini_BI {
font-family: "paganini", serif;
font-weight: 700;
font-style: italic;
font-feature-settings: 'palt';
}*/
/*$btn-request-off-color:*/
/*#9e7013*/
/*#BD8617;*/
/*$btn-request-on-color:#db9b1a;*/
/*$btn-request-off-color:#a72126;
$btn-request-on-color:#d83c42;*/
/*$btn-reserve-off-color:#9c9e73;
$btn-reserve-on-color:#b5b886;*/
.bg-beige { background-color: #eae9e1; }

.maincopy::before { content: none; }
@media screen and (max-width: 600px) { .maincopy { font-size: 1.5rem; } }

.page-mv { padding: 0;   /*	padding-bottom: 4rem;
	.mv-txt{
		padding-bottom: 4rem;
		.mv-copy{
			max-width: 633px;
			img{
				&.pc{
					display: block;
				}
				&.sp{
					display: none;
				}
			}
		}
	}
	.mv-subimg{
		max-width: 370px;
		img{
			width: 99 / 370 * 100%;
			max-width: 99px;
		}
	} */ }
.page-mv .mv-img { position: static; width: 100%; max-width: 1440px; margin: 0 auto; }
.page-mv .mv-img .img .cap.in { right: auto; left: 5px; }

.intro { max-width: none; container-type: inline-size; overflow: hidden; }
.intro .maincopy { color: #000; }
.intro .maincopy .em { color: #47786f; font-weight: 600; position: relative; margin-right: 2px; letter-spacing: 0.05em; }
.intro .maincopy .em::before { content: ""; display: block; width: 100%; height: 6px; background-color: #ebe7ad; position: absolute; left: 0; bottom: -4px; z-index: -1; }
.intro .maincopy.copy2 { font-size: 2.5rem; letter-spacing: 0.05em; }
.intro .maincopy.copy2 .cursive { display: inline-block; max-width: 374px; vertical-align: text-top; margin-right: 1rem; }
.intro h3.maincopy { position: relative; }
.intro .lead { text-align: center; }
@media screen and (max-width: 600px) { .intro .maincopy { padding: 0; text-align: center; }
  .intro h3.maincopy .first-line { padding-left: 16%; text-indent: 4em; } }
@media screen and (max-width: 380px) { .intro h3.maincopy .first-line { padding-left: 20%; } }

.example { margin-top: 10rem; padding-bottom: 24%; position: relative; }
.example .head-txt { width: calc((407 / 1100) * 100%); margin-bottom: 0.5rem; margin-left: calc((364 / 1100) * 100%); }
.example .bg-beige { margin-inline: calc(50% - 50cqi); position: relative; }
.example .bg-beige .inner { width: 100%; max-width: 1440px; aspect-ratio: 1440/860; padding: 0; position: relative; }
.example .bg-beige .inner .wappen { width: calc((304 / 1440) * 100%); position: absolute; right: calc((56 / 1440) * 100%); top: calc((204 / 860) * 100% * -1); }
.example .bg-beige .inner .text { width: 78.57142857%; margin: auto; padding-top: calc((72 / 860) * 100%); display: flex; flex-direction: row-reverse; }
.example .bg-beige .inner .maincopy, .example .bg-beige .inner .lead { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; font-feature-settings: "palt" 0; text-align: left; display: inline-block; width: auto; }
.example .bg-beige .inner .maincopy .txt-dots, .example .bg-beige .inner .lead .txt-dots { text-orientation: upright; }
.example .bg-beige .inner .maincopy { font-size: clamp(24px, 2.8vw, 2rem); line-height: 1.6; letter-spacing: 0.1em; padding: 0; }
.example .bg-beige .inner .maincopy .line { padding-right: 0.5rem; border-right: thin solid #000; }
.example .bg-beige .inner .lead { font-size: clamp(14px, 1.5vw, 1rem); margin-right: calc((64 / 1440) * 100%); padding-top: 10%; }
.example .bg-beige .inner .image { position: absolute; z-index: 2; }
.example .bg-beige .inner .image .img .cap.in { right: 0; bottom: auto; }
.example .bg-beige .inner .image.img1 { width: calc((503 / 1440) * 100%); left: 0; top: calc((90 / 860) * 100% * -1); }
.example .bg-beige .inner .image.img1 .cap { text-align: left; width: calc((250 / 503) * 100%); }
.example .bg-beige .inner .image.img1 .cap.in { right: auto; left: 0; top: calc((542 / 578) * 100%); }
.example .bg-beige .inner .image.img2 { width: calc((373 / 1440) * 100%); left: calc((600 / 1440) * 100%); top: 0; }
.example .bg-beige .inner .image.img2 .cap { text-align: left; width: calc((120 / 373) * 100%); }
.example .bg-beige .inner .image.img2 .cap.in { right: auto; left: 0; top: calc((502 / 538) * 100%); }
.example .bg-beige .inner .image.img3 { width: calc((493 / 1440) * 100%); left: calc((32 / 1440) * 100%); top: calc((560 / 860) * 100%); }
.example .bg-beige .inner .image.img3 .cap { width: calc((240 / 493) * 100%); }
.example .bg-beige .inner .image.img3 .cap.in { top: calc((302 / 338) * 100%); }
.example .bg-beige .inner .image.img4 { width: calc((493 / 1440) * 100%); left: calc((560 / 1440) * 100%); top: calc((710 / 860) * 100%); }
.example .bg-beige .inner .image.img4 .cap { width: calc((240 / 493) * 100%); }
.example .bg-beige .inner .image.img4 .cap.in { top: calc((302 / 338) * 100%); }
.example .bg-beige .inner .image.img5 { width: calc((313 / 1440) * 100%); right: 0; top: calc((620 / 860) * 100%); }
@media screen and (max-width: 1200px) { .example { margin-top: 8rem; }
  .example .bg-beige .inner .text { width: 88%; }
  .example .bg-beige .inner .lead { margin-right: calc((40 / 1440) * 100%); } }
@media screen and (max-width: 600px) { .example { margin-top: 6rem; }
  .example .head-txt { width: 60%; margin-left: 0; }
  .example .bg-beige .inner { aspect-ratio: 440/640; }
  .example .bg-beige .inner .wappen { width: 36%; right: 2%; top: -17%; }
  .example .bg-beige .inner .text { padding-top: 16%; }
  .example .bg-beige .inner .image.img1 { width: calc((503 / 1440) * 120%); top: 0; }
  .example .bg-beige .inner .image.img2 { width: calc((373 / 1440) * 120%); left: 0; top: 38%; }
  .example .bg-beige .inner .image.img2 .cap { width: 100%; }
  .example .bg-beige .inner .image.img2 .cap.in { position: static; }
  .example .bg-beige .inner .image.img3 { width: calc((493 / 1440) * 120%); top: 84%; }
  .example .bg-beige .inner .image.img3 .cap { width: 100%; }
  .example .bg-beige .inner .image.img3 .cap.in { position: static; }
  .example .bg-beige .inner .image.img4 { width: calc((493 / 1440) * 120%); left: 32%; top: 60%; }
  .example .bg-beige .inner .image.img4 .cap { width: 100%; }
  .example .bg-beige .inner .image.img4 .cap.in { position: static; }
  .example .bg-beige .inner .image.img5 { width: calc((313 / 1440) * 120%); top: 80%; } }
@media screen and (max-width: 380px) { .example .bg-beige .inner .lead { padding-top: 6%; } }

.roomplans .inner { padding-bottom: 0; }
.roomplans .local-nav { border: thin solid #f0ebe4; border-width: 1px 0; padding: 1.5rem 0; margin-bottom: 120px; position: relative; }
.roomplans .local-nav > ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.roomplans .local-nav > ul * { min-height: 0%; }
.roomplans .local-nav > ul li { width: 48%; max-width: 270px; margin-right: 4%; }
.roomplans .local-nav > ul li:last-of-type, .roomplans .local-nav > ul li:nth-of-type(2n) { margin-right: 0; }
.roomplans .local-nav > ul li a { display: block; width: 100%; border: thin solid #eeebb2; box-shadow: 3px 3px 0 0 #eeebb2; padding: 0.875rem; text-align: center; color: #7a7a7a; font-size: clamp(16px, 2vw, 1.25rem); line-height: 1.2; transition: background 0.4s; position: relative; }
.roomplans .local-nav > ul li a::before { content: "\025be"; font-size: clamp(18px, 2.24vw, 1.5rem); position: absolute; right: calc((14 / 270) * 100%); top: 50%; transform: translateY(-50%); }
.roomplans .local-nav > ul li a:hover { background-color: #eae9e1; filter: brightness(108%); }
.roomplans .local-nav::after { content: ""; display: block; width: 1px; height: 120px; background-image: -moz-linear-gradient(90deg, #cccccc 0%, #f0ebe4 100%); background-image: -webkit-linear-gradient(90deg, #cccccc 0%, #f0ebe4 100%); background-image: -ms-linear-gradient(90deg, #cccccc 0%, #f0ebe4 100%); position: absolute; left: 50%; top: 100%; transform: translateX(-50%); }
.roomplans .roomplan-container .plan-mv { background-image: linear-gradient(180deg, #fff 0%, #fff 64%, #eae9e1 64%, #eae9e1 100%); padding-bottom: 8px; }
.roomplans .roomplan-container .plan-mv .mv-img { width: calc((1200 / 1440) * 100%); max-width: 1200px; margin: auto; box-shadow: 6px 6px 0 0 #f7f5cb; }
.roomplans .roomplan-container .plan-mv .mv-img .cursive { width: calc((368 / 1200) * 100%); max-width: 368px; position: absolute; right: calc((48 / 1200) * 100%); top: calc((74 / 540) * 100%); }
.roomplans .roomplan-container .plan-detail-container .inner { width: calc((1100 / 1200) * 100%); display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; padding-bottom: 5rem; position: relative; }
.roomplans .roomplan-container .plan-detail-container .inner * { min-height: 0%; }
.roomplans .roomplan-container .plan-detail-container .inner::before { content: ""; display: block; width: 1px; height: 100%; background-color: #fff; position: absolute; left: 40%; top: 0; }
.roomplans .roomplan-container .plan-detail-container .inner .sticky-object { position: sticky; z-index: 3; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-fig { width: 40%; padding-right: 1rem; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-fig .sticky-fig { top: 8rem; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-fig figure { max-width: 400px; margin-left: auto; margin-right: 0; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-fig .note { margin-top: 10px; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec { width: 60%; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .sticky-head { padding-top: 0.5rem; background-color: #eae9e1; top: 7.5rem; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head { border: thin solid #e1bc87; border-width: 1px 0; background-color: #eae9e1; padding: 1.5rem calc((72 / 660) * 100%); position: relative; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head::before, .roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head::after { content: ""; display: block; position: absolute; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head::before { width: 100%; height: 100%; background-image: linear-gradient(90deg, #fff 0%, #ffffff00 100%); left: 0; top: 0; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head::after { width: 5px; height: 100%; background-image: -moz-linear-gradient(90deg, #629b91 0%, #1aa07b 100%); background-image: -webkit-linear-gradient(90deg, #629b91 0%, #1aa07b 100%); background-image: -ms-linear-gradient(90deg, #629b91 0%, #1aa07b 100%); left: 0; top: 0; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head .type, .roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head .area-size { position: relative; z-index: 2; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head .type { font-size: clamp(22px, 2.8vw, 1.75rem); text-align: left; line-height: 1.28; color: #000; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head .type .em { font-size: 120%; margin-right: 4px; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head .area-size { font-size: clamp(13px, 1.8vw, 1.125rem); text-align: left; line-height: 1.28; color: #000; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head .area-size .em { font-size: 160%; margin-left: 4px; margin-right: 2px; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-list > ul > li { margin-top: 4rem; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-list > ul > li .num-head { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; margin-bottom: 2rem; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-list > ul > li .num-head * { min-height: 0%; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-list > ul > li .num-head .num { width: calc((58 / 660) * 100%); }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-list > ul > li .num-head .text { width: calc((592 / 660) * 100%); padding-bottom: 4px; border-bottom: thin solid #ccc; display: flex; align-items: center; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-list > ul > li .num-head .text p { font-size: clamp(16px, 2vw, 1.25rem); text-align: left; line-height: 1.2; color: #000; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-list > ul > li .spec-body { width: calc((592 / 660) * 100%); margin-left: auto; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .movie .bnr { width: calc((592 / 660) * 100%); max-width: 570px; margin-left: auto; cursor: pointer; }
.roomplans .roomplan-container .plan-detail-container .inner .plan-spec .movie .bnr:hover { filter: brightness(112%); }
@media screen and (max-width: 1024px) { .roomplans .roomplan-container .plan-detail-container .inner .plan-fig .sticky-fig { top: 10.5rem; }
  .roomplans .roomplan-container .plan-detail-container .inner .plan-spec .sticky-head { top: 10rem; } }
@media screen and (max-width: 834px) { .roomplans .roomplan-container .plan-detail-container .inner .plan-fig .sticky-fig { top: 9.5rem; }
  .roomplans .roomplan-container .plan-detail-container .inner .plan-spec .sticky-head { top: 9rem; } }
@media screen and (max-width: 600px) { .roomplans .local-nav { margin-bottom: 80px; }
  .roomplans .local-nav::after { height: 80px; }
  .roomplans .roomplan-container .plan-mv .mv-img { width: 100%; box-shadow: 0 6px 0 0 #f7f5cb; }
  .roomplans .roomplan-container .plan-mv .mv-img .cursive { width: 56%; }
  .roomplans .roomplan-container .plan-detail-container .inner { padding: 2rem 0 3rem; }
  .roomplans .roomplan-container .plan-detail-container .inner::before { content: none; }
  .roomplans .roomplan-container .plan-detail-container .inner .sticky-object { position: static; }
  .roomplans .roomplan-container .plan-detail-container .inner .plan-fig { width: 100%; padding-bottom: 2rem; }
  .roomplans .roomplan-container .plan-detail-container .inner .plan-spec { width: 100%; }
  .roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-head { padding: 1rem 2rem; }
  .roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-list > ul > li { margin-top: 2rem; }
  .roomplans .roomplan-container .plan-detail-container .inner .plan-spec .spec-list > ul > li .spec-body { width: 100%; }
  .roomplans .roomplan-container .plan-detail-container .inner .plan-spec .movie .bnr { width: 100%; } }

.connect { height: 120px; }
.connect .inner { position: relative; }
.connect .inner .line { display: block; width: 1px; height: 120px; background-image: -moz-linear-gradient(90deg, #cccccc 0%, #f0ebe4 100%); background-image: -webkit-linear-gradient(90deg, #cccccc 0%, #f0ebe4 100%); background-image: -ms-linear-gradient(90deg, #cccccc 0%, #f0ebe4 100%); position: absolute; left: 40%; top: 0; }
@media screen and (max-width: 600px) { .connect { height: 80px; } }

.column-container { margin: 2.5rem auto; border: thin solid #b4a06d; border-width: 6px 0; background-image: linear-gradient(45deg, #c1b187 12%, #d4c79c 32% 48%, #c1b187 64%); box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.4); position: relative; }
.column-container .column-body { color: #000; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; align-items: center; position: relative; z-index: 2; }
.column-container .column-body * { min-height: 0%; }
.column-container .text, .column-container .image { width: 50%; }
.column-container .text { padding: 3rem 2.5rem 3rem 0; }
.column-container .text .maincopy { text-align: center; padding: 0; margin-bottom: 0; }
.column-container .logo { width: 88%; max-width: 400px; margin: 1.5rem auto 1rem; }
@media screen and (max-width: 1024px) { .column-container .text { padding: 0 2.5rem 0 0; } }
@media screen and (max-width: 600px) { .column-container .text, .column-container .image { width: 100%; }
  .column-container .text { padding: 0 0 1rem; } }

.custommr-conversion-wrap { background-color: #f7f5cb; position: relative; }
.custommr-conversion-wrap::before, .custommr-conversion-wrap::after { content: ""; display: block; width: 100%; background-image: repeating-linear-gradient(312deg, #ffffff, #ffffff 6px, transparent 6px, transparent 12px); position: absolute; left: 0; }
.custommr-conversion-wrap::before { height: 16%; top: 0; }
.custommr-conversion-wrap::after { height: 16%; bottom: 0; }
.custommr-conversion-wrap .cv-bg { background-image: linear-gradient(0deg, #ffffff00 0%, #dae7e5 12%, #dae7e5 88%, #ffffff00 100%); position: relative; z-index: 2; }

.custommr-conversion-conatiner .custommr-conversion-body { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
.custommr-conversion-conatiner .custommr-conversion-body * { min-height: 0%; }
.custommr-conversion-conatiner .custommr-conversion-body .text { align-self: center; width: calc((604/1100)*100%); padding: 2.5rem; }
.custommr-conversion-conatiner .custommr-conversion-body .text .maincopy { text-align: center; padding: 0; margin-bottom: 1rem; }
.custommr-conversion-conatiner .custommr-conversion-body .text .maincopy .cursive { max-width: 250px; margin: 0 auto 0.5rem; }
.custommr-conversion-conatiner .custommr-conversion-body .text .lead { text-align: center; margin-bottom: 1.5rem; }
.custommr-conversion-conatiner .custommr-conversion-body .text .conversion { padding-bottom: 0; }
.custommr-conversion-conatiner .custommr-conversion-body .text .conversion .conversion-buttons li { width: 96%; margin: 0 auto; }
.custommr-conversion-conatiner .custommr-conversion-body .text .conversion .conversion-buttons .request { display: none !important; }
.custommr-conversion-conatiner .custommr-conversion-body .image { width: calc((496/1100)*100%); overflow: hidden; }
.custommr-conversion-conatiner .custommr-conversion-body .image .img { height: 100%; }
.custommr-conversion-conatiner .custommr-conversion-body .image .img img { height: 100%; object-fit: cover; object-position: right bottom; }
@media screen and (max-width: 834px) { .custommr-conversion-conatiner .custommr-conversion-body .image .img img { object-position: 72% bottom; } }
@media screen and (max-width: 600px) { .custommr-conversion-conatiner .custommr-conversion-body .text, .custommr-conversion-conatiner .custommr-conversion-body .image { width: 100%; }
  .custommr-conversion-conatiner .custommr-conversion-body .text { padding: 2rem 1rem; }
  .custommr-conversion-conatiner .custommr-conversion-body .image { max-height: 200px; }
  .custommr-conversion-conatiner .custommr-conversion-body .image .img img { object-position: center 20%; } }

.note-section { padding-top: 4rem; }
@media screen and (max-width: 600px) { .note-section { padding-top: 2rem; } }