営業の精度を、
データで加速させる。

このセクションは左寄せの大見出しと補足テキストで構成されます。製品の主要価値（例：成約率300%向上）を端的に伝えるコピーが入ります。背景は濃紺グラデーションにドットパターンオーバーレイを重ねた深みのあるデザインです。

このカードは製品の主要機能を紹介するコンポーネントです。アイコン・見出し・説明文の3要素で構成され、左揃えのレイアウトで読みやすさを重視しています。背景は半透明ガラス風のダークカードです。

2列目のフィーチャーカードは同一スタイルを踏襲しつつ、ホバー時にオレンジのボーダーが発光するインタラクションが実装されています。アイコンの色と形でカテゴリを直感的に識別できます。

3枚目は特別なオレンジグラデーション背景で視覚的アクセントを担います。セキュリティや信頼性を強調したい機能に適したスタイリングで、ユーザーの安心感を醸成します。

タイムラインの最初のステップです。ドット・アイコン・テキストカードが水平に並ぶ3カラム構造で、左端の縦線がステップ間を繋ぎます。オレンジのアクセントカラーで視線を誘導します。

2ステップ目のカードです。各カードはホバー時に右方向へわずかにスライドするトランジションを持ちます。背景はガラスモーフィズム風の半透明ダーク素材です。

最終ステップのカードです。タイムラインの縦線はここで終端し、グラデーションでフェードアウトします。オンボーディングから本稼働までの流れをシンプルに可視化するセクションです。

よくある質問

このFAQアイテムは、質問テキストとアコーディオン展開ボタンで構成されるリストコンポーネントです。

回答テキストエリアは、FAQアイテムをクリックすると滑らかに展開するアコーディオン形式です。白背景に淡いボーダーを持つカードスタイルで、影付きホバー効果が実装されています。回答文は本文フォントで読みやすく表示されます。

2番目のFAQ項目です。ボーダー・シャドウ・角丸で整えられた白いカードが縦に並ぶリストレイアウトです。

この回答エリアは最初は非表示で、ユーザーが項目をクリックすると表示されます。矢印アイコンが180度回転するCSSトランジションで展開状態を視覚的に示します。複数の項目を同時に展開することも可能です。

3番目のFAQ項目です。オレンジのQバッジがブランドカラーの一貫性を保ちながら視覚的な統一感を演出します。

FAQセクション全体は白背景に設定され、上下の濃紺セクションとのコントラストで視覚的なリズムを生みます。質問の文字色はネイビー、回答の文字色はミディアムグレーで階層構造を示しています。