@charset "UTF-8";
/**
 * mirebamotto.css — /forthecompany/mirebamotto（ミレバモット）
 *
 * ★ 中身はまだ作らない（2026-09-13 CEO指示）
 *   事業設計・サービス概要資料の確定を待つ。いまは「準備中」表示だけの最小構成。
 *   本設計に入るときの一次資料と注意点は page-mirebamotto.php の docblock を参照。
 */

.mb-main {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.mb-stub {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 1080px;
	padding: 140px 24px 160px;
	color: #14314a;
	font-family: var(--s-font-f88553ee);
	text-align: center;
}

.mb-stub__axis {
	margin: 0 0 24px;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.12em;
}

.mb-stub__name {
	margin: 0 0 16px;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.08em;
}

.mb-stub__tagline {
	margin: 0 0 56px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.16em;
}

.mb-stub__note {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.08em;
}

/* 2026-09-14 タップ領域の拡大。
   このページ唯一の本文リンクなのに実測 197×17px しか無く（audit tinyTargets で全幅検出）、
   WCAG 2.2 SC 2.5.8 の最小 24×24px を下回っていた。
   parts.css の .o-hdr-ftc__link と同じ「inline-block + padding」で箱だけ広げる
   （色・字面・中央寄せは変えない）。padding 12px で 221×41px。
   見た目の余白を変えないため、上マージンは 40px → 28px（28 + padding 12 = 従来の 40px）。 */
.mb-stub__back {
	margin: 28px 0 0;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.08em;
}

.mb-stub__back a {
	display: inline-block;
	padding: 12px;
	color: #14314a;
	text-decoration: underline;
}

@media (max-width: 840px) {

	.mb-stub {
		padding: 100px 24px 120px;
	}

	.mb-stub__name {
		font-size: 36px;
	}

	.mb-stub__tagline {
		font-size: 20px;
	}
}

@media (max-width: 540px) {

	.mb-stub__name {
		font-size: 30px;
	}

	.mb-stub__tagline {
		font-size: 17px;
	}
}