.arc-case{
	margin-bottom: var(--g-sec--md);
}
.arc-case__message{
	max-width: 25rem;
	margin-inline: auto;
	margin-bottom: var(--g-sec--md);
	text-align: center;
	line-height: var(--lh-xl);
}
.arc-case__bgArea{
	position: relative;
	padding: var(--g-sec--lg) 0 0;
}
.arc-case__bgi{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	width: 100vw;
}
.arc-case__bgi img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.arc-case__title{
	margin-bottom: var(--g-sec--sm);
}
.arc-case__list{
	--count: 1;
	--gap: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--g-sec--sm) var(--gap);
}
@media (min-width: 600px){
	.arc-case__list{
		--count: 2;
	}
}
@media (min-width: 960px){
	.arc-case__list{
		--count: 3;
	}
}

.arc-case__item{
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.arc-case__link{
	display: block;
	width: 100%;
	color: var(--c-dark);
}
.arc-case__thumbnail{
	width: 100%;
	margin-bottom: 1.5rem;
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
.arc-case__thumbnail img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.arc-case__secondaryTitle{
	margin-bottom: 1rem;
	font-weight: var(--fw-lg);
}
.arc-case__excerpt{
	margin-bottom: 1.25rem;
}
.arc-case__labels{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .625rem;
}
.arc-case__label{
	padding: 0 1em;
	border: 1px solid var(--c-dark);
	border-radius: var(--bd-r--xs);
	overflow: hidden;
	color: var(--c-dark);
	background: var(--c-light);
	font-weight: var(--fw-lg);
	font-size: .75rem;
}