@import
	url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Oswald:wght@700&display=swap')
	;

html, body {
	margin: 0;
	font-family: 'Noto Sans JP', sans-serif;
}

.news_box form:not(:first-child) {
	border-top: 1px solid #222;
}

.news_box form {
	position: relative;
}

.news_box form:first-child .news {
	padding-top: 0
}

.news_box form:last-child .news {
	padding-bottom: 0
}

.news {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 16px;
	padding: 8px;
	gap: 24px
}

html.is-sp .news {
	gap: 4px;
	flex-direction: column;
	align-items: flex-start;
	padding-right: 21px
}

html.is-sp .news:after {
	position: absolute;
	right: 0;
	top: 50%
}

.news:hover {
	opacity: 0.7;
}

.news:after {
	content: "";
	width: 12px;
	height: 7px;
	background: #09A569;
	mask-image:
		url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
	mask-size: cover;
	mask-repeat: no-repeat;
	mask-position: center;
	transform: rotate(-90deg);
}

.title {
	flex: 1
}

.title a {
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
}