.service-indications {
	background: var(--surface-light);
	color: var(--color-off-black);
}

.service-indications__inner {
	display: grid;
	gap: clamp(var(--spacing-32), 4vw, 64px);
}

.service-indications__head {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(280px, 7fr);
	gap: clamp(var(--spacing-24), 5vw, 96px);
	align-items: end;
}

.service-indications__title {
	max-width: 720px;
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(var(--font-size-heading), 3.2vw, var(--font-size-display));
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
	letter-spacing: -0.035em;
	color: var(--color-off-black);
}

.service-indications__lead {
	max-width: 760px;
	margin: 0;
	font-size: clamp(var(--font-size-base), 1.45vw, var(--font-size-lg));
	line-height: var(--line-height-body);
	color: var(--color-gray);
}

.service-indications__columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(64px, 6vw, 96px);
	margin-inline: auto;
}

.service-indications__column {
	min-width: 0;
}

.service-indications__column-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(var(--font-size-xl), 2.2vw, var(--font-size-heading));
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-heading);
	letter-spacing: -0.02em;
	color: var(--color-success);
}

.service-indications__column--caution .service-indications__column-title {
	color: var(--color-gray);
}

.service-indications__list {
	display: grid;
	gap: var(--spacing-14);
	margin: clamp(var(--spacing-24), 3vw, 48px) 0 0;
	padding: 0;
	list-style: none;
}

.service-indications__list li {
	display: grid;
	grid-template-columns: clamp(var(--spacing-32), 3vw, var(--font-size-display)) minmax(0, 1fr);
	gap: var(--spacing-10);
	align-items: start;
	margin: 0;
	font-size: clamp(var(--font-size-base), 1.35vw, var(--font-size-md));
	line-height: var(--line-height-body);
	color: var(--color-off-black);
}

.service-indications__bullet {
	display: block;
	width: 100%;
	height: var(--spacing-32);
	margin-top: 0;
	font-size: clamp(var(--font-size-heading), 3vw, var(--font-size-display));
	line-height: var(--spacing-32);
	color: var(--color-success);
}

.service-indications__bullet::before {
	display: block;
	line-height: inherit;
}

.service-indications__column--caution .service-indications__bullet {
	color: var(--color-gray);
}

@media (min-width: 761px) {
	.service-indications__bullet {
		transform: translateY(calc(var(--spacing-5) * -1));
	}
}

.service-indications__note {
	display: grid;
	grid-template-columns: var(--spacing-24) minmax(0, 760px);
	gap: var(--spacing-15);
	align-items: start;
	justify-content: end;
	padding-top: var(--spacing-10);
	color: var(--color-gray-dark);
}

.service-indications__note > span {
	margin-top: 2px;
	font-size: var(--font-size-xl);
	line-height: 1;
	color: var(--color-blue);
}

.service-indications__note p {
	margin: 0;
	font-size: var(--font-size-sm);
	line-height: var(--line-height-body);
}

@media (max-width: 760px) {
	.service-indications__head,
	.service-indications__columns {
		grid-template-columns: 1fr;
	}

	.service-indications__head {
		align-items: start;
	}

	.service-indications__columns {
		gap: clamp(48px, 12vw, 72px);
	}

	.service-indications__note {
		justify-content: start;
	}
}

@media (max-width: 680px) {
	.service-indications__inner {
		padding-left: max(var(--spacing-20), env(safe-area-inset-left));
		padding-right: max(var(--spacing-20), env(safe-area-inset-right));
	}
}

@media (max-width: 560px) {

	.service-indications__columns {
		gap: var(--spacing-34);
	}

	.service-indications__list {
		gap: var(--spacing-10);
		margin-top: var(--spacing-20);
	}

	.service-indications__list li {
		grid-template-columns: var(--spacing-24) minmax(0, 1fr);
	}

	.service-indications__note {
		gap: var(--spacing-10);
	}
}
