.arc-voice__item:not(:last-of-type){
	margin-bottom: var(--g-sec--xs);
}
.arc-voice__item{
	--count: 1;
	--gap: .5rem;
	--media-width: 100%;
	--body-width: calc( 200% - var(--media-width) );
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	max-width: 30rem;
	margin-inline: auto;
}
@media (min-width: 960px){
	.arc-voice__item{
		--media-width: 65%;
		--count: 2;
		flex-direction: row-reverse;
		max-width: 100%;
	}
}

/*===============================
* 人物
* =================================*/
.arc-voice__person{ 
	position: relative;
	width: calc( ( var(--media-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	padding: var(--g-sec--xs)  11% var(--g-sec--xs) var(--g-sec--xs);
	background: var(--c-light);
	border: 1px solid var(--c-dark);
	border-radius: var(--bd-r--sm);
	overflow: hidden;
}
@media (min-width: 960px){
	.arc-voice__person{ 
		max-width: 25rem;
	}
}
.arc-voice__thumbnail{
	position: absolute;
	bottom: 0;
	right: 1.5rem;
	width: 22%;
}
@media (min-width: 960px){
	.arc-voice__thumbnail{
		width: 28%;
	}
}

/*===============================
* コメント
* =================================*/
.arc-voice__comment{
	--triangle-w: 1.25rem;
	--triangle-h: 2rem;
	--bd-w: 1px;
	--bd-c: var(--c-dark) ;
	--bg-c: var(--c-light) ;
	position: relative;
	width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) );
	margin-bottom: var(--triangle-h);
	padding: 1.5rem 1rem;
	background: var(--c-light);
	border: 1px solid var(--c-dark);
	border-radius: var(--bd-r--sm);
}
@media (min-width: 960px){
	.arc-voice__comment{
		--triangle-w: 2rem;
		--triangle-h: 1.25rem;
		width: calc( ( var(--body-width) - var(--gap) * (var(--count) - 1) ) / var(--count) - var(--triangle-w) );
		margin-bottom: 0;
		margin-left: var(--triangle-w);
	}
}

/*===============================
* 吹き出し：三角部分
* =================================*/
.arc-voice__comment::after,
.arc-voice__comment::before {
	position: absolute;
	right: 50%;
	transform: translate(50%, 0%);
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
}
/* 吹き出しの背景色になる要素 */
.arc-voice__comment::after {
	top: 100%;
	z-index: 1;
	border-width: calc( var(--triangle-h) - var(--bd-w) ) calc( var(--triangle-w) - var(--bd-w) ) 0 calc( var(--triangle-w) - var(--bd-w) );
	border-color: var(--bg-c) transparent transparent transparent;
}
/* 吹き出しの線になる要素 */
.arc-voice__comment::before {
	top: 100%;
	border-width: var(--triangle-h) var(--triangle-w) 0 var(--triangle-w);
	border-color: var(--bd-c) transparent transparent transparent;
}
@media (min-width: 960px){
	.arc-voice__comment::after,
	.arc-voice__comment::before{
		top: 50%;
		transform: translate(0%, -50%);
	}
	/* 吹き出しの背景色になる要素 */
	.arc-voice__comment::after {
		right: 100%;
		border-width: calc( var(--triangle-h) - var(--bd-w) ) calc( var(--triangle-w) - var(--bd-w) ) calc( var(--triangle-h) - var(--bd-w) ) 0;
		border-color: transparent var(--bg-c) transparent transparent;
	}
	/* 吹き出しの線になる要素 */
	.arc-voice__comment::before {
		right: 100%;
		border-width: var(--triangle-h) var(--triangle-w) var(--triangle-h) 0;
		border-color: transparent var(--bd-c) transparent transparent;
	}
}