@charset 'UTF-8';

/*----------------------------------------

	+ company
		- message

-----------------------------------------*/

/*----------------------------------------
	message (ご挨拶レイアウト)
-----------------------------------------*/

#company .message {
	display: grid;
	grid-template-columns: min(41.66%, 440px) 1fr;
	gap: 0 min(8.33%, 88px);
	margin-top: 100px;
}

#company .message div p {
	letter-spacing: 0.04em;
}

#company .message div p:first-child {
	margin-top: -6px;
}

#company .message div p:is(:not(:first-child,:last-child)) {
	margin-top: 40px;
}

#company .message div p:last-child {
	margin-top: 54px;
}

@media screen and (max-width: 768px) {
	#company .message {
		grid-template-columns: repeat(1, 1fr);
		gap: 9.48vw 0;
		margin-top: 15.38vw;
	}

	#company .message div p:first-child {
		margin-top: 0;
	}

	#company .message div p:is(:not(:first-child,:last-child)) {
		margin-top: 8.2vw;
	}

	#company .message div p:last-child {
		margin-top: 9.48vw;
	}
}