@charset "UTF-8";

/* フッター */
.footer {
	position: relative;
	padding: 75px 0 25px;
	background: #353a32;
	color: #eeeade;
	border-radius: 100px 0 0 0;
}

.footer-main {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 70px;
	padding-bottom: 55px;
}

.footer .site {
	margin-bottom: 25px;
}

.footer .site-logo {
	width: 270px;
}

.footer-brand>p {
	color: #c5c6b9;
	font-size: clamp(13px,1.4vw,14px);
	line-height: 2;
}

.footer-phone {
	display: inline-block;
	margin: 10px 0 5px;
	font-family: var(--font-mincho);
	font-size: 25px;
	letter-spacing: .06em;
}

.footer a:hover {
	color: #dfc99a;
}

.footer-nav {
	align-self: center;
}

.footer-nav ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 22px 30px;
}

.footer-nav a {
	display: inline-block;
	padding: 3px 0;
	font-family: var(--font-mincho);
	font-size: clamp(13px,1.4vw,14px);
	letter-spacing: .08em;
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding-top: 25px;
	border-top: 1px solid #73766766;
}

.footer-bottom p {
	font-family: var(--font-mincho);
	font-size: var(--text-small);
	letter-spacing: .12em;
}

.footer-bottom small {
	color: #babdad;
	font-size: var(--text-small);
}

@media only screen and (max-width: 767px) {
	.footer {
		padding-top: 55px;
		border-top-left-radius: 55px;
	}

	.footer-main {
		grid-template-columns: 1fr;
		gap: 30px;
		padding-bottom: 35px;
	}

	.footer .site-logo {
		width: 250px;
	}

	.footer-nav ul {
		gap: 15px 20px;
	}

	.footer-nav a {
		font-size: var(--text-body);
	}

	.footer-bottom {
		display: grid;
		gap: 14px;
	}

	.footer-bottom p {
		font-size: var(--text-small);
	}
}