@charset "UTF-8";

/* --------------------------------------------
ARTICLES
--------------------------------------------- */
.title-home{
	font-family : "Noto Serif Japanese" , serif;
	font-weight : 700;
	line-height : normal;
	text-align : center;
}
@media screen and ( max-width : 750px ){
	.title-home{
		font-size : 6.4rem;
	}
}
@media print , screen and ( min-width : 750.02px ){
	.title-home{
		font-size : 4.2rem;
	}
}
.lede{
	line-height : normal;
}
@media screen and ( max-width : 750px ){
	.lede{
		margin-top : calc( 16 var( --remBase ) );
		font-size : 3rem;
	}
}
@media print , screen and ( min-width : 750.02px ){
	.lede{
		margin-top : calc( 16 var( --remBase ) );
		font-size : 1.4rem;
		text-align : center;
	}
}
#articles > a{
	display : grid;
	align-items : baseline;
	justify-content : center;
	width : fit-content;
	margin-inline : auto;
	line-height : normal;
}
#articles > a::before{
	display : block;
	font-size : 0;
	content : "";
	background : url( "../images/ui/arrow/double/right.svg" ) center / contain no-repeat;
}
@media screen and ( max-width : 750px ){
	#articles > a{
		grid-template-columns : calc( 14 var( --remBase ) ) auto;
		column-gap : calc( 11 var( --remBase ) );
		margin-top : calc( 32 var( --remBase ) );
		font-size : 2.2rem;
		font-weight : 500;
	}
	#articles > a::before{
		height : calc( 18 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 750.02px ){
	#articles > a{
		grid-template-columns : calc( 8 var( --remBase ) ) auto;
		column-gap : calc( 9.25 var( --remBase ) );
		margin-top : calc( 8 var( --remBase ) );
		font-size : 1.2rem;
	}
	#articles > a::before{
		height : calc( 10 var( --remBase ) );
	}
}
.title01{
	border-top-color : currentColor;
	border-top-style : solid;
	border-top-width : calc( 2 var( --remBase ) );
}
@media screen and ( max-width : 750px ){
	.title01{
		width : calc( 670 var( --viewportBase ) );
		padding-top : calc( 48 var( --remBase ) );
		margin-inline : auto;
		margin-top : calc( 48 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 750.02px ){
	.title01{
		padding-top : calc( 19 var( --remBase ) );
		margin-top : calc( 22 var( --remBase ) );
	}
}