@charset "UTF-8";

.recnav {
	padding: 85px 0;
	background: var(--c-red);
}

.recnav_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	line-height: 1.3;
}

.recnav_item {
	border-radius: 10px;
	background: var(--c-white);
}

.recnav_item_link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
	position: relative;
	min-height: 230px;
	text-align: center;
}

.recnav_item_link::after {
	content: "\e901";
	position: absolute;
	top: 50%;
	right: 24px;
	margin-top: -0.5em;
	color: var(--c-red);
	font-size: 40px;
	line-height: 1;
	font-family: icomoon;
	transition: transform 0.3s;
}

.recnav_item_link:hover::after {
	transform: translateX(5px);
}

.recnav_item_en {
	color: var(--c-red);
}

.recnav_item_ttl {
	font-size: min(35px, 2.8vw);
}

@media screen and (max-width: 1239.98px) {
}

@media screen and (max-width: 767.98px) {
	.recnav {
		padding: 50px 0;
	}

	.recnav_list {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.recnav_item {
	}

	.recnav_item_link {
		gap: 6px;
		min-height: 120px;
	}

	.recnav_item_link::after {
		right: 20px;
		font-size: 25px;
	}

	.recnav_item_link:hover::after {
	}

	.recnav_item_en {
		font-size: 15px;
	}

	.recnav_item_ttl {
		font-size: 20px;
	}
}