body.shortstay-page {
	--shortstay-page-height-pc: 3218;
	--shortstay-page-height-sp: 4733;
}

body.shortstay-page .tokueikai-stage {
	height: calc(var(--shortstay-page-height-pc) / 1280 * 100vw);
}

body.shortstay-page .tokueikai-artboard {
	height: 3218px;
	background: var(--tokueikai-artboard);
}

body.shortstay-page .site-sidebar {
	background: transparent;
	box-shadow: none;
}

body.shortstay-page .site-sidebar__panel {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 237px;
	height: 587px;
	max-width: none;
	pointer-events: none;
}

body.shortstay-page .site-sidebar > :not(.site-sidebar__panel) {
	z-index: 1;
}

body.shortstay-page .sidebar-contact {
	background: transparent;
}

body.shortstay-page .sidebar-contact .sidebar-contact__background {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 185.431px;
	height: 37px;
	margin: 0;
	max-width: none;
	pointer-events: none;
}

body.shortstay-page .sidebar-contact > :not(.sidebar-contact__background) {
	position: relative;
	z-index: 1;
}

.shortstay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 1280px;
	height: 3218px;
	overflow: hidden;
	background: var(--tokueikai-artboard);
	color: #333;
}

.shortstay picture,
.shortstay picture img {
	display: block;
}

.shortstay picture {
	overflow: hidden;
}

.shortstay picture img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.shortstay-hero-decoration {
	position: absolute;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.shortstay-hero-decoration img {
	max-width: none;
	height: 100%;
	object-fit: cover;
	opacity: .66;
}

.shortstay-hero-decoration--right {
	left: 704px;
	top: -116px;
	width: 647.486px;
	height: 544.334px;
}

.shortstay-hero-decoration--right img {
	width: 564.535px;
	height: 317.551px;
	transform: rotate(152.1766deg);
}

.shortstay-hero-decoration--left {
	left: 176px;
	top: 318px;
	width: 452px;
	height: 256.789px;
}

.shortstay-hero-decoration--left img {
	width: 449.926px;
	height: 253.083px;
	transform: rotate(179.527deg);
}

.shortstay-hero {
	position: absolute;
	left: 338.5px;
	top: 65px;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	width: 840px;
	height: 662px;
}

.shortstay-hero h1 {
	flex: 0 0 52px;
	width: 840px;
	height: 52px;
	margin: 0;
	font-family: var(--tokueikai-mincho);
	font-size: 36.129px;
	font-weight: 600;
	line-height: .9979;
	letter-spacing: 1.8065px;
}

.shortstay-hero h1 > span {
	white-space: nowrap;
	text-wrap: nowrap;
}

.shortstay-hero__image {
	flex: 0 0 350px;
	width: 840px;
	height: 350px;
	border-radius: 5px;
}

.shortstay-hero__copy {
	flex: 0 0 200px;
	width: 840px;
	height: 200px;
	margin: 0;
	font-family: var(--tokueikai-sans);
	font-size: 17px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: .85px;
}

.shortstay-gallery {
	position: absolute;
	left: 338.5px;
	top: 807px;
	z-index: 4;
	width: 840px;
	height: 248px;
}

.shortstay-gallery__item {
	position: absolute;
	top: 0;
	width: 186px;
	height: 248px;
	border-radius: 5px;
}

.shortstay-gallery__item--1 { left: 0; }
.shortstay-gallery__item--2 { left: 218px; }
.shortstay-gallery__item--3 { left: 436px; }
.shortstay-gallery__item--4 { left: 654px; }

.shortstay-section {
	position: absolute;
	left: 338.5px;
	z-index: 4;
	width: 840px;
}

.shortstay-section-heading {
	position: absolute;
	left: 0;
	top: 0;
	width: 840px;
	height: 34px;
}

.shortstay-section-heading h2 {
	position: absolute;
	left: 0;
	top: 0;
	height: 26px;
	margin: 0;
	font-family: var(--tokueikai-sans);
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	white-space: nowrap;
	text-wrap: nowrap;
}

.shortstay-section-heading__line {
	position: absolute;
	left: 0;
	top: 33px;
	width: 840px;
	height: 1px;
	background: #878585;
	pointer-events: none;
}

.shortstay-services {
	top: 1135px;
	height: 733px;
}

.shortstay-services__list {
	position: absolute;
	left: 0;
	top: 64px;
	width: 840px;
	height: 669px;
}

.shortstay-service {
	position: absolute;
	width: 400px;
}

.shortstay-service--1 { left: 0; top: 0; height: 331px; }
.shortstay-service--2 { left: 432px; top: 0; height: 306px; }
.shortstay-service--3 { left: 0; top: 363px; height: 306px; }
.shortstay-service--4 { left: 432px; top: 363px; height: 306px; }

.shortstay-service__image {
	position: absolute;
	left: 0;
	top: 0;
	width: 400px;
	height: 240px;
	border-radius: 5px;
}

.shortstay-service > p {
	position: absolute;
	left: 0;
	top: 256px;
	width: 400px;
	margin: 0;
	font-family: var(--tokueikai-sans);
	font-size: 17px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: .85px;
}

.shortstay-service--1 > p { height: 75px; }
.shortstay-service:not(.shortstay-service--1) > p { height: 50px; }

.shortstay-fees {
	top: 1948px;
	height: 144px;
}

.shortstay-fee-link {
	position: absolute;
	left: 0;
	top: 64px;
	display: block;
	width: 534px;
	height: 80px;
	font-family: var(--tokueikai-sans);
}

.shortstay-fee-link__icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	overflow: hidden;
}

