/* =========================================================================
 * ケイモビ: トップページのコンセプト紹介(ヒーローと車種一覧の間)
 * ====================================================================== */

.km-concept {
	padding-block: var(--km-space-16);
	background: var(--km-color-white);
	text-align: center;
}

.km-concept__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 760px;
}

.km-concept__logo {
	display: block;
	width: 220px;
	max-width: 60%;
	height: auto;
	margin: 0 0 var(--km-space-6);
}

.km-concept__title {
	margin: 0 0 var(--km-space-5);
	color: var(--km-color-navy);
	font-size: var(--km-text-h2);
	font-weight: var(--km-weight-extra-bold);
	line-height: var(--km-leading-heading);
}

.km-concept__text {
	margin: 0;
	color: var(--km-color-text);
	font-size: var(--km-text-body-lg);
	line-height: var(--km-leading-body);
	text-align: left;
}

@media (max-width: 781px) {
	.km-concept {
		padding-block: var(--km-space-10);
	}

	.km-concept__logo {
		width: 180px;
	}

	.km-concept__text {
		font-size: var(--km-text-body);
	}
}