@charset "UTF-8";

/*--------------------------------------------
FOOTER
---------------------------------------------*/

#footer{
	background-color : #06385a;
}

#footer a , #footer p{
	color : #fff;
}

#footer ul{
	display : flex;
	flex-wrap : wrap;
}

#footer p{
	line-height : 1.2;
	border-image-source : linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));
	border-image-slice : 0 fill;
	border-image-outset : 0 100vw 0 100vw;
}

@media screen and (max-width: 750px){
	#footer{
		padding-top : calc( 32 * 100vw / 750 );
	}
	#footer ul{
		padding-bottom : calc( 48 * 100vw / 750 );
		row-gap : calc( 30 * 100vw / 750 );
		column-gap : calc( 36 * 100% / 670 );
		padding-left : calc( 10 * 100% / 690 );
		padding-right : calc( 10 * 100% / 690 );
	}
	#footer a{
		font-size : 2.6rem;
	}
	#footer p{
		text-align : center;
		padding-top : calc( ( 40 - 2 ) * 100vw / 750 );
		height : calc( 166 * 100vw / 750 );
		font-size : 2rem;
	}
}

@media print,screen and (min-width: 751px){
	#footer{
		padding-top : 23px;
	}
	#footer ul{
		padding-bottom : 48px;
	}
	#footer ul:before{
		content : "";
		display : block;
		width : 100%;
		order : 2;
		height : 0;
	}
	#footer li{
		margin-right : 40px;
	}
	#footer li:nth-child(-n+7){
		order : 1;
	}
	#footer li:nth-child(n+8){
		order : 3;
		margin-top : 25px;
	}
	#footer a , #footer p{
		font-size : 1.6rem;
	}
	#footer p{
        text-align: right;
	}
	#footer p:first-of-type{
		padding-top : 30px;
        padding-bottom: 10px;
	}
	#footer p:last-of-type{
        padding-bottom: 50px;
	}
}