# Peak of Ambition.
Grounded in Reality.

全画面の暗色背景に、大型セリフ書体でブランドメッセージを表示するヒーローセクション。

Scroll
Concept

## 左カラムに見出しと本文テキストを配置し、
右カラムに大判写真を組み合わせた2分割レイアウト。

コンセプトセクションでは、セクションラベル・大型見出し・説明文の3層構造でブランドメッセージを伝えます。 細い書体ウェイトと広いレタースペーシングが高級感を演出し、暗色背景と淡いテキストカラーのコントラストが視認性を高めます。 右側の写真は画面いっぱいに広がり、重厚なビジュアルインパクトを与えます。

Services

## 左パネルにセクション概要、
右パネルに各サービスを列挙する非対称2カラム構成。

左側にブランドコピーと補足テキストを配置し、右側に枠線付きアイコンカードを縦並びで表示します。 ホバー時にアイコン背景色が変化し、矢印アイコンが出現するマイクロインタラクションで操作感を提供します。

### 戦略コンサルティング

枠線付き正方形アイコンと見出し・説明文を横並びに配置したサービスカード。
ホバーエフェクトとアロー表示で詳細へのナビゲーションを示唆します。

### システム基盤構築

各カードはボーダーラインで区切られ、統一されたグリッドリズムを形成します。
ゴールドカラーをアクセントとしてアイコンと矢印に使用しています。

### ブランドデザイン

サービス3項目をリスト表示するレイアウトパターン。セクション全体がダークトーンで統一され、
上品で洗練されたブランドイメージを強化します。

Success Rate
98%
Projects
500+
Global Partners
45
Process

## 成果に導く、確かなプロセス構成を中央ラインタイムラインで視覚化するセクション。

Step 01
ヒアリング

中央軸の左側に配置されるステップコンテンツ。
番号・タイトル・説明文の3層構造で各工程を表現します。

Step 02
設計

中央軸の右側に交互配置されるステップ。
ゴールドのドットと細い縦ラインでタイムラインを形成します。

Step 03
開発

3ステップを交互配置でつなぐジグザグタイムライン。
アイコンボックスにホバーすると背景色が変化します。

FAQ

## よくあるご質問

FAQセクションは2カラムグリッドで構成されます。左側にセクションの説明テキストを配置し、右側に4項目のアコーディオンQ&Aリストを表示します。各質問行はボーダーで区切られ、ゴールドのプラスアイコンでインタラクションを示します。タップ時にアイコンが45度回転し、回答テキストがスムーズに展開されます。

対応可能な業界を教えてください。
各質問はボーダーラインで区切られた行に配置され、クリックで展開するアコーディオン形式です。プラスアイコンがバツ印に回転することでユーザーに状態変化を伝えます。
プロジェクトの期間はどのくらいですか？
回答テキストはグレーカラーで表示され、質問テキストのオフホワイトとのコントラストで視覚的な階層を作ります。セクション全体がダークトーン2で統一されています。
料金体系について教えてください。
FAQリストはスクロールに伴いフェードインするリベールアニメーションを持ちます。レスポンシブ対応で、モバイルでは1カラムに切り替わりアコーディオンをフルワイドで表示します。
相談や見積もりは無料ですか？
4つのFAQ項目が縦に並ぶレイアウト。各行の高さはコンテンツに応じて可変し、展開時にはpadding付きの回答エリアが追加されます。