@charset "utf-8";
/*
************************************************************************
 フッター
************************************************************************
*/
#footer-contents
{
	border-top:1px solid var(--body-border-color);
}
#footer-contents .footer-navi
{
	display: flex;
}
#footer-contents .footer-navi > .brand
{
	width:25%;
	flex:0 0 25%;
}
#footer-contents .footer-navi > .service-menu
{
	width:25%;
	flex:0 0 25%;
}
#footer-contents .footer-navi > .static-menu
{
	width:25%;
	flex:0 0 25%;
}
#footer-contents .footer-navi > .profile
{
	width:25%;
	flex:0 0 25%;
}
#footer-contents .footer-navi > .brand > h2 img
{
	height:4em;
	width:auto;
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	#footer-contents .footer-navi
	{
		flex-wrap: wrap;
	}
	#footer-contents .footer-navi > .brand
	{
		width:100%;
		flex:0 0 100%;
	}
	#footer-contents .footer-navi > .brand > h2
	{
		text-align: center;
		margin-bottom: 2.0em;
	}
	#footer-contents .footer-navi > .service-menu
	{
		width:50%;
		flex:0 0 50%;
		margin-bottom: 1.0em;
	}
	#footer-contents .footer-navi > .static-menu
	{
		width:50%;
		flex:0 0 50%;
		margin-bottom: 1.0em;
	}
	#footer-contents .footer-navi > .profile
	{
		width:50%;
		flex:0 0 50%;
		margin-bottom: 1.0em;
	}
}