@charset "utf-8";

.news {
	font-size: 16px;
	background-color: #f1e0e7;
	padding: 20px 0;
}

.news h2 {
	font-size: 36px;
}

.news ol {
	list-style-type: none;
}

.news time {
	display: inline-block;
	padding: 0.1em 0.5em;
	margin-right: 2em;
	background-color: #dc418c;
	color: #ffffff;
}

.news .body {
	margin: 1rem 2rem;
	font-weight: 700;
}

.news.list .body {
	margin-left: 0;
}

.news.list a {
	width: calc(100% - 40px);
	max-width: 800px;
	margin: 0 auto;
	font-size: 16px;
	display: flex;
	align-items: center;
	font-weight: 700;
	text-decoration: none;
	color: initial;
}

.news.list time {
	display: block;
}

.no-news {
	margin-top: 1rem;
	text-align: center;
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	.news {
		font-size: 1.8vw;
	}
	.news h2 {
		font-size: 4.3vw;
	}
	.news.list a {
		font-size: 2vw;
	}
	.news.list time {
		margin-right: 3.5vw;
	}
	.news.list .body {
		margin: 2vw 1vw 2vw 0;
	}
	.no-news {
		font-size: 2.5vw;
	}
}