@charset "UTF-8";

/* --------------------------------------------
TITLE
--------------------------------------------- */
#title{
	display : grid;
	place-items : center;
	margin-bottom : calc( 18 * var( --remBase ) );
	font-family : "Noto Serif JP" , serif;
	font-weight : 600;
	color : #004bb1;
	background-image : url( "../images/ui/bg/title_pc.avif" );
	background-repeat : no-repeat;
	background-size : cover;
	@media screen and ( width <= 768px ){
		height : calc( 140 * var( --remBase ) );
		font-size : calc( 24 * var( --remBase ) );
		background-position : 0 0;
	}
	@media print , screen and ( width > 768px ){
		height : calc( 210 * var( --remBase ) );
		font-size : calc( 40 * var( --remBase ) );
		background-position : center;
	}
}