@charset "UTF-8";
/*-----------------------------------
	message_block
-----------------------------------*/
#message_block {
	width: min(1300px,95vw);
	background: var(--bgClr1);
	border-radius: 40px;
	padding: 120px 0;
	margin: 0 auto 120px;
}
#message_block .contents_inner {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
#message_block .text {
	width: max(442px,57.45%);
	display: flex;
	flex-direction: column;
	gap: 30px;
	letter-spacing: 0.05em;
}
#message_block .text h2 {
	font: 600 4rem/1.75 var(--fJA);
	white-space: pre-line;
	margin-bottom: 20px;
}
#message_block .text h2 span {
	color: var(--mClr2);
}
#message_block .text p {
	line-height: 2;
	white-space: pre-line;
}
#message_block .text .copy {
	font-size: 2.1rem;
}
#message_block .text .details {
	line-height: 2;
	width: max-content;
	margin: 0 0 0 auto;
	text-align: right;
	font-weight: 600;
}
#message_block .text .details .company {
	font-size: 1.5rem;
	color: var(--mClr1);
}
#message_block .text .details .name {
	font-size: 1.8rem;
}
#message_block .image {
	width: 32.27%;
}
#message_block .image img {
	border-radius: 20px;
}
@media screen and (max-width: 840px) {
	#message_block .text {
		width: max(345px,61%);
	}
	#message_block .text h2 {
		font-size: 3.1rem;
	}
}
@media screen and (max-width: 640px) {
	#message_block {
		border-radius: 20px;
		padding: 60px 0;
		margin: 0 auto 60px;
	}
	#message_block .contents_inner {
		flex-direction: column-reverse;
		align-items: center;
		gap: 30px;
	}
	#message_block .text {
		width: 100%;
		gap: 20px;
	}
	#message_block .text h2 {
		font-size: 2.2rem;
		margin-bottom: 10px;
	}
	#message_block .text .copy {
		font-size: 1.7rem;
	}
	#message_block .image {
		width: min(320px,90%);
	}
	#message_block .image img {
		border-radius: 10px;
	}
	#message_block .text .details .company {
		font-size: 1.3rem;
	}
	#message_block .text .details .name {
		font-size: 1.5rem;
	}
}