@charset "UTF-8";

.l-footer {
	border-top: 1px solid var(--color-main);
	padding: 7.1rem 9rem 3.2rem;
}
.l-footer__inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10.7rem;
}
.l-footer__left {
	width: fit-content;
}
.l-footer__right {
	width: fit-content;
}
.l-footer__logo {
	display: block;
	width: 18rem;
	margin-top: 0.9rem;
	margin-bottom: 3rem;
}
.l-footer__address {
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.875;
}
.l-footer__nav {
}
.l-footer__nav-list {
	display: grid;
	/* grid-template-columns: repeat(4, 1fr); */
	column-gap: calc(58 * var(--width-ratio));
	row-gap: 2.2rem;
	grid-template-areas:
		"item01 item05 item07 item11"
		"item02 item06 item12 item08"
		"item03 . item09 ."
		". . item10 .";
}
.l-footer__nav-list li {
	width: fit-content;
}
.l-footer__nav-list li a {
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1;
	color: var(--color-main);
}
.l-footer__nav-list li.item01 {
	grid-area: item01;
}
.l-footer__nav-list li.item02 {
	grid-area: item02;
}
.l-footer__nav-list li.item03 {
	grid-area: item03;
}
.l-footer__nav-list li.item05 {
	grid-area: item05;
}
.l-footer__nav-list li.item06 {
	grid-area: item06;
}
.l-footer__nav-list li.item07 {
	grid-area: item07;
}
.l-footer__nav-list li.item08 {
	grid-area: item08;
}
.l-footer__nav-list li.item09 {
	grid-area: item09;
}
.l-footer__nav-list li.item10 {
	grid-area: item10;
}
.l-footer__nav-list li.item11 {
	grid-area: item11;
}
.l-footer__nav-list li.item12 {
	grid-area: item12;
}

.l-footer__copyright {
	font-family: var(--font-Inter);
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 1.33;
	color: var(--color-main);
}

@media screen and (max-width: 1100px) {
	.l-footer {
		padding: 7.1rem 3rem 3.2rem;
	}
	.l-footer__nav-list {
		grid-template-areas:
			"item01 item05"
			"item02 item06"
			"item03 item11"
			"item07 item12"
			"item08 ."
			"item09 ."
			"item10 .";
	}
}

@media screen and (max-width: 768px) {
	.l-footer {
		padding: calc(43 * var(--width-ratio)) calc(14 * var(--width-ratio)) calc(78 * var(--width-ratio));
	}
	.l-footer__inner {
		flex-direction: column-reverse;
		align-items: flex-start;
		row-gap: calc(63 * var(--width-ratio));
		margin-bottom: calc(63 * var(--width-ratio));
	}
	.l-footer__logo {
		width: calc(180 * var(--width-ratio));
		margin-top: 0;
		margin-bottom: calc(33 * var(--width-ratio));
	}
	.l-footer__address {
		font-size: calc(14 * var(--width-ratio));
	}
	.l-footer__nav-list {
		column-gap: calc(58 * var(--width-ratio));
		row-gap: 2em;
	}
	.l-footer__copyright {
		font-size: calc(12 * var(--width-ratio));
	}
}