DEMO
SVGアイコン デザインデモ
サイト内で使われている絵文字を、ブランドカラー（深緑＋アクセント緑）で統一したSVGアイコンに置き換える検証ページです。
SET
SVGアイコンセット（18種類）
現状: 🏢
オフィスビル
施設種別: オフィスビル
name="building" 現状: 🏭
工場
施設種別: 工場
name="factory" 現状: 🏥
病院
施設種別: 病院
name="hospital" 現状: 🏫
学校
施設種別: 学校
name="school" 現状: 🏬
商業施設・店舗
施設種別: 商業施設
name="retail" 現状: ⚡
電気
電気工事 / 電力
name="lightning" 現状: 📊 / 🔌
計装
計装工事 / センサー
name="gauge" 現状: 🏆
認定・実績
福岡県IoT認定 / 受賞
name="trophy" 現状: 🔧
保守・サポート
保守相談 / メンテナンス
name="wrench" 現状: 💰
補助金
補助金 / コスト
name="coin" 現状: 📊
BEMS・データ
BEMS / エネルギー見える化
name="chart" 現状: 🌐
オープン構成
BACnet / オープンプロトコル
name="network" 現状: 🏗
一気通貫
電気＋計装一体 / 連動
name="link" 現状: 📞
電話
お電話 / Tel
name="phone" 現状: 📄
資料
PDF / カタログ
name="document" 現状: 🤖
AI / 機械学習
AI / 機械学習関連コラム
name="ai" 現状: 🛡️
信頼性
安全 / 高信頼性
name="shield" 現状: ⚙️
制御・設定
自動制御 / 設定
name="cog" SIZES
サイズ別の見え方
24px (本文インライン)
32px (リストアイテム)
48px (カード見出し)
64px (FAQ カテゴリ等)
80px (大型強調)
COLORS
配色パターン
標準：深緑 × ライム
アクセント緑 × ライム
深緑背景 × 白＋ライム
深緑 × CTAオレンジ強調
FAQ CATEGORIES
FAQカテゴリーへの適用（プレビュー）
現状: 絵文字 (⚡🔌🏆🔧💰) → SVGアイコンに統一すると以下の見た目になります
電気工事のFAQ
受変電・LED・EV充電器・保守相談など
計装工事のFAQ
中央監視・BEMS・BACnet・LONWORKSなど
ビルオートメーションのFAQ
doGATE・福岡県IoT認定・BEMS連携など
保守・サポートのFAQ
引渡し後のトラブル対応・改修増設のご相談など
補助金・税制のFAQ
BEMS・EV補助金・CN投資促進税制など
SERVICE REASON CARDS
事業ページの強みカードへの適用（プレビュー）
現状: 絵文字 (⚡🏢🔧) → SVGアイコンに統一すると以下の見た目になります
計装と連動した一気通貫提案
電気と計装を別業者に分けず、一社で設計から保守まで対応。仕様調整の手間が劇的に減ります。
60年の建物現場経験
オフィスビル・工場・病院・学校・マンションあらゆる建物種別での施工実績で、現場特有の制約に強い。
引き渡し後も保守のご相談先に
施工した設備のトラブル対応や改修・増設のご相談で長くお付き合い。
PHONE INLINE
電話CTAへの適用（プレビュー）
現状（絵文字）
📞 092-891-3268 SVGアイコン版
092-891-3268