@charset "UTF-8";
/*
 * ページ固有のスタイル（`t-` プレフィックス）
 *
 * 🚨 **このファイルは parts の中で最後に読み込む。**
 *   CSS は `u-`（前） → `m-`（後） → `t-`（末尾）の順に並べており、
 *   ページ固有の指定が component を上書きできるようにしている。
 *   先に読み込むと box.css の `.m-title-main` に負けて効かなくなる。
 *   セレクタの詳細度は同じなので、**読み込む順番だけが効く**。
 *
 * @package cybird_corp
 */

/* --- 本文タイポグラフィ ------------------------------------------------ */

.t-writ > *:last-child {
	margin-bottom: 0;
}

.t-writ p {
	margin-bottom: var(--space-16);
}

.t-writ dl {
	padding: 0 0 32px;   /* ★SPでも px */
}

.t-writ dl dt {
	font-weight: bold;
}

@media screen and (min-width: 751px) {
	.t-writ p {
		margin-bottom: var(--space-32);
	}
}

/* --- 企業理念ページ専用 ------------------------------------------------ */

.t-company_vision-title-primary {
	margin-bottom: var(--space-16);
}

@media screen and (max-width: 751px) {
	.t-company_vision-title {
		margin-bottom: var(--space-32);
	}

	.t-company_vision-title-secondary {
		margin-bottom: var(--space-16);
	}

	.t-company_vision-title-char_adjus {
		font-size: var(--font-18);
	}
}

/* ===== ページ全体に効く指定 ===== */
/*
 * 詳細度と読み込み順に依存するため、並びを変えない。
 */

.t-writ > *:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 751px) {

	.t-company_vision-title-primary {
		margin-bottom: 16px;
	}

}