/*
======================================
footer section
======================================
*/
.footer,
.footer * {
	box-sizing: border-box;
}

.footer {
	background: var(--gray-bg, #f3f3f3);
	font-family: var(--main-font-family);
	width: 100%;
}

.footer__inner {
	align-items: center;
	display: flex;
	gap: 48px;
	margin: 0 auto;
	max-width: none;
	padding: 64px 40px 64px;
	width: 100%;
	max-width: 1120px;
}

.footer__logo {
	display: inline-flex;
	flex-shrink: 0;
	text-decoration: none;
}

.footer__logo-image {
	display: block;
	height: 85px;
	width: 106px;
}

.footer__nav {
	display: flex;
	flex: 1;
	justify-content: center;
}

.footer__list {
	align-items: center;
	display: flex;
	gap: 49px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer__item {
	margin: 0;
}

.footer__link {
	align-items: center;
	color: var(--blue-header, #2e4580);
	display: inline-flex;
	font-size: 14px;
	font-weight: var(--font-weight-medium);
	gap: 18px;
	letter-spacing: 0.02em;
	line-height: 1.6;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.footer__link:hover {
	opacity: 0.7;
}

.footer__link::after {
	background-image: url("../images/arrow_right.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 8px;
	width: 9px;
}

/*
======================================
footer - SP (max-width: 599px)
======================================
*/
@media screen and (max-width: 599px) {
	.footer__inner {
		align-items: center;
		flex-direction: column;
		gap: 25px;
		justify-content: center;
		padding: 24px 20px 60px;
	}

	.footer__logo-image {
		height: 65px;
		width: 81px;
	}

	.footer__nav {
		width: 100%;
	}

	.footer__list {
		gap: 16px;
        flex-wrap: wrap;
	}
}