/* ===============================
   rooms-consult: 個室・宴会場の選択補助
   =============================== */

.rooms-consult {
	background: var(--color-page-bg);
}

.rooms-consult > .container {
	padding-block: 13px var(--space-1);
}

.rooms-consult__heading {
	font-size: calc(var(--fs-caption) - 1px);
	letter-spacing: 0.02em;
	text-align: center;
	white-space: normal;
}

.rooms-consult__heading-break {
	display: none;
}

.rooms-consult__links {
	display: grid;
	gap: var(--space-1);
	margin-top: 10px;
}

.rooms-consult__link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	border: 1px solid var(--color-comparison-frame);
	color: var(--color-consult-link);
	font-size: 13px;
	letter-spacing: 0.04em;
	text-indent: -7px;
}

.rooms-consult__link::before {
	content: "";
	position: absolute;
	inset: -2px 0;
}

.rooms-consult__link::after {
	content: "";
	position: absolute;
	right: var(--space-4);
	width: var(--space-2);
	height: var(--space-2);
	border-top: 1px solid currentcolor;
	border-right: 1px solid currentcolor;
	transform: rotate(45deg);
}

@media (min-width: 768px) {
	.rooms-consult > .container {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: calc(100% - var(--space-12));
		max-width: calc(var(--container-max) + var(--space-6));
		height: 155px;
		padding: 0;
		background: var(--color-consult-bg);
	}

	.rooms-consult__heading {
		font-size: calc(var(--fs-h2) - var(--space-1));
		letter-spacing: 0;
		transform: translateX(-18px);
		white-space: normal;
	}

	.rooms-consult__heading-break {
		display: inline;
	}

	.rooms-consult__links {
		display: flex;
		align-items: center;
		gap: 0;
		margin-top: var(--space-2);
		transform: translateX(calc(-1 * var(--space-6)));
	}

	.rooms-consult__link {
		width: auto;
		height: auto;
		padding: 0 70px;
		border: 0;
		font-size: calc(var(--fs-section-link) - 2px);
		letter-spacing: 0.05em;
		text-indent: 0;
	}

	.rooms-consult__link + .rooms-consult__link {
		border-left: 0;
	}

	.rooms-consult__link:first-child {
		padding-right: 56px;
	}

	.rooms-consult__link:last-child {
		padding-left: 56px;
	}

	.rooms-consult__link::before {
		inset: calc(-1 * var(--space-2)) var(--space-7);
	}

	.rooms-consult__link + .rooms-consult__link::before {
		inset: 50% auto auto 0;
		width: 1px;
		height: 26px;
		background: var(--color-border);
		transform: translateY(-50%);
	}

	.rooms-consult__link::after {
		position: static;
		flex: none;
		margin-left: var(--space-7);
		width: var(--space-3);
		height: var(--space-3);
	}
}

@media (max-width: 767px) {
	.rooms-consult > .container {
		padding-block: var(--space-7);
	}

	.rooms-consult__heading {
		font-size: var(--fs-h2-mobile);
		line-height: var(--lh-tight);
	}

	.rooms-consult__links {
		gap: var(--space-3);
		margin-top: var(--space-5);
	}

	.rooms-consult__link {
		height: auto;
		min-height: var(--space-9);
		padding: var(--space-2) var(--space-7);
		font-size: var(--fs-body);
		line-height: var(--lh-tight);
		text-indent: 0;
	}
}