@charset "UTF-8";

/* --------------------------------------------
WORKS
--------------------------------------------- */
#works{
	@media screen and ( width <= 768px ){
		#pagination{
			margin-top : calc( 96.5 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		#pagination{
			margin-top : calc( 55 * var( --remBase ) );
		}
	}
}

/* --------------------------------------------
NEWS
--------------------------------------------- */
#news{
	@media screen and ( width <= 768px ){
		#pagination{
			margin-top : calc( 402 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		#pagination{
			margin-top : calc( 140 * var( --remBase ) );
		}
		#more{
			margin-top : calc( 16 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 30 / 14 );
			&::after{
				height : calc( 9 * var( --remBase ) );
				margin-top : calc( 10 * var( --remBase ) );
			}
		}
		&::after{
			display : block;
			width : auto;
			height : calc( 186 * var( --remBase ) );
			aspect-ratio : 300 / 112;
			margin-inline : auto;
			margin-top : calc( 80 * var( --remBase ) );
			content : "";
			background : url( "../images/circle.svg" ) center / contain no-repeat;
		}
	}
}