.footer {
	position: relative;
	color: $co-base-1;

	&-bg {
		position: absolute;
		inset: 0;
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}

		&:after {
			content: '';
			position: absolute;
			inset: 0;
			background-color: rgba($text-color, 0.9);
		}
	}

	> .container {
		position: relative;
		z-index: 3;
	}
}

.footer-top {
	padding: $sp-lg-3 0 $sp-lg-1;

	> .row {
		row-gap: $sp-6;
	}
}

// .footer-title {} // see menu-footer type columns

.footer-social {
	margin-left: -$sp-2;
	padding-left: $sp-5;
}

.footer-bottom {
	border-top: 1px solid rgba($co-base-1, 0.1);
	padding: $sp-6 0;
	display: flex;
	flex-direction: column;
	gap: $sp-3 $sp-5;
}

@include mediaQ(smMax) {
	.footer {
		text-align: center;
		.list-ico > li {
			padding-left: 0;
			> .ico {
				position: static;
			}
		}

		.menu {
			li {
				padding-left: 0;
				&:after { display: none;}
			}
		}
	}
}

@include mediaQ(sm) {
	.footer-bottom {
		flex-direction: row;
		justify-content: space-between;
	}
}