@charset "UTF-8";

/* news 共通 */
.news-main {
	padding-inline: var(--content-space_inline--md);
}
.news-main__inner {
	width: 100%;
	max-width: var(--content-width);
	margin-inline: auto;
}
.news__data-wrapper {
	display: flex;
	column-gap: var(--space--xs);
	color: var(--color_sub);
	align-items: center;
}
.news__new-tag {
	height: fit-content;
	padding-inline: var(--space--xs);
	background-color: var(--color_sub);
	font-size: var(--text_note-size);
	color: var(--white);
	border-radius: var(--border-radius--sm);
	line-height: 1.5;
}
.news__title {
	margin-top: var(--space--sm);
	font-weight: bold;
	line-height: 1.6;
	font-size: var(--font-size--2md);
}
.news__main-wrapper {
	margin-top: var(--space--2sm);
}
.news__data-wrapper {
	display: flex;
	column-gap: var(--space--xs);
	color: var(--color_sub);
	align-items: center;
}
.news__new-tag {
	height: fit-content;
	padding-inline: var(--space--xs);
	background-color: var(--color_sub);
	font-size: var(--text_note-size);
	color: var(--white);
	border-radius: var(--border-radius--sm);
	line-height: 1.5;
}
.news__title {
	margin-top: var(--space--sm);
	font-weight: bold;
	line-height: 1.6;
	font-size: var(--font-size--2md);
}
.news__main-wrapper {
	margin-top: var(--space--2sm);
}


/* リスト表示 */
.news__list-link {
	display: flex;
	flex-direction: column;
	padding: var(--space--md) var(--space--xs);
	row-gap: var(--space--xs);
	border-bottom: var(--border-style-default) var(--border-size-default) var(--border-color-default);
}
.news__list-unit:first-child .news__list-link {
	padding-top: 0;
}


/* シングルページ */
.page-title--news {
	margin-top: var(--space--md);
}
.news__footer {
	margin-top: var(--content-gap);
}
@media (min-width: 768px) {
	.page-article--news {
		row-gap: calc(var(--space--sm) * 4);
	}
}


/* front-page */
.top-news-list {
	padding-inline: var(--content-space_inline--lg);
}
.top-news-list__title {
	padding-inline: 1.5rem;
	text-align: right;
	font-size: calc(var(--text_base-size) * 1.75);
	font-weight: normal;
}
.top-news-list__view-more {
	display: flex;
	padding-top: var(--space--sm);
	font-size: var(--text_note-size);
	justify-content: right;
	align-items: center;
	column-gap: var(--space--xs);
}
.top-news-list__view-more-text {
	display: flex;
	column-gap: var(--space--xs);
	align-items: center;
}
.top-news-list__view-more-text::after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 4px;
	background-image: url('../image/common/arrow-brown.svg');
	background-repeat: no-repeat;
	background-size: contain;
}