/*===============================================================================
*** トップページ お知らせ
================================================================================*/
.f-info__post .arc-newsList__item {
	background: var(--c-light);
	padding: clamp(1rem, .38vw + .91rem, 1.25rem) clamp(1rem, 2.29vw + .44rem, 2.5rem);
}
.f-info__post .arc-newsList__item:not(:last-child) {
	margin-bottom: .5rem;
}
.f-info__post .arc-newsList__flex {
	display: flex;
	align-items: center;
	gap: .75rem;
	font-weight: var(--fw-md);
	margin-bottom: clamp(.5rem, .38vw + .41rem, .75rem);
}
.f-info__post .arc-newsList__label {
	font-size: .75rem;
	color: var(--c-light);
	padding: 0 clamp(.5rem, .38vw + .41rem, .75rem);
	background: var(--c-main);
}
.f-info__post .arc-newsList__title a {
	color: var(--c-dark);
}


/*===============================================================================
***アーカイブページ
================================================================================*/
.arc-news{
	max-width: var(--width-sm);
	margin-inline: auto;
}
.arc-news__item:not(:last-of-type){
	margin-bottom: var(--g-sec--xs);
	padding-bottom: var(--g-sec--xs);
	border-bottom: 1px solid var(--c-gray-dark);
}
.arc-news__link{
	--count: 1;
	--gap: 2rem;
	--media-width: 100%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	color: var(--c-dark);
	transition: var(--ani-t--normal) ease-out;
}
.arc-news__link:is(:hover, :focus){
	opacity: .7;
}
@media (min-width: 600px){
	.arc-news__link{
		--media-width: 70%;
		--count: 2;
	}
}

.arc-news__thumbnail{
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) ); 
}

.arc-news__contents{
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.arc-news__meta{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: .75rem;
	line-height: var(--lh-md);
}
.arc-news__label{
	padding: 0 .75rem;
	background: var(--c-main);
	color: var(--c-light);
	font-size: 1rem;
}
.arc-news__title{
	margin-bottom: 1rem;
	line-height: var(--lh-md);
	font-size: 1.25rem;
	font-weight: var(--fw-lg);
}
.arc-news__excerpt{
	font-size: 1rem;
}