🏆 実績100件以上 | 📍 九州7県対応 | 見積もり無料・最短即日 | P2.3 LEDビジョン57パネル自社保有
WORKS / GALLERY

実績ギャラリー

LEDビジョン演出・プロジェクションマッピング・MV制作・VJなど、これまでに手がけた主な実績をカテゴリ別に掲載しています。

LEDビジョン
プロジェクションマッピング
MV制作
企業PV・映像
VJ・イベント演出

あなたのイベントの実績を、ここに加えませんか

まずは無料でご相談ください。九州全域対応します。

無料見積もりを依頼する →
// ハンバーガーメニュー const _ham=document.getElementById('ve-hamburger'); const _drw=document.getElementById('ve-drawer'); if(_ham&&_drw){ _ham.addEventListener('click',()=>{ const open=_ham.classList.toggle('open'); _drw.classList.toggle('open',open); _ham.setAttribute('aria-expanded',open); }); document.addEventListener('click',e=>{ if(!_ham.contains(e.target)&&!_drw.contains(e.target)){ _ham.classList.remove('open');_drw.classList.remove('open'); _ham.setAttribute('aria-expanded','false'); } }); } @media screen and (max-width: 767px) { .filter-bar { -webkit-overflow-scrolling: touch !important; white-space: nowrap !important; } .gallery-section { padding: 36px 16px 72px !important; } .gallery-item { border-radius: 8px !important; } .gi-title { font-size: 0.9rem !important; } .gi-desc { font-size: 0.78rem !important; } .hero-cats { gap: 8px !important; } .hc-badge { font-size: 0.62rem !important; padding: 5px 10px !important; } /* ── NAV ── */ nav { padding: 0 16px !important; height: 56px !important; } .nav-links { display: none !important; } .nav-cta { display: none !important; } .nav-hamburger { display: flex !important; } .sp-drawer { top: 56px; } /* SP trust-bar: スマホ用2列グリッド */ .trust-bar { margin-top: 56px !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; padding: 0 !important; white-space: normal !important; overflow: visible !important; height: auto !important; } .trust-bar > span:not(.trust-sep) { padding: 8px 8px !important; font-size: .68rem !important; border-bottom: 1px solid rgba(255,255,255,.1) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; text-align: center !important; } .trust-sep { display: none !important; } .nav-logo { font-size: 1.1rem !important; } /* ── TRUST BAR ── */ .trust-bar, div[style*="background:#111"][style*="padding:9px 48px"] { padding: 8px 16px !important; font-size: 0.7rem !important; gap: 10px !important; flex-wrap: wrap !important; } /* ── HERO ── */ .hero { display: flex !important; flex-direction: column !important; min-height: auto !important; } .hero-left { padding: 80px 20px 40px !important; order: 1 !important; } .hero-right { height: 220px !important; order: 2 !important; width: 100% !important; } .hero-floating { display: none !important; } h1.hero-title { font-size: clamp(2.4rem, 10vw, 3.5rem) !important; line-height: 0.95 !important; } .hero-copy { font-size: 0.9rem !important; max-width: 100% !important; } .hero-btns { flex-direction: column !important; gap: 10px !important; margin-bottom: 32px !important; } .btn-primary, .btn-ghost { width: 100% !important; justify-content: center !important; padding: 15px 20px !important; font-size: 0.95rem !important; } .hero-stats { gap: 20px !important; } .stat-num { font-size: 2rem !important; } .stat-label { font-size: 0.6rem !important; } /* ── PAGE HERO ── */ .page-hero { padding: 80px 20px 48px !important; } .page-hero::after { display: none !important; } .hero-heading, h1.hero-heading { font-size: clamp(2.2rem, 9vw, 3.2rem) !important; } .hero-inner { display: flex !important; flex-direction: column !important; gap: 32px !important; } /* ── SECTIONS ── */ .section, section { padding: 52px 20px !important; } .section-alt { padding: 52px 20px !important; } .contact-section { padding: 52px 20px !important; } .contact-section::before { display: none !important; } .sec-title, .section-title, .contact-title { font-size: clamp(1.8rem, 7vw, 2.5rem) !important; } /* ── ALL GRIDS → 1カラム ── */ .onestop-cards, .works-grid, .price-preview-grid, .voice-grid, .svc-sub-grid, .pain-grid, .plan-grid, .pkg-grid, .addon-grid, .creative-grid, .numbers-grid, .equipment-grid, .notes-grid, .pitch-compare, .flow-steps { display: flex !important; flex-direction: column !important; gap: 12px !important; } .flow-steps::before { display: none !important; } /* ── SERVICE MAIN ── */ .svc-main { display: flex !important; flex-direction: column !important; } .svc-main-vis { min-height: 160px !important; order: -1 !important; } .svc-main-body { padding: 24px 20px !important; } /* ── SOLUTION CARD ── */ .solution-card { display: flex !important; flex-direction: column !important; padding: 24px 20px !important; gap: 20px !important; border-radius: 8px !important; } /* ── AREA ── */ .area-wrap { display: flex !important; flex-direction: column !important; gap: 24px !important; } /* ── LED MAIN GRID ── */ .led-main-grid { display: flex !important; flex-direction: column !important; gap: 20px !important; } /* ── CONTACT FORM ── */ .contact-main { display: flex !important; flex-direction: column !important; padding: 36px 16px 56px !important; gap: 32px !important; } .form-row { display: flex !important; flex-direction: column !important; gap: 0 !important; } .checkbox-grid { grid-template-columns: 1fr !important; } .sidebar { position: static !important; } .form-wrapper { padding: 24px 18px !important; } /* ── GALLERY ── */ .gallery-grid { columns: 1 !important; } .filter-bar-wrap { padding: 0 12px !important; } .filter-bar { overflow-x: auto !important; } /* ── ONESTOP GRID (中間矢印) ── */ .onestop-grid { display: flex !important; flex-direction: column !important; background: transparent !important; border: none !important; gap: 2px !important; } .onestop-grid > div[style*="align-items:center"][style*="font-size:2rem"] { display: none !important; } /* ── HERO IDカード ── */ .id-card { margin-top: 24px !important; } /* ── フッター ── */ footer { padding: 36px 20px 80px !important; } .footer-top, .footer-inner { flex-direction: column !important; gap: 20px !important; } .footer-links { flex-wrap: wrap !important; gap: 12px 20px !important; } .footer-nav { flex-direction: column !important; gap: 16px !important; } .footer-bottom { flex-direction: column !important; gap: 6px !important; text-align: center !important; } /* ── STICKY CTA(スマホ:画面下全幅) ── */ .sticky-cta { bottom: 0 !important; right: 0 !important; left: 0 !important; top: auto !important; flex-direction: row !important; padding: 10px 14px !important; background: rgba(255,255,255,0.97) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border-top: 1px solid #e0e0e0 !important; box-shadow: 0 -4px 20px rgba(0,0,0,0.08) !important; border-radius: 0 !important; gap: 8px !important; z-index: 999 !important; } .sticky-btn { border-radius: 5px !important; flex: 1 !important; justify-content: center !important; font-size: 0.82rem !important; padding: 12px 8px !important; box-shadow: none !important; } .sticky-btn-tel, .sticky-cta a:not(.sticky-btn) { flex: 1 !important; justify-content: center !important; border-radius: 5px !important; font-size: 0.78rem !important; padding: 10px 8px !important; background: #fff !important; border: 1.5px solid #ccc !important; color: #111 !important; display: flex !important; align-items: center !important; gap: 5px !important; text-decoration: none !important; font-weight: 700 !important; } /* ── ティッカー ── */ .ticker-wrap { padding: 8px 0 !important; } .ticker-item { font-size: 0.75rem !important; padding: 0 16px !important; } /* ── CTA BAND ── */ .cta-band { padding: 52px 20px !important; } .cta-band::before { display: none !important; } .cta-band h2 { font-size: clamp(1.6rem, 6vw, 2.2rem) !important; } .contact-btns { flex-direction: column !important; gap: 10px !important; } .btn-accent-lg, .btn-ghost-light, .btn-white { width: 100% !important; justify-content: center !important; text-align: center !important; padding: 15px 20px !important; font-size: 0.95rem !important; } .contact-points { flex-direction: column !important; gap: 8px !important; align-items: flex-start !important; padding: 0 20px !important; } /* ── PRICE TABLE ── */ .price-table { font-size: 0.78rem !important; } .price-table th, .price-table td { padding: 10px 8px !important; } /* ── SP DRAWER ── */ .sp-drawer.open { display: flex !important; } } .sp-drawer{position:fixed;top:64px;left:0;right:0;z-index:199;flex-direction:column;background:#111;padding:24px 0;height:auto;border-top:2px solid var(--accent);display:none;} .sp-drawer.open{display:flex!important;} .sp-drawer a{display:block;padding:14px 32px;color:#fff;font-size:1rem;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;} .sp-drawer a:hover{background:rgba(255,106,0,.12);color:var(--accent);} .sp-drawer .sp-cta{margin:20px 24px 0;background:var(--accent);color:#fff;text-align:center;border-radius:4px;padding:14px 24px;font-weight:700;border-bottom:none;} /* ===================== タブレット(768〜1023px) ===================== */ @media screen and (min-width: 768px) and (max-width: 1023px) { #nav { padding: 0 24px !important; } .nav-links { display: none !important; } .nav-cta { display: none !important; } rust-bar { margin-top: 56px; } .hero { display: flex !important; flex-direction: column !important; min-height: auto !important; } .hero-left { padding: 100px 36px 56px !important; } .hero-right { height: 280px !important; width: 100% !important; } .section, section, .section-alt { padding: 64px 36px !important; } .contact-section { padding: 64px 36px !important; } .page-hero { padding: 100px 36px 56px !important; } .onestop-cards, .works-grid, .price-preview-grid { grid-template-columns: repeat(2, 1fr) !important; } .voice-grid { grid-template-columns: repeat(2, 1fr) !important; } .pain-grid { grid-template-columns: repeat(2, 1fr) !important; } .svc-sub-grid { grid-template-columns: repeat(2, 1fr) !important; } .plan-grid { grid-template-columns: repeat(2, 1fr) !important; } .pkg-grid { grid-template-columns: repeat(2, 1fr) !important; } .numbers-grid { grid-template-columns: repeat(2, 1fr) !important; } .equipment-grid { grid-template-columns: 1fr !important; } .svc-main { display: flex !important; flex-direction: column !important; } .svc-main-vis { min-height: 200px !important; } .gallery-grid { columns: 2 !important; } .contact-main { display: flex !important; flex-direction: column !important; padding: 52px 36px 72px !important; } .sidebar { position: static !important; } .area-wrap { grid-template-columns: 1fr !important; } .led-main-grid { grid-template-columns: 1fr !important; } footer { padding: 40px 36px 28px !important; } .footer-top, .footer-inner { flex-wrap: wrap !important; gap: 24px !important; } } /* ナビロゴ・CTAボタン強制表示 */ a.nav-logo { display: block !important; visibility: visible !important; font-family: 'Bebas Neue', sans-serif !important; font-size: 1.3rem !important; letter-spacing: 0.15em !important; color: #111 !important; text-decoration: none !important; flex-shrink: 0 !important; } a.nav-logo span { color: #ff6a00 !important; } a.nav-cta { display: inline-flex !important; visibility: visible !important; background: #ff6a00 !important; color: #fff !important; text-decoration: none !important; font-weight: 700 !important; padding: 9px 20px !important; border-radius: 4px !important; font-size: 0.82rem !important; white-space: nowrap !important; flex-shrink: 0 !important; } /* SPドロワー強制非表示 */ .sp-drawer { display: none !important; } .sp-drawer.open { display: flex !important; } @media (max-width: 1023px) { nav .nav-links { display: none !important; } nav .nav-cta { display: none !important; } nav .nav-hamburger { display: flex !important; } } // fade-up const _obs=new IntersectionObserver(entries=>{ entries.forEach(e=>{if(e.isIntersecting)e.target.classList.add('visible');}); },{threshold:.1}); document.querySelectorAll('.fade-up').forEach(el=>_obs.observe(el));