.lead {
	padding: 1.5rem;
	margin-bottom: 2rem;
	background: rgba(255, 255, 255, 0.85);
	border-left: 0.5rem solid var(--brown2);
}
.note {
	font-size: 1.2rem;
	opacity: 0.85;
}
.badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 1rem 0 0 0;
}
.badges span {
	padding: 0.4rem 0.8rem;
	font-size: 1.2rem;
	line-height: 1.2;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 1rem;
}
.kvspec {
	list-style: none;
	padding-left: 0;
	margin: 1.5rem 0 0;
}
.kvspec li {
	position: relative;
	padding-left: 1.2rem;
}
.kvspec li:not(:last-child) {
	margin-bottom: 0.8rem;
}
.kvspec li::before {
	content: "・";
	position: absolute;
	left: 0;
}
.caption {
	margin-top: 0.6rem;
	font-size: 1.2rem;
	opacity: 0.85;
}
.caption .hi {
	font-weight: 800;
	color: #efe937;
	background: #998fb8;
	padding: 0 0.35em;
	border-radius: 0.3em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.cta-group {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.5rem;
}
.cta-group a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1.4rem 2rem;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	border-radius: 9999px;
	box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.15);
}
.cta-1 {
	background: var(--prime);
}
.cta-2 {
	background: var(--green);
}
.cta-3 {
	background: var(--brown2);
}
.flow-step {
	padding: 1.5rem;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 1rem;
}
.flow-step:not(:last-child) {
	margin-bottom: 1rem;
}
.facility-map-container {
	position: relative;
	line-height: 1;
}
.facility-map-container img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 1rem;
}
.map-btn {
	position: absolute;
	padding: 0.8em 1.2em;
	color: #efe937;
	font-weight: 700;
	font-size: clamp(1.2rem, 1.2vw, 1.5rem);
	line-height: 1.3;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	background-color: #998fb8;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	transform: translate(-50%, -50%);
	transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.map-btn:hover {
	transform: translate(-50%, -50%) scale(1.05);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.facility-item {
	padding: 2.5rem;
	margin-bottom: 4rem;
	background: #f9f9f9;
	border-radius: 1rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.facility-item:last-of-type {
	margin-bottom: 0;
}
.facility-item h4.heading-2 {
	margin-bottom: 2rem;
}
.facility-item .wrap {
	display: flex;
	align-items: center;
	gap: 3rem;
}
.facility-item .wrap p,
.facility-item .wrap .kvspec li {
	line-height: 1.8;
}
.facility-item .wrap > figure {
	flex: 0 0 48%;
	max-width: 48%;
}
.facility-item .wrap > div {
	flex: 1 1 52%;
}
.about-facility > .facility-item:nth-of-type(even) .wrap {
	flex-direction: row-reverse;
}
#f4.facility-item {
	padding: 2rem;
}
#f-kitchen.facility-item {
	padding: 0;
	margin-bottom: 2rem;
	background: transparent;
	box-shadow: none;
}
#f-kitchen.facility-item h4.heading-2 {
	margin-bottom: 1rem;
	font-size: 1.8rem;
}
#f-kitchen.facility-item p {
	font-size: 1.4rem;
	line-height: 1.7;
}
.facility-hotspots {
	position: relative;
	display: grid;
}
.facility-hotspots > * {
	grid-area: 1 / 1;
}
.facility-hotspots > img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}
.facility-hotspots .hotspot {
	position: absolute;
	display: block;
	min-width: 44px;
	background: transparent;
	border-radius: 14px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
	transition: background 0.12s ease, box-shadow 0.12s ease;
}
.facility-hotspots .hotspot:hover,
.facility-hotspots .hotspot:focus-visible {
	background: rgba(153, 143, 184, 0.18);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.26);
	outline: 2px solid rgba(153, 143, 184, 0.55);
	outline-offset: 2px;
}
.highlight-pill {
	background-color: #9b8fbc; 
	color: #efe937; 
	font-weight: 700; 
	font-size: 0.9em; 
	padding: 0.2em 0.7em; 
	border-radius: 9999px; 
	white-space: nowrap; 
	vertical-align: baseline; 
}
.sp-text {
	display: none;
}
.pc-text {
	display: inline;
}
.facility-item {
	background: none;
	box-shadow: none;
	padding: 0;
	margin-bottom: 2rem; 
}
.facility-wrap {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 16px; 
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	overflow: hidden; 
	padding: 1rem;
	padding-bottom: 2rem;
}
.facility-item h4.heading-2 {
	background-color: #6d558d; 
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	padding: 0.8rem;
	border-radius: 8px; 
	margin: 0 0 1.5rem 0; 
}
.facility-item .wrap > figure img {
	border-radius: 8px;
}
@media (max-width: 640px) {
	.pc-text {
		display: none;
	}
	.sp-text {
		display: inline; 
	}
	.page-ttl {
		position: relative; 
		height: 8rem;
		background-image: url("../img/plan-header-bg_sp.webp"); 
		background-size: cover;
		background-position: center;
		display: flex; 
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-bottom: 2rem;
	}
	.page-ttl::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.4); 
		z-index: 1; 
	}
	.page-ttl h2 {
		position: relative; 
		z-index: 2;
		font-size: 2.6rem;
		font-weight: 800;
		color: #fff; 
		margin: 0;
	}
	.lead {
		font-size: 1.6rem;
		line-height: 2;
		letter-spacing: 0.02em;
		padding: 1rem 0.9rem; 
		margin-bottom: 0.9rem; 
	}
	.lead p {
		margin: 0 0 0.6rem; 
	}
	.lead p:last-child {
		margin-bottom: 0;
	}
	.lead--intro,
	.lead--cost {
		background: transparent; 
		border-left: 4px solid rgba(109, 85, 141, 0.35); 
		border-radius: 0;
		padding-left: 1.2rem; 
	}
	.lead--intro {
		margin-bottom: 0.8rem;
	}
	.lead--cost {
		margin-top: 0.4rem;
		margin-bottom: 0.9rem;
	}
	hr.soft-divider {
		border: 0;
		height: 6px; 
		margin: 0.4rem 0 0.35rem; 
		position: relative;
	}
	hr.soft-divider::before {
		content: "";
		display: block;
		height: 1px;
		background: linear-gradient(
			90deg,
			rgba(109, 85, 141, 0.1),
			rgba(109, 85, 141, 0.45),
			rgba(109, 85, 141, 0.1)
		);
	}
	.eyebrow {
		display: inline-block;
		font-size: 1.2rem;
		font-weight: 700;
		letter-spacing: 0.08em;
		color: #6d558d;
		background: rgba(109, 85, 141, 0.1);
		padding: 0.25em 0.6em;
		border-radius: 0.6em;
		margin-bottom: 0.25rem; 
	}
	.ttl {
		margin: 1.2rem 16px 0.6rem 16px; 
		font-size: 2.4rem; 
	}
	.heading-2 {
		margin: 1rem 0 0.5rem; 
	}
	.lead + .lead,
	.lead + .ttl,
	.lead + .heading-2,
	.ttl + .lead,
	.heading-2 + .lead {
		margin-top: 0.6rem;
	}
	section > :last-child {
		margin-bottom: 0;
	}
	.badges {
		display: flex; 
		flex-wrap: wrap;
		justify-content: center; 
		gap: 0.6rem 0.6rem;
		margin: 0.5rem 0 1rem; 
	}
	.badges span {
		font-size: 1.3rem; 
		line-height: 1.25;
		color: #6d558d; 
		background: rgba(109, 85, 141, 0.08);
		border: 1px solid rgba(109, 85, 141, 0.35);
		border-radius: 9999px; 
		padding: 0.45rem 0.9rem;
	}
	.lead--intro {
		margin-top: 0;
	}
	section .lead:first-child {
		margin-top: 0;
	}
	#sec-1 {
		--accent: #6b67a0;
	} 
	#sec-2 {
		--accent: #498606;
	} 
	#sec-1 .ttl,
	#sec-2 .ttl {
		color: var(--accent);
		margin: 1.1rem 16px 0.55rem 16px;
		font-size: 2.8rem; 
		font-weight: 700;
	}
	#sec-1 .heading-2,
	#sec-2 .heading-2 {
		color: var(--accent);
		font-weight: 800;
		font-size: 1.7rem; 
		margin: 0.1rem 0 0.45rem;
	}
	#sec-1 > section,
	#sec-2 > section {
		background: #fff;
		border: 1px solid #eee;
		border-radius: 12px; 
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
		padding: 1.1rem 1.2rem 0.9rem;
		margin: 0.8rem 0; 
		font-size: 1.3rem; 
		line-height: 1.95; 
	}
	#sec-1 > section p,
	#sec-2 > section p {
		margin: 0 0 0.7rem;
	}
	#sec-1,
	#sec-2 {
		padding: 0 16px 1rem;
		margin: 0.6rem 0 1.2rem;
	}
	.cta {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.7rem 0.7rem;
		margin: 0.6rem 16px 1rem;
	}
	.cta-btn {
		--shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
		display: inline-flex;
		align-items: center;
		gap: 0.55em;
		text-decoration: none;
		font-weight: 800;
		letter-spacing: 0.02em;
		font-size: 1.45rem;
		line-height: 1;
		color: #fff;
		padding: 0.75rem 1.15rem;
		border-radius: 9999px;
		min-height: 44px;
		box-shadow: var(--shadow);
		border: 1px solid transparent;
		transition: transform 0.12s ease, filter 0.15s ease,
			box-shadow 0.2s ease;
		-webkit-tap-highlight-color: transparent;
	}
	.cta-btn i {
		width: 1.6em;
		height: 1.6em;
		display: inline-grid;
		place-items: center;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.18);
		font-size: 1.1em; 
	}
	.cta-btn:focus-visible {
		outline: 2px solid #fff;
		outline-offset: 2px;
		box-shadow: 0 0 0 3px rgba(109, 85, 141, 0.25), var(--shadow);
	}
	.cta-btn:hover {
		filter: brightness(1.06);
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);
	}
	.cta-btn:active {
		transform: translateY(1px);
		filter: brightness(0.97);
	}
	.cta-purple {
		background: #6b67a0;
	} 
	.cta-green {
		background: #498606;
	} 
	.cta-orange {
		background: #c97f41;
	} 
	.cta-purple:hover {
		box-shadow: 0 6px 18px rgba(107, 103, 160, 0.35);
	}
	.cta-green:hover {
		box-shadow: 0 6px 18px rgba(73, 134, 6, 0.3);
	}
	.cta-orange:hover {
		box-shadow: 0 6px 18px rgba(201, 127, 65, 0.3);
	}
	#sec-1 > section .cta,
	#sec-2 > section .cta {
		margin-top: 0.6rem;
	}
	.cta-purple {
		flex-basis: 100%;
		justify-content: center;
	}
	.cta > .cta-green,
	.cta > .cta-orange {
		flex-grow: 1;
		flex-basis: 0;
	}
	#sec-facility {
		padding-left: 16px;
		padding-right: 16px;
		box-sizing: border-box; 
	}
	.facility-item {
		padding: 1.6rem;
	}
	.facility-item .wrap {
		display: block; 
	}
	.facility-item .wrap > figure,
	.facility-item .wrap > div {
		max-width: 100%;
	}
	.facility-item .wrap > figure img {
		width: 100%;
		height: auto;
		border-radius: 10px;
	}
	#sec-flow,
	#sec-company {
		--accent: #6b67a0;
	}
	#sec-flow,
	#sec-company {
		padding: 0 16px 1.2rem;
	}
	#sec-flow .ttl,
	#sec-company .ttl {
		color: var(--accent);
		font-weight: 800;
		font-size: 2.6rem;
		margin: 1rem 0 0.6rem;
	}
	#sec-flow {
		--badge: 26px;
		--gutter: 12px;
		--content-left: calc(var(--badge) + var(--gutter));
		--track-x: calc(var(--badge) / 2 - 1px);
	}
	#sec-flow .hint {
		margin: 0.2rem 0 0.6rem;
		color: #6b7280;
		font-size: 1.3rem;
	}
	#sec-flow .flow {
		position: relative;
		list-style: none;
		margin: 0 16px 0.8rem;
		padding: 0;
		counter-reset: step;
	}
	#sec-flow .flow::before {
		content: "";
		position: absolute;
		left: var(--track-x);
		top: 0.4rem;
		bottom: 0.6rem;
		width: 2px;
		background: linear-gradient(#dcddea, #f0f1f7);
		z-index: 0;
	}
	#sec-flow .flow li {
		position: relative;
		z-index: 1;
		counter-increment: step;
		padding: 0.25rem 0 0.85rem var(--content-left);
		margin: 0;
		background: transparent;
		border: 0;
		box-shadow: none;
	}
	#sec-flow .flow li::before {
		content: counter(step);
		position: absolute;
		left: 0;
		top: 0.15rem;
		width: var(--badge);
		height: var(--badge);
		border-radius: 999px;
		display: grid;
		place-items: center;
		background: var(--accent);
		color: #fff;
		font-weight: 800;
		font-size: 1.3rem;
		box-shadow: 0 3px 10px rgba(107, 103, 160, 0.25);
	}
	#sec-flow .flow li:not(:last-child)::after {
		content: "";
		position: absolute;
		left: var(--content-left);
		right: 0;
		bottom: 0;
		height: 1px;
		background: linear-gradient(
			90deg,
			rgba(107, 103, 160, 0.1),
			rgba(107, 103, 160, 0.35),
			rgba(107, 103, 160, 0.1)
		);
	}
	#sec-flow .flow h4 {
		margin: 0 0 0.15rem;
		color: var(--accent);
		font-size: 1.6rem;
		font-weight: 800;
		letter-spacing: 0.01em;
	}
	#sec-flow .flow p {
		margin: 0;
		font-size: 1.45rem;
		line-height: 1.9;
	}
	#sec-flow .cta {
		margin-top: 0.6rem;
	}
	.company {
		display: grid;
		grid-template-columns: 6em 1fr;
		gap: 0.4rem 0.8rem;
		background: #fff;
		border: 1px solid #eee;
		border-radius: 12px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
		padding: 0.9rem 1rem;
		font-size: 1.5rem;
		line-height: 1.9;
	}
	.company dt {
		color: var(--accent);
		font-weight: 800;
		background: rgba(107, 103, 160, 0.1);
		border: 1px solid rgba(107, 103, 160, 0.24);
		border-radius: 0.6rem;
		align-self: stretch !important;
		display: flex;
		align-items: center;
		padding: 0.35rem 0.6rem;
		min-height: 2.6rem;
		line-height: 1.2;
	}
	.company dd {
		margin: 0 0 0.2rem;
	}
	.company a {
		color: #1b5cff;
		text-decoration: underline;
		text-underline-offset: 0.15em;
	}
	#page-top a {
		width: 46px;
		height: 46px;
	}
} 
@media (min-width: 641px) {
	.container,
	main,
	#content {
		font-size: 1.6rem; 
		line-height: 1.85;
	}
	.page-ttl h2 {
		font-weight: 800;
		font-size: clamp(3.2rem, 4.8vw, 5.6rem);
		letter-spacing: 0.06em;
	}
	.lead .eyebrow {
		font-size: 1.3rem;
		font-weight: 700;
	}
	.badges span {
		font-size: 1.4rem;
		font-weight: 700;
	}
	.lead p {
		font-size: clamp(1.6rem, 1.4vw, 1.9rem);
		line-height: 1.9;
	}
	h3,
	.heading-2,
	.ttl {
		font-weight: 800;
		font-size: clamp(2rem, 2vw, 2.6rem);
		line-height: 1.35;
	}
	#sec-1 > section p,
	#sec-2 > section p {
		font-size: 1.5rem;
		line-height: 1.9;
	}
	section[class*="facility"] h4 {
		font-weight: 800;
		font-size: clamp(1.6rem, 1.2vw, 1.9rem);
		line-height: 1.35;
	}
	section[class*="facility"] p {
		font-size: 1.4rem;
		line-height: 1.85;
	}
	.note,
	.small,
	.caption,
	.section-note {
		font-size: 1.3rem;
		line-height: 1.8;
	}
	#sec-1,
	#sec-2,
	section[class*="facility"],
	[id*="flow"],
	[class*="flow"],
	[id*="company"],
	[class*="company"],
	[class*="profile"] {
		border-top: 1px solid #e8e6f2;
		padding-top: 18px;
		margin-top: 24px;
	}
	.page-ttl {
		position: relative;
		height: clamp(100px, 16vh, 200px);
		display: grid;
		place-items: center;
		margin: 0 0 24px;
		background: center / cover no-repeat
			url("../img/plan-header-bg_pc.webp");
		border-radius: 0;
	}
	.page-ttl::before {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.35); 
	}
	.page-ttl h2 {
		position: relative;
		z-index: 1;
		margin: 0;
		color: #fff;
		font-weight: 800;
		letter-spacing: 0.06em;
		text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
	}
	.container > .mb-40 {
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
	.badges {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.6rem 0.8rem;
		margin-bottom: 0.4rem;
	}
	.badges span {
		font-size: 1.4rem;
		line-height: 1.25;
		color: #6d558d;
		background: rgba(109, 85, 141, 0.08);
		border: 1px solid rgba(109, 85, 141, 0.35);
		border-radius: 9999px;
		padding: 0.55rem 1rem;
	}
	.lead {
		background: transparent;
		border-left: 4px solid rgba(109, 85, 141, 0.35);
		border-radius: 0;
		padding: 1.2rem 1.6rem;
		margin: 0 auto 10px;
		max-width: 980px;
	}
	.lead p {
		line-height: 1.9;
		margin: 0 0 0.6rem;
	}
	.lead .eyebrow {
		display: inline-block;
		font-weight: 700;
		font-size: 1.3rem;
		letter-spacing: 0.08em;
		color: #6d558d;
		background: rgba(109, 85, 141, 0.1);
		padding: 0.3em 0.7em;
		border-radius: 0.6em;
		margin-bottom: 0.4rem;
	}
	#sec-1 {
		--accent: #6b67a0;
	} 
	#sec-2 {
		--accent: #498606;
	} 
	#sec-1 .ttl,
	#sec-2 .ttl {
		color: var(--accent);
		font-weight: 800;
		margin: 0 0 10px;
	}
	#sec-1 .heading-2,
	#sec-2 .heading-2 {
		color: var(--accent);
		font-weight: 800;
		margin: 0 0 6px;
	}
	#sec-1,
	#sec-2 {
		display: block !important;
		max-width: 1080px;
		margin-inline: auto;
		padding: 0 2%;
	}
	#sec-1 > section,
	#sec-2 > section {
		display: grid !important;
		grid-template-columns: 42px 1fr; 
		grid-auto-rows: auto; 
		column-gap: 14px;
		row-gap: 6px;
		padding: 16px 18px;
		margin: 10px 0;
		background: #fff;
		border: 1px solid rgba(0, 0, 0, 0.08);
		border-radius: 16px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
		align-items: start;
	}
	#sec-1 > section::before,
	#sec-2 > section::before {
		content: "";
		display: grid;
		place-items: center;
		flex: 0 0 42px;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		font-weight: 800;
		font-size: 1.4rem;
		color: #fff;
		background: var(--accent, #6d558d);
		grid-column: 1;
		grid-row: 1;
		align-self: start;
	}
	#sec-1 > section::before {
		content: "✔︎";
	} 
	#sec-2 > section::before {
		content: "×";
	} 
	#sec-1 > section > .ttl,
	#sec-2 > section > .ttl,
	#sec-1 > section > h4,
	#sec-2 > section > h4,
	#sec-1 > section > strong:first-child,
	#sec-2 > section > strong:first-child {
		grid-column: 2;
		grid-row: 1;
		margin: 0 0 2px;
		line-height: 1.35;
		font-weight: 800;
		color: var(--accent, #498606); 
	}
	#sec-1 > section > p,
	#sec-2 > section > p,
	#sec-1 > section > div,
	#sec-2 > section > div,
	#sec-1 > section > ul,
	#sec-2 > section > ul,
	#sec-1 > section > ol,
	#sec-2 > section > ol {
		grid-column: 2;
		grid-row: auto; 
		margin: 0;
		font-size: 1.5rem;
		line-height: 1.9;
		color: #444;
	}
	#sec-1 > section > p + p,
	#sec-2 > section > p + p {
		margin-top: 0.6rem;
	}
	#sec-1 > section .section-note,
	#sec-2 > section .section-note {
		margin-top: 8px;
		font-size: 1.35rem;
		color: #555;
	}
	#sec-1 [class*="cta"],
	#sec-2 [class*="cta"] {
		display: flex;
		flex-wrap: wrap;
		gap: 8px 10px;
		margin: 12px 0 4px;
		grid-column: 1 / -1; 
	}
	#sec-1 [class*="cta"] a,
	#sec-2 [class*="cta"] a {
		display: inline-flex;
		align-items: center;
		gap: 0.5em;
		padding: 0.6em 1.1em;
		border-radius: 9999px;
		text-decoration: none !important;
		font-weight: 800;
		font-size: 1.5rem;
		color: #fff !important;
		filter: brightness(1); 
		transition: filter 0.1s ease;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	}
	#sec-1 [class*="cta"] a:nth-child(1),
	#sec-2 [class*="cta"] a:nth-child(1) {
		background: #6d558d !important; 
		border-color: #5b4a80 !important;
	}
	#sec-1 [class*="cta"] a:nth-child(2),
	#sec-2 [class*="cta"] a:nth-child(2) {
		background: #498606 !important; 
		border-color: #3a6b05 !important;
	}
	#sec-1 [class*="cta"] a:nth-child(3),
	#sec-2 [class*="cta"] a:nth-child(3) {
		background: #d39a6a !important; 
		border-color: #c08255 !important;
	}
	#sec-1 [class*="cta"] i,
	#sec-2 [class*="cta"] i,
	#sec-1 [class*="cta"] svg,
	#sec-2 [class*="cta"] svg {
		color: #fff !important;
		fill: #fff !important;
	}
	#sec-1 [class*="cta"] a:hover,
	#sec-2 [class*="cta"] a:hover {
		filter: brightness(1.05);
	}
	section[class*="facility"],
	section[id*="facility"] {
		max-width: 1120px;
		margin: 8px auto 28px;
		padding: 0 2%;
	}
	section[class*="facility"] > ul,
	section[id*="facility"] > ul,
	section[class*="facility"] .cards,
	section[id*="facility"] .cards {
		list-style: none;
		padding: 0;
		margin: 8px 0 0;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
	}
	@media (min-width: 641px) and (max-width: 960px) {
		section[class*="facility"] > ul,
		section[id*="facility"] > ul,
		section[class*="facility"] .cards,
		section[id*="facility"] .cards {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
	section[class*="facility"] li,
	section[id*="facility"] li,
	section[class*="facility"] .card,
	section[id*="facility"] .card {
		background: #fff;
		border: 1px solid rgba(0, 0, 0, 0.08);
		border-radius: 16px;
		overflow: hidden;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}
	section[class*="facility"] li:hover {
		transform: translateY(-2px);
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
	}
	section[class*="facility"] img:not([src*="facility-floor.webp"]) {
		display: block;
		width: 100%;
		aspect-ratio: 4 / 3; 
		object-fit: cover;
	}
	section[class*="facility"] figure {
		margin: 0;
	}
	section[class*="facility"] figcaption {
		padding: 12px 14px;
	}
	section[class*="facility"] h4 {
		margin: 0 0 4px;
		font-weight: 800;
		font-size: clamp(1.6rem, 1.2vw, 1.9rem);
		color: #3a3550;
	}
	section[class*="facility"] p {
		margin: 0;
		font-size: 1.4rem;
		line-height: 1.85;
		color: #555;
	}
	.facility-item .wrap {
		gap: 2rem;
	}
	[id*="flow"],
	[class*="flow"] {
		--accent: #6d558d; 
		max-width: 1080px;
		margin: 28px auto 0;
		padding: 18px 2% 0;
	}
	[id*="flow"] ul,
	[id*="flow"] ol,
	[class*="flow"] ul,
	[class*="flow"] ol {
		list-style: none;
		padding: 0;
		margin: 10px 0 0;
		display: flex;
		flex-direction: column;
		gap: 12px;
		counter-reset: step;
	}
	[id*="flow"] li,
	[class*="flow"] li {
		counter-increment: step;
		background: #fff;
		border: 1px solid rgba(0, 0, 0, 0.08);
		border-radius: 16px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
		padding: 16px 18px;
		display: grid; 
		grid-template-columns: 46px 1fr;
		grid-template-rows: auto auto;
		column-gap: 14px;
		row-gap: 6px;
		align-items: start;
	}
	[id*="flow"] li::before,
	[class*="flow"] li::before {
		content: counter(step);
		grid-column: 1;
		grid-row: 1 / span 2;
		display: grid;
		place-items: center;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		background: var(--accent);
		color: #fff;
		font-weight: 800;
	}
	[id*="flow"] li > .ttl,
	[class*="flow"] li > .ttl,
	[id*="flow"] li > h4,
	[class*="flow"] li > h4,
	[id*="flow"] li > strong:first-child,
	[class*="flow"] li > strong:first-child {
		grid-column: 2;
		grid-row: 1;
		margin: 0;
		font-weight: 800;
		font-size: clamp(1.6rem, 1.3vw, 1.9rem);
		line-height: 1.35;
		color: #3a3550;
	}
	[id*="flow"] li > p,
	[class*="flow"] li > p,
	[id*="flow"] li > div,
	[class*="flow"] li > div,
	[id*="flow"] li > ul,
	[class*="flow"] li > ul,
	[id*="flow"] li > ol,
	[class*="flow"] li > ol {
		grid-column: 2;
		grid-row: 2;
		margin: 0;
		font-size: 1.5rem;
		line-height: 1.9;
		color: #444;
	}
	[id*="flow"] li > p + p,
	[class*="flow"] li > p + p {
		margin-top: 0.6rem;
	}
	[id*="flow"] [class*="cta"] {
		display: flex;
		flex-wrap: wrap;
		gap: 8px 10px;
		margin-top: 10px;
	}
	[id*="flow"] [class*="cta"] a {
		display: inline-flex;
		align-items: center;
		gap: 0.5em;
		padding: 0.6em 1.1em;
		border-radius: 9999px;
		background: #6d558d;
		color: #fff;
		border: 1px solid #5b4a80;
		text-decoration: none;
		font-weight: 800;
	}
	[id*="company"],
	[class*="company"],
	[class*="profile"] {
		max-width: 980px;
		margin: 28px auto 0;
		padding: 18px 2% 0;
	}
	[id*="company"] dl,
	[class*="company"] dl,
	[class*="profile"] dl {
		display: grid;
		grid-template-columns: 18em 1fr; 
		background: #fff;
		border: 1px solid #eee;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
	}
	[id*="company"] dl > dt,
	[class*="company"] dl > dt,
	[class*="profile"] dl > dt {
		grid-column: 1;
		padding: 12px 14px;
		background: #faf8ff;
		color: #3a3550;
		font-weight: 700;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
	}
	[id*="company"] dl > dd,
	[class*="company"] dl > dd,
	[class*="profile"] dl > dd {
		grid-column: 2;
		padding: 12px 16px;
		border-bottom: 1px solid #eee;
	}
	[id*="company"] dl > dd:last-child,
	[class*="company"] dl > dd:last-child,
	[class*="profile"] dl > dd:last-child {
		border-bottom: none;
	}
	[id*="company"] dl > dd p,
	[class*="company"] dl > dd p,
	[class*="profile"] dl > dd p {
		margin: 0;
		font-size: 1.5rem;
		line-height: 1.9;
	}
	[id*="company"] dl > dd ul,
	[class*="company"] dl > dd ul,
	[class*="profile"] dl > dd ul {
		margin: 0.3rem 0 0 1.2em;
	}
	[id*="company"] table,
	[class*="company"] table,
	[class*="profile"] table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
		background: #fff;
		border: 1px solid #eee;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
	}
	[id*="company"] th,
	[class*="company"] th,
	[class*="profile"] th {
		width: 18em;
		text-align: left;
		background: #faf8ff;
		color: #3a3550;
		font-weight: 700;
		padding: 12px 14px;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
		vertical-align: top;
	}
	[id*="company"] td,
	[class*="company"] td,
	[class*="profile"] td {
		padding: 12px 16px;
		border-bottom: 1px solid #eee;
		vertical-align: top;
	}
	[id*="company"] tr:last-child td,
	[class*="company"] tr:last-child td,
	[class*="profile"] tr:last-child td {
		border-bottom: none;
	}
}