# SEE BEYOND.
CREATE FOREVER.

深淵を見つめ、未来を創造する。 | 視覚と戦略が融合する場所。

SCROLL
INTRODUCTION

## 真実は、静寂の中にある。

このセクションは左右2カラムレイアウトで構成されており、左側に全高のビジュアルイメージ、右側にテキストコンテンツを配置するデザイン手法を採用しています。セクションラベルを小文字・広いトラッキングで上部に置き、その下に和文の大見出しを配置することで、欧文と和文のタイポグラフィを巧みに組み合わせた洗練された印象を演出しています。背景はダークネイビーで統一し、文字は控えめなオフホワイトで表示することで、高級感と可読性を両立しています。

SERVICES

## WHAT WE DO

BRAND STRATEGY

市場の深層を読み解き、ブランドの本質的価値を定義するコンサルティングサービスです。このカードコンポーネントは、アイコン・見出し・説明文・矢印リンクの4要素で構成された縦積みレイアウトを採用しています。

VISUAL DESIGN

美しさと機能性を融合した視覚体験を設計します。3カラムグリッドに均等配置されたカード群は、同一の構造・高さを保ちながら、各サービスの個性をアイコンで差別化するモジュール設計を採用しています。

DIGITAL SECURITY

デジタル資産を最前線の技術で保護します。このカードはフィーチャー状態として、ボーダーカラーをアクセントレッドに設定し、背景に微細なグラデーションを加えることで他カードとの視覚的な差別化を図っています。

CONCEPT

## 洞察が、美を生む。

このセクションは、サービスセクションの後に置かれる世界観・哲学を語るコンテンツ領域です。左側に大型ビジュアル、右側に短い詩的なテキストブロックを配置する構成で、余白を広く取ることで各文のリズムと重みを最大化しています。セクションラベルはトップに小さく配置され、見出しには和文のコルモラント系セリフ体フォントを使用することで、欧文・和文の混植デザインに統一感を持たせています。ダークネイビーのバックグラウンドは、このページ全体を貫く一貫したビジュアルアイデンティティの核となる要素です。

PROCESS

## OUR PROCESS

01 — DISCOVERY 深層リサーチフェーズ

ステップ番号・タイトル・説明文の3層構造で各フェーズを表現。縦方向のタイムラインラインがステップ間をつなぎ、プロセス全体の連続性と流れを視覚化します。

02 — STRATEGY 戦略立案フェーズ

各ドット要素はアクセントカラー（深紅）で統一し、グロウエフェクトを加えることで「光る点」のような印象を与え、ブランドアイデンティティと連動したデザイン言語を形成しています。

03 — CREATIVE クリエイティブ実装フェーズ

フォントはCinzel体（タイトル）とNoto Sans JP（本文）を組み合わせることで、欧文の装飾性と日本語の可読性を両立したタイポグラフィ設計を実現しています。

04 — LAUNCH & GROW ローンチ&グロースフェーズ

タイムラインの縦線はグラデーション（上部：鮮明な赤、下部：フェードアウト）で表現し、ページスクロールに連動した段階的アニメーションで各ステップを順次表示する演出設計となっています。

PERFORMANCE

## OUR IMPACT

128+ プロジェクト実績
93% クライアント継続率
5.2M+ ユーザーリーチ
FAQ

## よくあるご質問

このアコーディオンコンポーネントは、質問テキストと展開アイコンを両端揃えで配置するフレックスレイアウトを採用しています。回答エリアはmax-heightのCSSトランジションで滑らかに展開・収納され、複数項目が同時に開かない排他制御により一覧性を保ちます。

各FAQ項目は1pxのボーダーボトムで区切られており、セクション全体がmax-width制約付きのコンテナに収まることで長文テキストの可読性を最適化しています。シェブロンアイコンは開閉状態に応じて180度回転するアニメーションを持ちます。

背景はサービスセクションと同じダークネイビーで統一されており、ボーダーカラーには極めて透明度の高いホワイトを使用することで、過度に強調されない繊細な区切り線を実現しています。フォントはNoto Sans JPの細ウェイトを使用し、全体に穏やかな印象を与えます。

FAQセクション全体はページ左寄せ配置となっており、最大幅860pxのコンテナ内に収まります。セクションラベル・見出し・アコーディオン群の縦積みレイアウトが、読み手の視線を自然に上から下へと誘導するデザイン構成となっています。

CONTACT