.shortstay-fee-link__icon img {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 60px;
	height: 60px;
	max-width: none;
}

.shortstay-fee-link__label {
	position: absolute;
	left: 90px;
	top: 25.5px;
	width: 444px;
	height: 29px;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1px;
	white-space: nowrap;
	text-wrap: nowrap;
}

.shortstay-flow {
	top: 2172px;
	height: 703px;
}

.shortstay-flow__intro {
	position: absolute;
	left: 0;
	top: 64px;
	width: 760px;
	height: 50px;
	margin: 0;
	font-family: var(--tokueikai-sans);
	font-size: 17px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: .85px;
}

.shortstay-flow__list {
	position: absolute;
	left: 0;
	top: 144px;
	width: 840px;
	height: 559px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.shortstay-flow-step {
	position: absolute;
	left: 0;
	width: 840px;
}

.shortstay-flow-step:nth-child(1) { top: 0; height: 116px; }
.shortstay-flow-step:nth-child(2) { top: 156px; height: 91px; }
.shortstay-flow-step:nth-child(3) { top: 287px; height: 116px; }
.shortstay-flow-step:nth-child(4) { top: 443px; height: 116px; }

.shortstay-flow-step__number {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #674503;
	color: #fff;
	font-family: var(--tokueikai-sans);
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
}

.shortstay-flow-step h3 {
	position: absolute;
	left: 80px;
	top: 16px;
	width: max-content;
	height: 26px;
	margin: 0;
	color: #674503;
	font-family: var(--tokueikai-sans);
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	white-space: nowrap;
	text-wrap: nowrap;
}

.shortstay-flow-step > p {
	position: absolute;
	left: 80px;
	top: 66px;
	width: 760px;
	margin: 0;
	font-family: var(--tokueikai-sans);
	font-size: 17px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: .85px;
}

.shortstay-flow-step:nth-child(2) > p { height: 25px; }
.shortstay-flow-step:not(:nth-child(2)) > p { height: 50px; }

.shortstay-home-link {
	position: absolute;
	left: 540px;
	top: 2985px;
	z-index: 4;
	display: flex;
	align-items: center;
	gap: 40px;
	width: 200px;
	height: 40px;
	font-family: var(--tokueikai-sans);
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
}

.shortstay-home-link > span {
	flex: 0 0 120px;
	width: 120px;
	height: 24px;
	white-space: nowrap;
	text-wrap: nowrap;
}

.shortstay-home-link img {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	max-width: none;
}

body.shortstay-page .site-footer {
	display: none;
}

@media (max-width: 699px) {
	body.shortstay-page .tokueikai-stage {
		height: calc(var(--shortstay-page-height-sp) / 375 * 100vw);
	}

	body.shortstay-page .tokueikai-artboard {
		width: 375px;
		height: 4733px;
		background: var(--tokueikai-artboard);
	}

	.shortstay {
		width: 375px;
		height: 4733px;
		background: var(--tokueikai-artboard);
	}

	.shortstay-hero-decoration {
		z-index: 6;
		display: flex !important;
	}

	.shortstay-hero-decoration--right {
		left: 164.468px;
		top: 78.789px;
		width: 273.64px;
		height: 230.022px;
	}

	.shortstay-hero-decoration--right img {
		width: 238.582px;
		height: 134.202px;
	}

	.shortstay-hero-decoration--left {
		left: -58.676px;
		top: 262.309px;
		width: 191.024px;
		height: 108.542px;
	}

	.shortstay-hero-decoration--left img {
		width: 190.148px;
		height: 106.958px;
	}

	.shortstay-hero {
		left: 10px;
		top: 96px;
		gap: 24px;
		width: 355px;
		height: 574px;
	}

	.shortstay-hero h1 {
		flex-basis: 70px;
		width: 355px;
		height: 70px;
		font-size: 24px;
		line-height: normal;
		letter-spacing: 1.2px;
	}

	.shortstay-hero__title-sp,
	.shortstay-hero__title-sp > span {
		display: block !important;
		width: 355px;
		height: 35px;
		white-space: nowrap;
		text-wrap: nowrap;
	}

	.shortstay-hero__image {
		flex-basis: 148px;
		width: 355px;
		height: 148px;
	}

	.shortstay-hero__copy {
		flex-basis: 308px;
		width: 355px;
		height: 308px;
		font-size: 15px;
		line-height: normal;
		letter-spacing: .75px;
	}

	.shortstay-gallery {
		left: 10px;
		top: 710px;
		width: 355px;
		height: 456px;
	}

	.shortstay-gallery__item {
		width: 165px;
		height: 220px;
	}

	.shortstay-gallery__item--1 { left: 4.5px; top: 0; }
	.shortstay-gallery__item--2 { left: 185.5px; top: 0; }
	.shortstay-gallery__item--3 { left: 4.5px; top: 236px; }
	.shortstay-gallery__item--4 { left: 185.5px; top: 236px; }

	.shortstay-section {
		left: 10px;
		width: 355px;
	}

	.shortstay-section-heading {
		width: 355px;
		height: 32px;
	}

	.shortstay-section-heading h2 {
		height: 24px;
		font-size: 20px;
		line-height: normal;
	}

	.shortstay-section-heading__line {
		top: 31px;
		width: 355px;
		height: 1px;
	}

	.shortstay-services {
		top: 1206px;
		height: 1248px;
	}

	.shortstay-services__list {
		top: 62px;
		width: 355px;
		height: 1186px;
	}

	.shortstay-service {
		left: 0;
		width: 355px;
	}

	.shortstay-service--1 { top: 0; height: 295px; }
	.shortstay-service--2 { top: 319px; height: 273px; }
	.shortstay-service--3 { top: 616px; height: 273px; }
	.shortstay-service--4 { top: 913px; height: 273px; }

	.shortstay-service__image {
		width: 355px;
		height: 213px;
	}

	.shortstay-service > p {
		top: 229px;
		width: 355px;
		font-size: 15px;
		line-height: normal;
		letter-spacing: .75px;
	}

	.shortstay-service--1 > p { height: 66px; }
	.shortstay-service:not(.shortstay-service--1) > p { height: 44px; }

	.shortstay-fees {
		top: 2494px;
		height: 142px;
	}

	.shortstay-fee-link {
		top: 62px;
		width: 355px;
		height: 80px;
	}

	.shortstay-fee-link__label {
		top: 17px;
		width: 265px;
		height: 46px;
		font-size: 16px;
		line-height: normal;
		letter-spacing: .8px;
		white-space: normal;
		text-wrap: wrap;
	}

	.shortstay-flow {
		top: 2676px;
		height: 908px;
	}

	.shortstay-flow__intro {
		top: 62px;
		width: 355px;
		height: 88px;
		font-size: 15px;
		line-height: normal;
		letter-spacing: .75px;
	}

	.shortstay-flow__list {
		top: 180px;
		width: 355px;
		height: 728px;
	}

	.shortstay-flow-step {
		width: 355px;
	}

	.shortstay-flow-step:nth-child(1) { top: 0; height: 174px; }
	.shortstay-flow-step:nth-child(2) { top: 214px; height: 130px; }
	.shortstay-flow-step:nth-child(3) { top: 384px; height: 152px; }
	.shortstay-flow-step:nth-child(4) { top: 576px; height: 152px; }

	.shortstay-flow-step__number {
		width: 55px;
		height: 56px;
		font-size: 20px;
	}

	.shortstay-flow-step h3 {
		left: 77px;
		top: 18.5px;
		width: 278px;
		height: 19px;
		font-size: 16px;
		line-height: normal;
		white-space: normal;
		text-wrap: wrap;
	}

	.shortstay-flow-step > p {
		left: 80px;
		top: 64px;
		width: 275px;
		font-size: 15px;
		line-height: normal;
		letter-spacing: .75px;
	}

	.shortstay-flow-step:nth-child(1) > p { height: 110px; }
	.shortstay-flow-step:nth-child(2) > p { height: 66px; }
	.shortstay-flow-step:nth-child(3) > p,
	.shortstay-flow-step:nth-child(4) > p { height: 88px; }

	.shortstay-home-link {
		left: 87.5px;
		top: 3632px;
	}

	body.shortstay-page .site-footer {
		display: block;
		left: 0;
		top: 3728px;
		width: 375px;
		height: 1004.38px;
		background: #76706a;
		color: #fff;
	}

	body.shortstay-page .footer-brand,
	body.shortstay-page .footer-nav,
	body.shortstay-page .footer-facility,
	body.shortstay-page .footer-copyright {
		color: #fff;
	}

	body.shortstay-page .footer-sponsors {
		left: 35px;
		top: 835.88px;
		display: block;
		width: 304px;
		height: 102.5px;
	}

	body.shortstay-page .footer-sponsors a,
	body.shortstay-page .footer-sponsors img {
		position: absolute;
		display: block;
		margin: 0;
		width: 146px;
		height: 44px;
		object-fit: fill;
	}

	body.shortstay-page .footer-sponsors a:nth-child(1) {
		left: 158px;
		top: 0;
	}

	body.shortstay-page .footer-sponsors a:nth-child(2) {
		left: 0;
		top: 0;
	}

	body.shortstay-page .footer-sponsors .footer-sponsors__third {
		left: 82px;
		top: 59.5px;
		width: 149px;
		height: 43px;
	}

	body.shortstay-page .footer-sponsors .footer-sponsors__third img {
		width: 149px;
		height: 50.54px;
	}

	body.shortstay-page .footer-sponsors a img {
		left: 0;
		top: 0;
	}

	body.shortstay-page .footer-copyright {
		top: 984.38px;
	}

	body.shortstay-page .scroll-top {
		background: #715313;
		box-shadow: 0 5px 8px rgba(0, 0, 0, .18);
	}
}