@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */
/* 2カラムレイアウト：隣り合う子要素同士の高さを揃える */
.feature-column2 {
	display: grid;
	gap: 5rem 0;
	/* margin-top: 5rem; */
}

.sub-section__sub-title {
	margin-top: 5rem;
}

/* COCORO */
.cocoro {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2rem 4rem;
}

.cocoro-logo {
	inline-size: 100%;
	margin-inline: auto;
	position: relative;
}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {

	/* 2カラムレイアウト：隣り合う子要素同士の高さを揃える */
	.feature-column2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: auto;
		gap: 0 4%;
	}

	.sub-section__sub-title {
		margin-top: 7rem;
	}

	.feature-column2__item {
		display: grid;
		grid-template-rows: subgrid;
		grid-row: span 3;
		gap: 0;

		&:nth-child(n + 3) {
			margin-top: 7rem;
		}
	}

	/* COCORO */
	.cocoro-text {
		flex: 1 0;
	}

	.cocoro-logo {
		inline-size: 38%;
	}
}