.news__inner {
	max-width: var(--width-sm);
	margin-inline: auto;
}

/* 記事一覧ページ */
.arc-newsList {
	--count: 1;
	--gap: 1.75rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gap);
	max-width: 75rem;
	margin-inline: auto;
}
@media (min-width: 768px) {
	.arc-newsList {
		--count: 4;
		--gap: 1.25rem;
		row-gap: 3.5rem;
	}
}
/* 記事 トップページ指定 */
.top-news .arc-newsList {
	--count: 1;
	--gap: 1.75rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gap);
	max-width: 60rem;
	margin-inline: auto;
}
@media (min-width: 600px) {
	.top-news .arc-newsList {
		--count: 3;
	} 
}

/* 記事 */
.arc-newsList__item {
	width: calc((100% - var(--gap) * (var(--count) - 1)) / var(--count));
}
/* サムネとコンテンツ */
.arc-newsList__container,
.top-news .arc-newsList__container {
	display: flex;
	align-items: center;
	gap: clamp(1rem, .76vw + .81rem, 1.5rem);
}
@media (min-width: 768px) {
	.arc-newsList__container {
		flex-direction: column;
		align-items: unset;
	}
}
@media (min-width: 600px) {
	.top-news .arc-newsList__container {
		flex-direction: column;
		align-items: unset;
	}
}
/* サムネ */
.arc-newsList__thumbnail,
.top-news .arc-newsList__thumbnail {
	max-width: 19%;
	min-width: 5rem;
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.arc-newsList__thumbnail {
		max-width: 18.75rem;
	}
}
@media (min-width: 600px) {
	.top-news .arc-newsList__thumbnail {
		max-width: 18.75rem;
	}
}
.arc-newsList__thumbnail img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: 50% 50%;
}
/* 日付とラベルflex */
.arc-newsList__date-label__flex {
	display: flex;
	gap: clamp(.75rem, .76vw + .56rem, 1.25rem);
	align-items: center;
	line-height: normal;
	margin-bottom: clamp(.5rem, .76vw + .31rem, 1rem);
}
/* 日付 */
.arc-newsList__date {
	color: var(--c-main);
	font-size: clamp(.75rem, .76vw + .56rem, 1.25rem);
	font-family: var(--ff-m);
	font-weight: var(--fw-md);
	line-height: unset;
	margin: unset;
}
/* ラベル */
.arc-newsList__label {
	display: inline-block;
	padding: 0 clamp(.5rem, .38vw + .41rem, .75rem);
	text-align: center;
	border: 1px solid var(--c-main);
	border-radius: 2px;
	color: var(--c-main);
	font-size: clamp(.75rem, .76vw + .56rem, 1.25rem);
	font-family: var(--ff-m);
	font-weight: var(--fw-md);
}
/* 記事タイトル */
.arc-newsList__title {
	font-size: clamp(1rem, .38vw + .91rem, 1.25rem);
	color: var(--c-main--light);
	background: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
	line-height: var(--lh-md) !important;
}


/*===============================================================================
記事詳細ページ
================================================================================*/
.single-post :is(h1, h2, h3, h4, h5, h6){
	line-height: var(--lh-md);
	font-family: var(--ff-m);
}
.single-post__meta{
	display: flex;
	gap: .8em;
	align-items: center;
	font-size: 1.25rem;
	color: var(--c-main);
	font-family: var(--ff-m);
}
.single-post__line{
	width: 1px;
	height: 1em;
	margin-bottom: .25rem;
	background: var(--c-main);
}
.single-post__title, 
.single-post__thumbnail{
	margin-bottom: var(--g-sec--xs);
}
.single-post__content h2{
	padding-top: 0;
	padding-bottom: 1rem;
	border-top: 0;
	border-bottom: 4px solid;
	border-image: var(--c-gradient--btn) 4;
}
.single-post__content h3{
	padding-bottom: 0;
	padding-left: 1.25rem;
	border-bottom: 0
}
.single-post__content h3::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: .25rem;
	height: calc( 1em * var(--lh-md) );
	background: var(--c-main);
}
.single-post__content h3::after{
	content: none;
}