/*===============================================================================
***共通
================================================================================*/
.arc-text__post{
	--icon-width: 1.25rem;
	position: relative;
	padding: 1.75rem calc( var(--icon-width) * 2 ) 1.75rem 0;
	border-bottom: 1px solid var(--c-gray);
}
.arc-text__content{
	display: flex;
	gap: .5rem var(--g-sec--xs);
	flex-direction: column;
}
@media (min-width: 768px){
	.arc-text__content{
		flex-direction: row;
		align-items: center;
	}
}
.arc-text__meta{
	display: flex;
	gap: 1.25rem;
	align-items: center;
	min-width: fit-content;
	font-weight: var(--fw-lg);
}
.arc-text__label{
	min-width: fit-content;
	padding: .125rem 1rem;
	text-align: center;
	background: var(--c-light);
	border: 2px solid var(--c-main);
	border-radius: var(--bd-r--xs);
	overflow: hidden;
	font-size: clamp(1rem, 0.821rem + 0.48vw, 1.25rem);
	color: var(--c-main);
}
.arc-text__time{
	letter-spacing: .04em;
	font-size: clamp(1.25rem, 1.071rem + 0.48vw, 1.5rem);
	opacity: .5;
}
.arc-text__title a{
	color: var(--c-dark);
	transition: var(--ani-t--normal) ease-out;
}
.arc-text__title a:is(:hover, :focus){
	opacity: .7;
}
.arc-text__arrow{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0%, -50%);
	z-index: 1;
	content: "";
	width: var(--icon-width);
	color: var(--c-main);
}

/*===============================================================================
***フロント
================================================================================*/
.home .arc-text__post{
	border: 0;
}
.home .arc-text__meta{
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.home .arc-text__label{
	border: 0;
	background: #E96969;
	color: var(--c-light);
}
.home .arc-text__time{
	color: var(--c-dark);
	opacity: 1;
}