@charset "UTF-8";

:root{
	--body : #333;
	--link : #333;
	--primary : #100454;
}

/*--------------------------------------------
NEWS
---------------------------------------------*/

@media screen and (max-width: 999px){
	#column{
		padding-top : calc( 40 * 100vw / 768 );
		padding-bottom : calc( 88 * 100vw / 768 );
	}
}

@media print,screen and (min-width: 1000px){
	#column{
		padding-top : 133px;
		padding-bottom : 97px;
	}
}

#news .list-news li{
	border-bottom-color : #ccc;
}

#news time , #news h3{
	letter-spacing : .1em;
	font-weight : 500;
	font-style : italic;
}

#news a[href$="pdf"] h3{
	display : flex;
}

#news a[href$="pdf"] h3:after{
	content : "";
	display : block;
	background : url("../images/ui/icon/pdf.svg") 0 0 / contain no-repeat;
	flex-shrink : 0;
}

@media screen and (max-width: 999px){
	#news .list-news{
		margin-top : calc( ( 65 - 21 + 1.8 ) * 100vw / 768 );
	}
	#news .list-news li{
		border-bottom-width : calc( 3 * 100vw / 768 );
		border-bottom-style : dotted;
	}
	#news .list-news a{
		padding-top : calc( 32 * 100vw / 768 );
		display : block;
	}
	#news time{
		font-size : 2.6rem;
	}
	#news h3{
		margin-top : calc( ( 27 - 4.5 ) * 100vw / 768 );
		font-size : 3rem;
		line-height : 1.3;
		padding-left : calc( 24 * 100% / 720 );
	}
	#news a:not([href$="pdf"]){
		padding-bottom : calc( ( 35 - 4.5 ) * 100vw / 768 );
	}
	#news a[href$="pdf"]{
		padding-bottom : calc( 29 * 100vw / 768 );
	}
	#news a[href$="pdf"] h3{
		justify-content : space-between;
	}
	#news a[href$="pdf"] h3:after{
		width : calc( 80 * 100% / 696 );
		height : calc( 80 * 100vw / 768 );
		margin-left : calc( 7 * 100% / 696 );
	}
}

@media print,screen and (min-width: 1000px){
	#news h2{
		font-style : italic;
		font-weight : 700;
		color : #100454;
		font-size : 3rem;
	}
	#news .list-news{
		margin-top : calc( 65px - 21px + 1.8px );
	}
	#news .list-news li{
		border-bottom-width : 1px;
		border-bottom-style : solid;
	}
	#news .list-news a{
		display : flex;
		align-items : flex-start;
	}
	#news time{
		flex-shrink : 0;
		font-size : 1.8rem;
		line-height : 1.2;
		width : calc( 238 * 100% / 930 );
		padding-left : calc( 30 * 100% / 930 );
	}
	#news h3{
		font-size : 1.8rem;
		line-height : 1.2;
	}
	#news a:not([href$="pdf"]){
		padding-top : calc( 25px - 1.8px );
		padding-bottom : calc( 25px - 1.8px );
	}
	#news a[href$="pdf"]{
		padding-top : 21px;
		padding-bottom : 11px;
	}
	#news a[href$="pdf"] h3:after{
		width : 40px;
		height : 40px;
		margin-left : 12px;
		margin-top : calc( -11px + 1.8px );
	}
}