.to-top-wrapper {
	background-color: transparent;
	width: 100%;
	position: sticky;
	z-index: 2;
	bottom: 0;
	display: flex;
	margin-top: -60px;

}
.to-top-box {
	width: min(100%, var(--container-width));
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}
.to-top {
	display: block;
	width: 60px;
	height: 60px;
}

footer {
	background-color: var(--color-dark-gray);
	color: #ffffff;
	width: 100%;
	padding: 84px 0;
	& .footer-inner {
		width: 100%;
		max-width: var(--container-width);
		margin: 0 auto;
		padding: 0 25px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		position: relative;
	}
	@media screen and (max-width: 820px) {
		padding: calc(100 / var(--calc)) 0 calc(60 / var(--calc));
	}
}
.footer-logo {
	width: 192px;
}
.footer-address {
	width: max-content;
	margin-left: 46px;
	@media screen and (max-width: 1280px) {
		margin-left: min((46 / 1980 * 100vw), 46px);
	}
	& .address-list {
		margin: 20px 0 0;
		color: #ffffff;
		font-size: var(--14px);
		line-height: 1.857;
		@media screen and (max-width: 820px) {
			margin-top: calc(38 / var(--calc));
			display: flex;
			flex-wrap: wrap;
			line-height: 1.46;
			& li {
				width: 100%;
				word-break: keep-all;
				white-space: nowrap;
				&:nth-last-child(1),
				&:nth-last-child(2) {
					width: max-content;
				}
				&:nth-last-child(2) {
					margin-right: 1em;
				}
			}
		}
	}
}
@media screen and (max-width: 820px) {
	.footer-nav {
		width: 100%;
	}
}
.footer-tel {
	margin-left: 96px;
	width: 515px;
	height: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background-color: var(--color-green);
	color: #ffffff;
	@media screen and (max-width: 1280px) {
		margin-left: min((96 / 1980 * 100vw), 96px);
	}
}
.footer-tel-title {
	font-size: var(--20px);
	font-weight: 500;
}
.footer-ig-wrapper.view-pc {
	position: absolute;
	inset: auto 0 0 auto;
}

/* animation */
.to-top-wrapper {
	&.fv-50 {
		opacity: 0;
		visibility: hidden;
		transition: opacity var(--transition-timing) ease, visibility var(--transition-timing) ease;
	}
	&.fv-50.go-anim {
		opacity: 1;
		visibility: visible;
	}
}