// .footer {}

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

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

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

.footer-bottom {
	border-top: 1px solid $co-gray-70;
	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;
	}
}