/* ========================================================= 株式会社ロンド・クローフ　サイト共通スタイル（全ページでこの1ファイルだけを使う） ■ 方針 - 見た目は、できるだけ HTML の要素（h1, section, dl など）に直接つける。 - クラスは、下の「部品」だけに使う。新しいクラスはむやみに増やさない。 - 色・余白・角丸は :root の変数で一括管理する。色を変えたいときはここだけ直す。 - 文字は Noto Sans JP（太さ400と700の2種類だけ）。assets/fonts/fonts.css で自社サーバーから配信する。 ■ 部品（クラス）一覧 ― これ以外のクラスは作らない .btn ボタン　　（.btn.call＝電話・お問い合わせ用のオレンジ） .grid カードなどを横に並べる箱（画面幅に合わせて自動で折り返す） .card 枠つきの箱。中に を入れると「写真の上に文字が乗るタイル」になる .tag お金の向きのラベル（data-kind="free|buy|paid" で色が変わる） .alt 背景をうすい色にしたいセクション .photo 写真を入れる枠 .steps 番号つきの手順（ol に付ける。data-kind="digital" を付けると青系の色違い） .news お知らせの一覧（ul に付ける） .cta お問い合わせの大きな箱 ■ クラスを使わない決まり - ページの最初の section（main の1つ目）は「写真の見出し（ヒーロー）」になる。 高さは全ページ共通（トップも他のページも同じ） - パンくず（今いる場所の表示）は