VELIORA CLASSIC

# ヒーローセクション：
全画面の背景画像とオーバーレイ

暗色の背景にゴールドのアクセントカラーを配した大型のファーストビュー。
中央揃えのテキストとスクロールインジケーターで構成されたレイアウトです。

縦書き
キャッチ
コピー。

このセクションは2カラムのグリッドレイアウトで構成されています。左側には縦書きの大きな見出しテキストと、横書きの説明文が並びます。テキストエリアの下部にはイタリック体の英字タグラインが配置されています。

Timeless Design, Modern Standard
SCROLL
OUR SERVICE

## サービスセクション

### Premium Design

アイコン・見出し・説明文・矢印リンクで構成されたカード型UIです。枠線のみのミニマルなデザインが特徴です。

→

### Trusted Security

3カラムのグリッドに均等配置されたサービスカード。ホバー時には影とトランスフォームのアニメーションが適用されます。

→

### Growth Strategy

各カードは統一されたパディングと中央揃えのレイアウトで、ブランドの品格を表現しています。

→
OUR HISTORY

## 沿革タイムラインセクション

2010
タイムライン項目 左配置
中央の縦線を軸に左右交互に配置されるタイムラインレイアウトです。ゴールドの年号がアクセントになっています。
2015
タイムライン項目 右配置
各項目はボーダーで囲まれたカードスタイルで、年号・見出し・説明の3要素で構成されています。
2026
タイムライン項目 左配置
ダークネイビーの背景にゴールドのドットとラインが映える、高級感のあるデザインです。
PERFORMANCE

## 数値実績セクション

98 %
サークル型数値指標
98%
500 +
サークル型数値指標
500+
FAQ
A

回答エリアはスライドアニメーションで表示されます。QバッジとAバッジの色を変えることで、視覚的に質問と回答を区別しています。

A

各FAQ項目は下線で区切られ、ゴールドのアクセントカラーが開いた項目のトグルボタンに適用されます。

A

アコーディオンのアニメーションにはmax-heightのトランジションを使用し、スムーズな展開を実現しています。