@charset "UTF-8";
/*------------------------*/

/*フッター*/

/*-----------------------*/
/* =============================
基礎 */
#footer {
	width: 100%;
	background-color: var(--color-main-soft);
}
.footer__inner {
	padding-top: var(--section-inner-gutter);

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 3.5em var(--gutter-var-md);
}
.footer__desc {
	flex-grow: 1;
	width: max(
		calc(330rem / 16),
		calc(100% - calc(400rem / 16) - var(--gutter-var-md))
	);
	max-width: 100%;
}
#sitemap {
	width: calc(400rem / 16);
	max-width: 100%;
}
@media (max-width: 559px) {
	.footer__inner {
		flex-direction: column;
		gap: 3em var(--gutter-var-md);
	}
}


/* ================================

お問い合わせ

================================ */
.contact__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#contact .button {
	margin-top: var(--gutter-md);
}
.contact__tel {
	font-family: var(--number);
	font-weight: bold;
	line-height: 1.25;
	color: var(--color-main-very-thin);
	text-align: center;

	margin-top: var(--gutter-reg);
}
.contact__tel .unit {
	font-size: var(--txt-xxl);
}
.contact__tel .number {
	font-size: var(--txt-7xl);
}
.contact__time {
	font-size: var(--txt-sm);
	color: var(--color-main-very-thin);
	text-align: center;
}
/* =============================
ロゴ */
#footer-logo {
	width: 165px;
	max-width: 100%;
}
#footer-logo svg {
	width: 100%;
	height: auto;
}
/* =============================
住所 / 許可 */
.footer__addr {
	margin-top: 3em;
}
.footer__addr,
.footer__license {
	font-size: var(--txt-sm);
	line-height: 1.5;
	color: var(--color-main-thin);
}
/* =============================
サイトマップ */
#sitemap {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 2em var(--gutter-var-reg);

	max-height: calc(calc(var(--txt-xs) * 3) + calc(2em * 2));
}
@media (max-width: 559px) {
	#sitemap {
		max-height: none;
		flex-direction: column;
		gap: 1.5em var(--gutter-var-reg);
	}
}
.sitemap__item a {
	font-family: var(--baseFonts);
	font-size: var(--txt-xs);
	line-height: 1;
	color: var(--color-main-thin);

	display: flex;
	align-items: center;
	column-gap: 0.3em;
}
.sitemap__item svg {
	width: 0.8em;
	height: auto;
	stroke: var(--color-main-thin);
	margin-top: -0.15em;
}
@media(any-hover: hover) {
	.sitemap__item a {
		transition: color .2s var(--easeInOutCirc);
	}
	.sitemap__item a:hover {
		color: var(--color-main-very-thin);
	}
}
/* =============================
コピーライト */
#copyright {
	width: 100%;
	font-size: var(--txt-xxs);
	color: var(--color-main-thin);
	text-align: left;

	margin-top: var(--section-inner-gutter);
	margin-bottom: var(--gutter-lg);
}
@media (max-width: 559px) {
	#copyright {
		margin-top: 3em;
		margin-bottom: 1.5em;
	}
}