/* ==========================================================================
   サイトの動き（assets/js/common/motion.js が付けるクラス）
   - c-odometer: 実績の数字の桁が回る間だけの部品（終わったら JS が元の文字に戻す）
   - 見出し・カード・写真の浮き上がりはやめた（2026-10-02 ユーザー）
   - 動きを減らす設定の人には、JS が何もしない
   ========================================================================== */

/* ---------- odometer（桁ごとに 0〜9 の列を縦に送る） ---------- */
.c-odometer {
	white-space: nowrap;
}

/* 最後の数字（見えない）で幅と高さを取り、その上に列を重ねる。等幅の書体でなくても幅が変わらない */
.c-odometer__slot {
	position: relative;
}

.c-odometer__ghost {
	visibility: hidden;
}

/* 見える窓は、字の箱から上下を --odometer-clip ずつ削った高さ（＝行の高さ。JS が入れる） */
.c-odometer__reel {
	position: absolute;
	inset: var(--odometer-clip, 0px) 0;
	overflow: hidden;
	overflow: visible clip; /* 縦だけ切る（横に広い数字が通るときに欠けない）。未対応のブラウザは上の hidden */
	text-align: center;
}

.c-odometer__strip {
	display: block;
	margin-top: calc(var(--odometer-clip, 0px) * -1);
}

.c-odometer__digit {
	display: block;
	height: var(--odometer-height, 1em);
	line-height: var(--odometer-height, 1em);
}
