.c-text1 c-text1--center 本文のセンター寄せです。本文のセンター寄せです。本文のセンター寄せです。
.c-text1--bold 太字テキスト
.c-text1--red 赤字テキスト
.c-text1--sm テキストサイズ小
. c-text1--lgテキストサイズ大
.c-catch 【左寄せ】少し大きめのキャッチコピー・リード文的要素
.c-catch 【中央寄せ】少し大きめのキャッチコピー・リード文的要素
.c-catch c-catch--right 【右寄せ】少し大きめのキャッチコピー・リード文的要素
.c-media2
現在は印刷後加工（製本機関連）分野で世界シェアトップクラスのメーカーに成長し「紙折り・丁合・針金綴じ・糊綴じ・断裁」の5カテゴリーを持つ世界で唯一のメーカーとなりました。
Horizonは、開発・製造・販売・アフターサービスまで一貫体制を敷いており、そこで培った技術力は、「ウェアプリント関連製品」「アウトドア関連製品」など、製本業界に枠を設けず多方面への展開を進め、新たな分野へとチャレンジしています。
.c-media2 c-media2--reverse
現在は印刷後加工（製本機関連）分野で世界シェアトップクラスのメーカーに成長し「紙折り・丁合・針金綴じ・糊綴じ・断裁」の5カテゴリーを持つ世界で唯一のメーカーとなりました。
Horizonは、開発・製造・販売・アフターサービスまで一貫体制を敷いており、そこで培った技術力は、「ウェアプリント関連製品」「アウトドア関連製品」など、製本業界に枠を設けず多方面への展開を進め、新たな分野へとチャレンジしています。
.c-media3
現在は印刷後加工（製本機関連）分野で世界シェアトップクラスのメーカーに成長し「紙折り・丁合・針金綴じ・糊綴じ・断裁」の5カテゴリーを持つ世界で唯一のメーカーとなりました。
Horizonは、開発・製造・販売・アフターサービスまで一貫体制を敷いており、そこで培った技術力は、「ウェアプリント関連製品」「アウトドア関連製品」など、製本業界に枠を設けず多方面への展開を進め、新たな分野へとチャレンジしています。
テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。
.c-gallery c-gallery--col1
.c-gallery c-gallery--col2 2カラム
.c-gallery c-gallery--col3 3カラム
.c-gallery c-gallery--col4 4カラム
| .c-table1 | テキストが入ります。テキストが入ります。テキストが入ります。 |
|---|---|
| テキスト | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
| TEL | xxx-xxxx-xxxx |
| .c-table2 | テキストが入ります。テキストが入ります。テキストが入ります。 |
|---|---|
| タイトル | テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
| .c-table2 | テキストが入ります。テキストが入ります。テキストが入ります。 | ||
|---|---|---|---|
| タイトル | テキストが入ります。テキストが入ります。テキストが入ります。 | テキストが入ります。テキストが入ります。テキストが入ります。 | |
| タイトル | テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
| .c-table3 | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
|---|---|
| タイトル | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
| .c-table3 | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
|---|---|
| タイトル | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
| タイトル | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
| .c-table3 | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
|---|---|
| タイトル | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
| タイトル | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
| タイトル | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
.c-box グレー背景
テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。リンクが入ります。
.c-box c-box--border ボーダーバージョン
テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。テキストが入ります。リンクが入ります。
.l-box.l-box--sm ボックス中央寄せ30%ぐらい
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
.l-box.l-box--md ボックス中央寄せ50%ぐらい
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
.l-box.l-box--md-pc ボックス中央寄せ70%ぐらい
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
.l-flexbox.l-flexbox--jcc フレックスボックス中央寄せ
.u-wd--10perで%相対指定、.u-wd--10pxで絶対指定。
幅指定のユーティリティクラス（0~100まで5刻み）スマホとの分岐も可能
10%
30%
50%