• ico_100-logo

• ico_album

• ico_angle-down

• ico_angle-left

• ico_angle-plus

• ico_angle-right

• ico_angle-up

• ico_bag

• ico_calendar

• ico_cart

• ico_catalog

• ico_circle01

• ico_circle02

• ico_co-logo_01

• ico_co-logo_02

• ico_cross

• ico_custom

• ico_custom02

• ico_dot

• ico_download

• ico_envelope

• ico_excel

• ico_exhibition

• ico_external-link-01

• ico_external-link-02

• ico_external-link-03

• ico_free

• ico_function

• ico_gotoju01

• ico_gotoju02

• ico_gotoju03

• ico_gotoju04

• ico_kadomaru

• ico_logo_mini

• ico_logo01

• ico_logo02

• ico_material

• ico_pdf

• ico_phone-alt

• ico_pin

• ico_pinchin

• ico_play

• ico_quotation

• ico_reels

• ico_scroll

• ico_search

• ico_showroom

• ico_star

• ico_support

• ico_visit

• ico_x

• ico_youtube

.btn01です。

.btn02です。

.btn03です。

.btn04です。

.btn05です。

.ttl01です。

.ttl02です。

タイトルサンプル

• ダミー
• ダミー

.ttl03です。

.ttl04です。

.ttl05です。

.ttl-policy01です。

.ttl-policy02です。

.ttl-policy03です。

.ttl05です。

.detailsです。アコーディオンのベースとしてご利用ください。

.ttl-toggleです。.detailsを拡張しています。

.txt-clamp1です。1行まで表示します。

.txt-clamp2です。2行まで表示します。

.txt-clamp3です。3行まで表示します。

.txt-clamp1-wです。PCで1行まで表示します。

.txt-clamp2-wです。PCで2行まで表示します。

.txt-clamp3-wです。PCで3行まで表示します。

.txt-clamp1-nです。SPで1行まで表示します。

.txt-clamp2-nです。SPで2行まで表示します。

.txt-clamp3-nです。SPで3行まで表示します。

.hoge{
  width: calc( 100% - #{rem(30)} );
}

      

.swipeです。
.swipe-wと.swipe-nもあります。

.txt-verticalです。縦書き文字です。

.txt-orientationです。
縦書き文章中のアルファベットは通常横向きのまま表示されますが、縦書きにすることができます。

.txt-combineです。
1文字分のスペースに複数の文字を表示できるようになります。
縦書きの中に横書きの文字を入れ、縦中横（たてちゅうよこ）と呼ばれるレイアウトを作成することができます。