@charset "utf-8";
#Voices .border .border-style {
	width: 28.625rem;
}
#Voices .coment-txt {
	line-height: 2.2rem;
}
.litle-ttl {
	font-weight: 500;
	margin-top: 2.5rem;
}
/***********************************************************************/
/*top.center.underの上に余白指定とスペースを均等に*/
#Voices .coment .coment-inline {
	margin: 3.75rem 0;
	display: flex;
	justify-content: space-between;
	gap: clamp(1rem, 0.1761rem + 3.3803vw, 2.5rem);
}
/*coment-boxの幅と内の画像幅と文字の下にボーダーを指定*/
#Voices .coment .coment-box {
	width: clamp(22.8125rem, -9.6816rem + 62.2642vw, 33.125rem);
	padding: clamp(1.5625rem, 1.0577rem + 1.9231vw, 2.5rem) clamp(1.5625rem, 1.0577rem + 1.9231vw, 2.5rem) 3.2rem;
	border: solid #d2a730 1px;
	position: relative;
	font-weight: 500;
}
#Voices .coment .coment-box-img {
	margin-bottom: 0.8rem;
}
#Voices .coment .coment-box .coment-txt {
	display: inline-block;
	line-height: clamp(2rem, 1.8283rem + 0.7042vw, 2.3125rem);
	text-decoration: underline;
	text-decoration-color: #d2a730;
	text-decoration-style: dotted;
	text-underline-offset: 5px;
	-webkit-text-underline-offset: 5px;
}
#Voices .coment-box {
	background-color: white;
}
/*真ん中のcoment-box背景色・mask-nameの背景色と傾き*/
#Voices .coment-center .coment-box {
	background-color: #fff4d5;
}
#Voices .coment-center .masking-tape-t .mask-name {
	background: #bbffdb;
	transform: rotate(-10.17deg);
	right: -2.5rem;
	bottom: clamp(0.9375rem, 0.4225rem + 2.1127vw, 1.875rem);
	z-index: 998;
}
#Voices .coment-center .masking-tape-y .mask-name {
	background: #bbedff;
	transform: rotate(0deg);
}
#Voices .coment-under .masking-tape-t .mask-name {
	background: #bbedff;
	transform: rotate(2.83deg);
}
#Voices .coment-under .masking-tape-y .mask-name {
	background: #b2ff8b;
	transform: rotate(-2.83deg);
}
@media screen and (max-width: 834px) {
	#Voices .litle-ttl {
		margin-top: clamp(0.75rem, -1.0254rem + 6.7633vw, 2.5rem);
		font-size: clamp(0.875rem, 0.7482rem + 0.4831vw, 1rem);
		line-height: clamp(1.8rem, 1.3942rem + 1.5459vw, 2.2rem);
	}
	#Voices .border .border-style {
		width: calc(100% - clamp(5rem, 3.4783rem + 5.7971vw, 6.5rem));
	}
	#Voices .coment .coment-inline {
		margin-top: clamp(1.25rem, -1.2862rem + 9.6618vw, 3.75rem);
		flex-direction: column;
		gap: clamp(1.25rem, -1.2862rem + 9.6618vw, 3.75rem);
	}
	#Voices .coment .coment-box {
		width: 100%;
	}
	#Voices .coment .coment-box .coment-txt {
		font-size: clamp(0.875rem, 0.7482rem + 0.4831vw, 1rem);
	}
	#Voices .coment-center .masking-tape-t .mask-name {
		right: clamp(-1.5rem, -1.8043rem + 1.1594vw, -1.2rem);
		bottom: 1.75rem;
	}
}