Bento グリッド型サービス紹介
異なるサイズの枠を組み合わせた Bento レイアウトのサービス紹介。2025〜2026 のトレンド。
使いどころ
異なるサイズの枠を組み合わせた Bento レイアウトのサービス紹介。2025〜2026 のトレンド。
- サービス紹介ページ
- 事業内容セクション
- プロダクトラインナップ
- コース・プラン紹介
カスタマイズのポイント
カード枚数（3 / 4 / 6 列）と画像の使い方を変えるだけで業種に合います。アイコンは絵文字でも SVG でも置き換え可能。
注意点
カードのテキスト量は揃えること（バラバラだと縦の高さが乱れる）。長文になる場合は min-height で揃えるか、line-clamp で行数制限を。
よくある質問
このパーツは商用利用できますか？
はい。moatway がオリジナル制作したパーツは商用・個人問わず自由にご利用いただけます。
そのまま貼り付ければ動きますか？
はい。HTML / CSS タブをそれぞれコピーすればすぐ動作します。クラス名が既存サイトと衝突する場合はリネームしてください。
JavaScript が必要なパーツはありますか？
一部のパーツ（アコーディオン・タブ切替・告知バーの閉じる機能など）は JavaScript が必要です。詳細ページの JS タブで確認できます。
ブラウザ対応は？
最新 2 世代の Chrome / Safari / Firefox / Edge で動作確認しています。