/* ===============================
   access-summary: アクセス要点
   =============================== */

.access-summary {
	padding-inline: 40px;
	background: var(--color-page-bg);
}

.access-summary__list {
	display: grid;
	grid-template-columns: auto 1fr;
}

.access-summary__item {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	min-height: 28px;
	padding-inline: 6px;
	border-top: 1px solid var(--color-main);
	font-size: 11px;
	letter-spacing: 0.03em;
}

.access-summary__item--floor {
	grid-column: 1;
}

.access-summary__item--floor::after {
	content: "・";
}

.access-summary__item--elevator {
	grid-column: 2;
	padding-left: 0;
}

@media (max-width: 767px) {
	.access-summary {
		padding-inline: var(--space-5);
	}

	.access-summary__list {
		grid-template-columns: 1fr;
	}

	.access-summary__item,
	.access-summary__item--floor,
	.access-summary__item--elevator {
		grid-column: 1;
		min-height: 48px;
		padding-inline: var(--space-3);
		font-size: var(--fs-body-pc);
		line-height: var(--lh-body);
	}

	.access-summary__item--floor::after {
		display: none;
	}
}

@media (min-width: 768px) {
	.access-summary {
		padding-inline: 0;
		border-bottom: 1px solid var(--color-border-soft);
	}

	.access-summary__list {
		grid-template-columns: 26% 23% 23% 28%;
		max-width: 1440px;
		min-height: 123px;
		margin-inline: auto;
	}

	.access-summary__item,
	.access-summary__item--floor,
	.access-summary__item--elevator {
		grid-column: auto;
		justify-content: center;
		min-height: 123px;
		border-top: 0;
		font-size: 22px;
		letter-spacing: 0.06em;
		text-align: center;
	}

	.access-summary__item + .access-summary__item {
		position: relative;
		border-left: 0;
	}

	.access-summary__item + .access-summary__item::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 1px;
		height: 64px;
		background: var(--color-border);
		transform: translateY(-50%);
	}

	.access-summary__item--floor::after {
		display: none;
	}
}