// Top page sections for kashinoya const { useState, useEffect, useRef } = React; // ============ Split Hero (Tech × Touch) ============ function SplitHero() { const [hovered, setHovered] = useState(null); // 'tech' | 'touch' | null const [isWide, setIsWide] = useState(window.innerWidth >= 980); useEffect(() => { const onResize = () => setIsWide(window.innerWidth >= 980); window.addEventListener("resize", onResize); return () => window.removeEventListener("resize", onResize); }, []); // Use flex-grow instead of explicit widths so flex: 1 1 0 works const techFlex = !isWide ? "1 1 100%" : hovered === "tech" ? "1.16 1 0" : hovered === "touch" ? "0.84 1 0" : "1 1 0"; const touchFlex = !isWide ? "1 1 100%" : hovered === "touch" ? "1.16 1 0" : hovered === "tech" ? "0.84 1 0" : "1 1 0"; return (
{/* SVG clip-path definitions — used to curve the touch (right) side's left edge */}
setHovered("tech")} onMouseLeave={() => setHovered(null)} >
AI & DX SOLUTIONS

テクノロジーで、
組織の限界を
突破する。

生成AI導入コンサルティングから、IT・DXシステムの開発・実装まで。 最先端の技術で、企業の生産性を劇的に向上させます。

200+
AI/DX導入支援
85%
業務効率改善
setHovered("touch")} onMouseLeave={() => setHovered(null)} >
PROFESSIONAL SUPPORT

プロフェッショナルが、
事業の成長を
伴走する。

補助金、経営支援、そして行政との連携。 「人」による手厚いサポートで、持続可能な成長を実現します。

サポート内容を見る
{isWide && ( )}
SCROLL
); } // ============ Concept Bridge ============ function ConceptBridge() { return (
{/* decorative bg */}
); } // ============ Solutions Detail ============ function SolutionsDetail() { return (
); } function SolCard({ theme, icon, title, desc, tags, num, metric }) { return ( {num &&
{num}
}
{icon}

{title}

{desc}

{metric && (
{metric.value} {metric.label}
)}
{tags.map((t, i) => ( {t} ))}
); } // ============ Cross-Sell Section ============ function CrossSell() { return (
THE KASHINOYA EDGE

AI導入のコスト課題を、
補助金活用で解決しませんか？

「技術」と「資金調達」の両方に精通した樫乃屋だからこそできる提案があります。 IT導入補助金を活用し、実質負担を抑えて AI を導入可能です。

TECH 技術
SUPPORT 支援
×
); } // ============ Cases ============ function Cases() { const cases = [ { tag: "製造業 / 金属加工", title: "ものづくり補助金 + AI検査システム導入で不良率を52%削減", amount: "1,500", subsidy: "ものづくり補助金", tech: "AI画像検査", kind: 1, }, { tag: "卸売業 / 食品", title: "ChatGPT社内bot構築で問い合わせ対応工数を月140h削減", amount: "450", subsidy: "IT導入補助金", tech: "生成AI活用", kind: 2, }, { tag: "自治体 / DX推進", title: "市内中小企業向けDX支援プログラムを受託、80社を支援", amount: "—", subsidy: "自治体委託事業", tech: "プロジェクト運営", kind: 3, }, ]; return (
CASE STUDIES

技術と支援が、結果を生む。

すべての事例を見る
{cases.map((c, i) => ( ))}
); } function CaseCard({ tag, title, amount, subsidy, tech, kind }) { const palettes = { 1: { bg: "linear-gradient(135deg, #0f172a 0%, #1e3a5f 60%, #0891b2 100%)", accent: "#06b6d4" }, 2: { bg: "linear-gradient(135deg, #1e293b 0%, #334155 50%, #0891b2 100%)", accent: "#22d3ee" }, 3: { bg: "linear-gradient(135deg, #064e3b 0%, #065f46 60%, #047857 100%)", accent: "#34d399" }, }; const p = palettes[kind]; return (
{tech}
{amount !== "—" && (
受給額
¥{amount}万円
)}
{tag}

{title}

{subsidy}
); } // ============ News + Contact CTA ============ function NewsAndCTA() { const items = [ { date: "2026.04.18", tag: "コラム", title: "Geminiで散らばった情報を「A4一枚」にまとめる" }, { date: "2026.04.02", tag: "補助金", title: "2026年度 IT導入補助金 公募開始のお知らせ" }, { date: "2026.03.24", tag: "セミナー", title: "中小企業のための生成AI活用入門セミナー報告" }, { date: "2026.03.10", tag: "お知らせ", title: "横浜市内に新オフィスを開設いたしました" }, ]; return (
NEWS & INSIGHTS

最新の知見を、お届け。

一覧を見る
{items.map((n, i) => (
{n.date}
{n.tag}
{n.title}
 ))}
); } // ============ Contact Block ============ function ContactBlock() { return (
CONTACT

まずは、無料相談から。

技術の話も、補助金の話も、まずは現状をお聞かせください。
樫乃屋がフィットするかどうか、一緒に確かめましょう。

初回相談無料 · 守秘義務契約対応 · 全国オンライン対応
); } Object.assign(window, { SplitHero, ConceptBridge, SolutionsDetail, CrossSell, Cases, NewsAndCTA, ContactBlock });