.page-voice {
	padding: 0 100px 140px 100px;
	@media (max-width: 1023px) {
		padding: 0 20px 50px 20px;
	}
}

.page-voice .card {
	margin-bottom: 20px;
	padding: 50px;
	display: flex;
	gap: 40px;
	border-radius: 50px;
	background: var(--color-gray);
	@media (max-width: 1023px) {
		flex-direction: column;
	}
	@media (max-width: 767px) {
		padding: 30px;
		border-radius: 30px;
	}
}

.page-voice .card .image {
	width: 300px;
	text-align: center;
	@media (max-width: 1023px) {
		width: 100%;
	}
}

.page-voice .card .image img {
	margin-bottom: 30px;
	font-weight: 600;
}

.page-voice .card .image h2 {
	font-size: 1.5rem;
}

.page-voice .card .image h2 span {
	display: block;
	font-size: 1rem;
}

.page-voice .card .text {
	flex: 1;
}

.page-voice .card .text h3 {
	text-align: center;
	font-size: 1.6875rem;
	font-weight: 600;
	color: var(--color-primary);
	@media (max-width: 767px) {
		font-size: 1.25rem;
	}
}

.page-voice .card .text p {
	margin-block: 30px;
}

.page-voice .card .text .data {
	display: flex;
	align-items: stretch;
	border-radius: 10px;
	background: var(--color-white);
	overflow: hidden;
	@media (max-width: 767px) {
		flex-direction: column;
	}
}

.page-voice .card .text .data .dataHeader {
	width: 100px;
	min-height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--font-l-text);
	font-weight: 600;
	color: var(--color-white);
	background: #999;
	@media (max-width: 767px) {
		width: 100%;
		height: 40px;
	}
}

.page-voice .card .text .data .dataBody {
	padding: 10px 30px;
	flex: 1;
	font-size: 1.0625rem;
}