/***********************
************************

News page

************************
************************/



/* ===================================
news
=================================== */ 

#news{
	margin-top: 120px;
}
#news article+article{
	margin-top: 60px;
}
.date,
.category {
	font-family: var(--font-family--en);
	font-weight: 300;
}
.title {
	font-size: 1.8em;
	font-weight: 500;
	line-height: 1.5;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	margin-top: 1rem;
}
.date{
	margin-right: 1rem;
}
.category {
	display: inline-block;
	font-size: .8em;
	padding: 0 1rem;
	border: .5px solid var(--text-color);
}

/* ===================================
news article
=================================== */ 
.news-wrap{
	max-width: 786px;
	margin-top: 90px;
}
.news-head .title{
	text-decoration: none;
}
.news-body{
	margin-top: 60px;
}
.news-body p+p{
	margin-top: 1.25em;
}
.news-body-img.yoko{
	width: 65%;
	margin: 3em 0;
}
.news-body-img.tate{
	width: 50%;
	margin: 3em 0;
}





/* **********************************************************
**********************************************************

responsive

**********************************************************
********************************************************** */

/* タブレット */
@media screen and (max-width: 769px){

	.news-body-img.yoko,
	.news-body-img.tate{
		width: 100%;
	}

}