@charset "UTF-8";

/* ================================================================================
footer
================================================================================ */
@media print, screen
{

footer
{
	padding-top: 0 !important;
	background-color: var(--Cblue1);
}
footer > .inner
{
	max-width: var(--pageW);

	padding: 60px var(--pageP) 40px;
	margin: 0 auto;
}

footer .boxArea_1
{
	display: flex;	justify-content: space-between;
	margin: 0 0 40px;
}

footer .boxArea_1 ul
{
	display: flex;	flex-direction: column;
	gap: 20px;
}
footer .boxArea_1 li a
{
	display: inline-block;
	width: fit-content;
}

footer .boxArea_1 li p,
footer .boxArea_2 li p,
footer .boxArea_2 .copy
{
	color: white;
	font-family: var(--FF);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

footer .boxArea_2
{
	display: flex;	flex-direction: row-reverse;	justify-content: space-between;
}
footer .boxArea_2 ul
{
	display: flex;	justify-content: end;
	gap: 40px;
}

footer li a
{
	text-decoration: none !important;
	transition: 0.3s ease-in-out 0s;
}
footer li a:hover
{	opacity: 0.7;	}

}
@media screen and (max-width: 767px)
{

footer > .inner{	padding: calc(50 * var(--v)) var(--pageP);	}
footer .boxArea_1
{
	flex-wrap: wrap;
	gap: calc(50 * var(--v)) calc(30 * var(--v));
	margin: 0 0 calc(50 * var(--v));
}
footer .boxArea_1 ul
{
	width: calc((100% - 30 * var(--v))/2);
	gap: calc(20 * var(--v));
}

footer .boxArea_1 li p,
footer .boxArea_2 li p,
footer .boxArea_2 .copy
{	font-size: calc(24 * var(--v));	}

footer .boxArea_2{	display: block;	}
footer .boxArea_2 ul
{
	flex-direction: column;
	gap: calc(20 * var(--v));
	margin: 0 0 calc(40 * var(--v));
}

}

/* ======================================== end ======================================== */