@charset "utf-8";

/* ==================================================
   BUSINESSページ専用スタイル
================================================== */

/* --- リード文エリア --- */
.low_business-lead {
	text-align: center;
	/* padding: var(--space-xl) 0; から半分くらいに圧縮！ */
	padding: var(--space-lg) 0 0 0; /* 下の余白はリスト側で取るので0にする */
}

.low_business-lead-text {
	font-size: var(--font-size-md);
	font-weight: 700;
	line-height: 2;
	color: var(--color-black);
}

/* --- 事業一覧エリア（コンパクト・2カラム版） --- */
.low_business-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(var(--space-xl) * 1.5) var(--space-xl);
	/* 上のリード文との距離を少し縮める */
	padding: var(--space-lg) 0 var(--space-xl) 0;
}

.low_business-item {
	display: block; /* 横並びを解除して縦積みに */
	border-top: 2px solid var(--color-black); /* 線を少しシャープに */
	padding-top: var(--space-md);
}

/* ナンバリングとタイトル */
.low_business-head {
	margin-bottom: var(--space-md);
}

.low_business-num {
	display: inline-block;
	font-size: 20px; /* ★ 巨大な数字をやめてスタイリッシュに */
	font-weight: 900;
	color: var(--color-black);
	margin-right: 8px;
	vertical-align: top;
	line-height: 1.2;
}

.low_business-title {
	display: inline-flex;
	flex-direction: column;
	vertical-align: top;
}

.low_business-title .en {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: var(--color-black);
	line-height: 1.2;
}

.low_business-title .ja {
	font-size: 13px;
	font-weight: 700;
	color: #666666;
	margin-top: 4px;
}

/* 説明文 */
.low_business-body {
	padding-top: 0;
}

.low_business-desc {
	font-size: var(--font-size-sm); /* 少し小さくしてコンパクトに */
	line-height: 1.8;
	color: var(--color-black);
}

/* --- コンタクト導線 --- */
.low_business-contact {
	text-align: center;
	/* padding: calc(var(--space-xl) * 1.5) 0; から大幅に圧縮！ */
	padding: var(--space-lg) 0;
}

.low_business-contact-title {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 16px; /* space-mdから固定値で少し詰める */
}

.low_business-contact-text {
	font-size: var(--font-size-md);
	line-height: 1.8;
	margin-bottom: var(--space-lg); /* space-xlから一段階縮める */
}

.low_business-contact-btns {
	display: flex;
	justify-content: center;
}

.low_business-contact-btns .cm_btn {
	max-width: 320px;
	width: 100%;
}

/* ------------------------------
   ▼ SPサイズ（767px以下）の上書き ▼
------------------------------ */
@media (max-width: 767px) {
	.low_business-lead-text {
		font-size: var(--font-size-sm);
		text-align: left;
	}

	.low_business-list {
		grid-template-columns: 1fr; /* ★ スマホでは1列に戻す！ */
		gap: var(--space-xl);
	}

	.low_business-num {
		font-size: 18px;
	}

	.low_business-title .en {
		font-size: 18px;
	}

	.low_business-contact-title {
		font-size: 24px;
	}
}