# ヒーローセクション：大見出しと
力強いキャッチフレーズ。

左寄せの2行キャッチコピーと補足説明文。山岳背景がブランドの挑戦精神を象徴し、
グラデーションオーバーレイがテキストの可読性を支える。

SCROLL
導入社数
1,250社+
2024年5月時点
サービス継続率
98.6%
2024年5月時点
平均コスト削減率
32.4%
導入企業の平均値
累計削減コスト
120億円+
2024年5月時点
OUR MISSION

## ミッションセクション：
左カラムのセリフ体見出しと説明文。

左カラムにブランドのミッションを語る段落テキストを配置。先進テクノロジーと深い業界知見を組み合わせ、顧客事業の成長を支援するパートナーとしての姿勢を明確に伝える。ゴールドのラベルがセクションの役割を視覚的に区別する。

サービスについて詳しく見る
FEATURES

## フィーチャーセクション：機能紹介の3カラムカードグリッド

フィーチャーカード：セキュリティ

ゴールドのボーダーで囲まれたダークカード。アイコン・タイトル・説明文・矢印リンクで構成。ホバーで枠線が強調される。

フィーチャーカード：処理速度

3カラムグリッドの中央カード。各カードは統一した構造を持ち、視覚的なリズムで機能の優位性を効率よく伝える設計。

フィーチャーカード：カスタマイズ

右端カード。ダーク背景×ゴールドアクセントの組み合わせで高級感とプロフェッショナリズムを同時に表現するデザイン。

STEP 1→5
PROCESS — 導入フロー

## 導入プロセスセクション：右カラムのタイムライン

- ヒアリング

  ゴールドドットと縦線で繋がれた4ステップ。最初のステップは課題と要望のヒアリングで、現状を深く理解するフェーズ。

- 要件定義

  ヒアリング内容をもとに、最適なソリューションの要件を定義するフェーズ。各ステップ名は左寄せに固定されている。

- 実装

  確かな技術力で要件に基づいたシステムを構築・実装するフェーズ。塗り潰し有無でステータスを区別する視覚表現。

- 運用サポート

  導入後も継続的にサポートし、顧客の成功を長期的に支援する最終フェーズ。下線なしで終端を明示。

WHY CHOOSE US

## 選ばれる理由セクション：ダーク背景×3カラムレイアウト

選択理由カード：業界特化型の知見

アイコン＋タイトル＋説明テキストの水平ペアが3列並ぶレイアウト。背景画像のオーバーレイで文字可読性を確保しつつ没入感を演出。

選択理由カード：24時間365日の保守体制

3つの選択理由を等幅グリッドで提示。ゴールドのアイコンが各項目の視覚的アンカーとなり、ダーク背景上でのスキャン性を高める。

選択理由カード：継続的な改善と進化

右端カードで継続改善をテーマに据える。セクション全体で背景画像・暗色オーバーレイ・ゴールドアクセントの三層構造が成立している。

VOICE

## ユーザーの声セクション：3カラムの引用カード

“

お客様インタビューカード。ゴールドの引用符で開始し、本文では導入効果を語る証言テキストを配置。信頼性と説得力を伝えるデザイン構造。

株式会社 ○○○○
代表取締役社長
山田 太郎 様
“

2枚目の証言カード。3カラムグリッドで横並びに配置し、異なる職種・業種の声を並べることで多様な導入効果を示す設計。

株式会社 △△△△
情報システム部 部長
鈴木 花子 様
“

3枚目の証言カード。水平区切り線の下に会社名・役職・氏名の情報階層を持つ。淡いグレー背景とボーダーで証言ブロックの独立性を表現。

株式会社 □□□□
事業開発部 マネージャー
佐藤 次郎 様
FAQ

## よくある質問セクション：アコーディオン形式

- アコーディオンの回答エリア。クリックで開閉し、最大高さのトランジションでスムーズに展開する。右端の矢印アイコンが180度回転してステートを示す。
- 2番目のFAQ回答エリア。各質問は上下のボーダーラインで区切られ、スキャン性に優れた縦方向のリストを形成する。
- 3番目のFAQ回答エリア。左カラムのラベルとタイトルはスティッキーではなく静的に配置され、スクロールに追随しない。
- 4番目のFAQ回答エリア。アコーディオンの最後の項目は下ボーダーを維持し、セクション全体の視覚的フレームを完結させる。

## CTAセクション：行動喚起の
見出しとサブコピー。

山岳背景のオーバーレイで高揚感を演出。左に大見出し、右に2ボタンを配置したクロージングレイアウト。