/* foot */


.foot {
 	width: calc(100% - 0rem);
 	height: calc(2.5rem - 0rem);
	margin: 0 auto;
 	display: flex;
 	align-items: center;
 	background-color: var(--bg-foot);
}

.foot_container {
	width: calc(100% - 6.25rem);
	max-width: calc(75rem - 6.25rem);
	height: calc(100% - 0rem);
  	margin: 0 auto;
  	padding: 0 3.125rem;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}


/* foot: top */
.foot_top {}

.foot_top ul {
	display: flex;
  	flex-direction: row;
  	align-items: center;
}

.foot_top ul li {
	margin: 0 0.5rem;
	display: flex;
	align-items: center;
	color: var(--foot-text);
	font-size: 0.75em;
	font-weight: 400;
	line-height: 1;
	white-space: nowrap;
}

.foot_top ul li a {
	color: var(--foot-link);
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
}

.foot_top ul li a:hover {
	color: var(--foot-link-hover);
}


@media only screen and (max-width: 1024px) {


	/* foot */
	.foot_container {
		width: calc(100% - 5rem);
		max-width: calc(100% - 5rem);
		padding: 0 2.5rem;
	}


}


@media only screen and (max-width: 768px) {


	/* foot */
	.foot_container {
		width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 0 1.25rem;
	}

	.foot_top ul li {
        margin: 0 0.375rem;
    }


}


/* foot */