@charset "UTF-8";

.voice-wrap {
	display: flex;
	justify-content: space-between;
}
.voice-wrap .voice {
	width: 48%;
	margin-top: 30px;
}
@media(max-width: 500px) {
	.voice-wrap {
		display: block;
	}
	.voice-wrap .voice {
		width: auto;
		margin-top: 20px;
	}
	.voice-wrap .voice:nth-of-type(n+2) {
		border-top: #001446 solid 1px;
		padding-top: 20px;
	}
}
.voice-wrap .voice .inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.voice-wrap .voice .youtube {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.voice-wrap .voice .youtube iframe {
	width: 100%;
	height: 100%;
}
.voice h2 {
	color: #001446;
	background-color: #cad4e7;
	/*border-left: #001446 solid 8px;*/
	padding: 5px 15px;
	font-size: 120%;
	font-weight: 500;
}
.voice-wrap .voice p.lead {
	flex-grow: 1;
	display: flex;
	padding-top: 10px;
}
@media(max-width: 500px) {
	.voice-wrap .voice p.lead {
		padding-top: 6px;
	}
}
.customer-link {
	margin-top: 20px;
}
@media(max-width: 500px) {
	.customer-link {
		margin-left: auto;
		margin-right: auto;
	}
}
.customer-link a {
	display: table;
	background-color: #001446;
	color: #fff;
	font-weight: 500;
	padding: 2px 12px 2px 32px;
	position: relative;
}
.customer-link a:hover {
	background-color: #1756bb;
}
.customer-link a::before {
	position: absolute;
	content: '';
	top: 6px;
	left: 9px;
	width: 17px;
    height: 17px;
    background-size: contain;
	background-repeat: no-repeat;
	background-image: url("../../case-studies/images/icn-link.svg");
}
@media(max-width: 900px) {
	.customer-link a::before {
		top: 6px;
		left: 10px;
		width: 14px;
		height: 14px;
	}
}