@charset "utf-8";
/* CSS Document */

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

#news {
	margin: 40px 0 80px;
}

#news .news-box .title02 {
	margin-bottom: 24px;
}

#news .news-box .news-list .news-contents {
	padding-bottom: 18px;
	border-bottom: 1px solid #8babdc;
}

#news .news-box .news-list .news-contents + .news-contents {
	margin-top: 22px;
}

#news .news-box .news-list .news-contents time {
	display: block;
	width: 100%;
	letter-spacing: 0.05em;
	line-height: 1.2;
}

#news .news-box .news-list .news-contents p {
    width: 100%;
	max-width: 800px;
	letter-spacing: 0.05em;
	line-height: 1.2;
}


/* ====================================================================================
		pc
==================================================================================== */
@media screen and (min-width: 768px) {

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

	#news {
		margin: 96px 0 318px;
	}

	#news .news-box .title02 {
		margin-bottom: 52px;
	}

	#news .news-box .news-list .news-contents {
		display: flex;
		justify-content: space-between;
		padding-bottom: 22px;
	}

	#news .news-box .news-list .news-contents + .news-contents {
		margin-top: 28px;
	}

	#news .news-box .news-list .news-contents time {
		width: 250px;
	}
	
	#news .news-box .news-list .news-contents p {
		width: calc(100% - 250px);
	}
}