@charset "utf-8";
#root{width:100%;overflow: hidden;}
/* ---------- company message ---------- */
.sub-hero__overlay{background:rgba(26, 43, 60, 0.55)}
.comp-message {
	display: flex;
	align-items: center;
	gap: clamp(32px, 4vw, 64px);
}
.comp-message__content {
	flex: 1;
	min-width: 0;
}
.comp-message__quote {
	margin: 32px 0 24px;
	padding-left: 20px;
	border-left: 4px solid #3aaecc;
}
.comp-message__quote p {
	font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
	font-size: clamp(22px, 1.75vw, 28px);
	font-weight: 900;
	color: #3aaecc;
	margin: 0;
	line-height: 1.5;
}
.comp-message__text p {
	font-size: 16px;
	line-height: 2;
	color: #4a5565;
	margin: 0 0 20px;
}
.comp-message__text p:last-child {
	margin-bottom: 0;
}
.comp-message__signature {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid #eef2f6;
}
.comp-message__signature p {
	font-size: 15px;
	color: #1e2939;
	margin: 0 0 4px;
	line-height: 1.8;
}
.comp-message__signature p:last-child {
	font-weight: 700;
	margin-bottom: 0;
}
.comp-message__img {
	flex: 0 0 clamp(280px, 32vw, 420px);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(30, 41, 57, 0.12);
}
.comp-message__img img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

@media screen and (max-width: 768px) {
	.comp-message {
		flex-direction: column;
	}
	.comp-message__img {
		flex: none;
		width: 100%;
		order: -1;
	}
}