@charset "UTF-8";

.c-guide-wrapper {
	background: #5b5b5b;
	color: #fff;
}

.c-guide {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.c-guide__headline {
	border-bottom: 1px solid #fff;
	color: #fff;
	text-align: center;
	padding-block: 1em;
}

@media screen and (max-width: 767px) {
	.c-guide-wrapper {
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
		padding: 1rem;
	}

	.c-guide__headline {
		font-size: 1.25rem;
	}
}

@media screen and (min-width: 768px) {
	.c-guide-wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 2rem;
		padding: 4rem calc((100% - 960px) / 2);
	}

	.c-guide__headline {
		font-size: 1.5rem;
	}
}