@charset "UTF-8";

section:nth-of-type(n+3) {
	padding-top: 8rem;
}

.menu-title {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	padding-bottom: .8em;
	border-bottom: 1px dashed #000;
}

.grid-container {
	display: grid;
	justify-items: center;
	grid-template-rows: .525fr auto .674fr;
	row-gap: 3rem;
	margin: 3rem auto 0;
	max-inline-size: 480px;
}

.img-arrow {
	inline-size: 40px;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	.img-arrow {
		transform: rotate(90deg);
	}
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {
	section:nth-of-type(n+2) {
		padding-top: 15rem;
	}

	.menu-title {
		font-size: 2.6rem;
		padding-bottom: 2rem;
	}

	.grid-container {
		grid-template-rows: none;
		grid-template-columns: .525fr auto .674fr;
		column-gap: 4%;
		align-items: center;
		margin-top: 2rem;
		max-inline-size: unset;
	}

	.img-arrow {
		inline-size: 60px;
	}
}