@charset "UTF-8";

/* --------------------------------------------
FOOTER
--------------------------------------------- */
#footer{
	background-color : transparent;
	&::after{
		top : 0;
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( ( 304 - 80 ) * var( --remBase ) );
		&::before{
			height : calc( 100% - ( 304 * var( --remBase ) ) );
		}
		.company{
			margin-top : calc( 48 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		padding-top : calc( ( 320 - 80 ) * var( --remBase ) );
		&::before{
			top : calc( 64 * var( --remBase ) );
			bottom : inherit;
			height : calc( 240 * var( --remBase ) );
		}
		h4{
			&::before{
				position : absolute;
				bottom : 0;
				left : 0;
				display : block;
				width : 100%;
				height : calc( 100% - ( 536 - 14 ) * var( --remBase ) );
				font-size : 0;
				content : "";
				background-color : #c2e4ea;
			}
		}
		.company{
			margin-top : calc( 40 * var( --remBase ) );
		}
	}
}