@charset "UTF-8";

/* ====================================
	事業の方向性

	対象 : /corporate/info/vision/direction/
==================================== */

.direction {
	display: flex;
	flex-direction: column;
	gap: 5rem;
	margin-block-start: 3rem;
}

.direction__block {
	display: flex;
	flex-direction: column;
	gap: 3rem;
	inline-size: 100%;
	max-inline-size: 860px;
	margin-inline: auto;
}

.direction__text+.direction__text {
	margin-block-start: 1rem;
}

.direction__image {
	display: block;
	inline-size: 100%;
	max-inline-size: 700px;
	margin-inline: auto;
}

.direction__image--wide {
	max-inline-size: none;
}

/* ====================================
	768px以上専用スタイル
==================================== */
@media print,
screen and (width >=768px) {

	.direction {
		gap: 8rem;
	}

	.direction__block {
		gap: 5rem;
	}
}