PageSourceSearch

https://mitoa-ai.com/_next/static/chunks/0ohf.nytqoy0u.js

js mitoa-ai.com collected 2026-10-09 01:17:51 UTC 84,409 bytes, 67 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,66352,e=>{"use strict";var a=e.i(73647),t=e.i(59858),s=e.i(72097),l=e.i(82673),r=e.i(90096),i=e.i(52997);let n=(0,i.default)("BriefcaseBusiness",[["path",{d:"M12 12h.01",key:"1mp3jc"}],["path",{d:"M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2",key:"1ksdt3"}],["path",{d:"M22 13a18.15 18.15 0 0 1-20 0",key:"12hx5q"}],["rect",{width:"20",height:"14",x:"2",y:"6",rx:"2",key:"i6l2r4"}]]);var d=e.i(91762),o=e.i(10765),c=e.i(98122),m=e.i(5353);let x=(0,i.default)("Factory",[["path",{d:"M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z",key:"159hny"}],["path",{d:"M17 18h1",key:"uldtlt"}],["path",{d:"M12 18h1",key:"s9uhes"}],["path",{d:"M7 18h1",key:"1neino"}]]);var p=e.i(43005),h=e.i(26533),b=e.i(26602);let g=(0,i.default)("HeartPulse",[["path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",key:"c3ymky"}],["path",{d:"M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27",key:"1uw2ng"}]]);var f=e.i(72774),f=f;let u=(0,i.default)("Inbox",[["polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",key:"o97t9d"}],["path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",key:"oot6mr"}]]);var j=e.i(22965),w=e.i(64073);let v=(0,i.default)("PenLine",[["path",{d:"M12 20h9",key:"t2du7b"}],["path",{d:"M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z",key:"1ykcvy"}]]),y=(0,i.default)("Scale",[["path",{d:"m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z",key:"7g6ntu"}],["path",{d:"m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z",key:"ijws7r"}],["path",{d:"M7 21h10",key:"1b0cd5"}],["path",{d:"M12 3v18",key:"108xh3"}],["path",{d:"M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2",key:"3gwbw2"}]]);var N=e.i(61115),_=e.i(13452);let k=(0,i.default)("Truck",[["path",{d:"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2",key:"wrbu53"}],["path",{d:"M15 18H9",key:"1lyqi6"}],["path",{d:"M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14",key:"lysw3i"}],["circle",{cx:"17",cy:"18",r:"2",key:"332jqn"}],["circle",{cx:"7",cy:"18",r:"2",key:"19iecd"}]]),I=(0,i.default)("UsersRound",[["path",{d:"M18 21a8 8 0 0 0-16 0",key:"3ypg7q"}],["circle",{cx:"10",cy:"8",r:"5",key:"o932ke"}],["path",{d:"M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3",key:"10s06x"}]]);var A=e.i(14095),z=e.i(64790),C=e.i(75754),M=e.i(69987),F=e.i(72534),S=e.i(68969);let T=[{label:"対象業務を選定",color:"#3b82f6"},{label:"業務データを整理",color:"#38bdf8"},{label:"連携可否を検証",color:"#22d3ee"},{label:"業務を任せるための設計",color:"#2dd4bf"},{label:"従業員が使える環境を整備",color:"#4ade80"},{label:"効果測定・全社展開",color:"#a3e635"}],L=["AIが業務をどう処理できるか","業務負担をどれだけ削減できるか","現場で本当に使えるのか","全社に広げる価値があるのか"],E=[{label:"製造",icon:x,examples:["部品在庫データの自動突合","不具合報告書のドラフト作成"]},{label:"建設",icon:d.Building2,examples:["施工管理日報の自動清書","図面変更点のチェック支援"]},{label:"不動産",icon:f.default,examples:["物件概要書の自動作成","契約特約条項の自動ドラフト"]},{label:"士業",icon:y,examples:["過去判例・関連資料の高速検索","申請書類の記載ミス自動チェック"]},{label:"医療・介護",icon:g,examples:["介護日誌から申し送り文自動生成","シフト調整と希望日の自動反映"]},{label:"ホテル",icon:_.Hotel,examples:["宴会業務見積もり自動化","レイアウト作成自動化"]},{label:"BtoB営業",icon:n,examples:["顧客行動ログから提案書作成","フォローメールの自動ドラフト"]},{label:"バックオフィス",icon:m.ClipboardList,examples:["経費申請の入力内容自動チェック","社内規ç¨
1‹ã®è‡ªå‹•検索・回答作成"]},{label:"教育",icon:b.GraduationCap,examples:["受講生レポートの評価コメント原案","個別進捗に合わせた教材推薦"]},{label:"物流",icon:k,examples:["配送ルート計画の原案作成","荷札データと送り状の自動照合"]}],q=[{role:"経営者",category:"どの業務をAIで効率化できるかわからない",message:"「AIを使うべきなのは分かるが、自社のどの業務から始めれば効果が出るのか判断できない。」",image:"/chatbot-lp/pain-owner.webp"},{role:"現場担当者",category:"手順が属人化している",message:"「手順や判断基準が担当者ごとに違い、どこまでAIに任せられるか整理できていない。」",image:"/chatbot-lp/pain-staff.webp"},{role:"管理者",category:"手作業で面倒な業務が多い",message:"「転記、確認、書類作成、社内共有など、毎日発生する細かい作業に時間を取られている。」",image:"/chatbot-lp/pain-manager.webp"},{role:"導入検討者",category:"効果が出るかわからない",message:"「本当に業務が楽になるのか、費用に見合う効果が出るのか分からず、本格導入に踏み切れない。」",image:"/chatbot-lp/pain-buyer.webp"}],W=[{role:"経営者",title:"AIで効率化すべき業務が明確になる",body:"ヒアリングと業務フロー整理を通じて、どの業務にAIを入れると効果が出やすいかを可視化。最初に取り組むべき業務と優先順位まで整理します。",image:"/chatbot-lp/solution-owner.webp"},{role:"現場担当者",title:"面倒な手作業を自動化し、属人化を解消",body:"転記、確認、書類作成、共有などの作業を業務フローに沿って自動化。担当者ごとのやり方に依存せず、誰でも同じ手順で進められる仕組みに整えます。",image:"/chatbot-lp/solution-staff.webp"},{role:"管理者",title:"御社専用のオリジナルソフトを開発",body:"既製ツールをそのまま当てはめるのではなく、御社の業務フロー、確認手順、使っているデータに合わせて、AIエージェントを活用した業務効率化システムを設計・開発します。",image:"/chatbot-lp/solution-manager.webp"},{role:"導入検討者",title:"まずはデモ版で効果を実感",body:"いきなり高額なシステム投資に進むのではなく、まずは1つの業務フローに絞ってデモ版を開発。現場で使えるか、どれだけ負担が減るかを確認してから本格導入を判断できます。",image:"/chatbot-lp/solution-buyer.webp"}],G=[{num:"01",title:"検討期間も投資も最小限で済む",body:"大規模な全社導入から始めるのではなく、まずは効果が見えやすい1業務に絞ってデモ版を開発。短期間・小規模投資で現場の効果を確認し、本格導入の判断材料を揃えます。",badge:"bg-[#3b82f6]",glow:"from-[#eff6ff]",image:"/ai-agent-mvp/reason-card-01-investment.svg"},{num:"02",title:"資料ではなく、実際に動くシステムで確認可能",body:"提案書やデモ動画ではなく、御社の業務データ・手順に合わせて動くデモ版で効果を確認できます。",badge:"bg-[#0ea5e9]",glow:"from-[#f0f9ff]",image:"/ai-agent-mvp/reason-card-05.webp"},{num:"03",title:"受託開発・自社SaaSで培った実装力",body:"MiToAはもともと受託開発や自社SaaS開発を行ってきた会社です。業務整理だけで終わらず、実際に動くシステムとして形にできます。",badge:"bg-[#14b8a6]",glow:"from-[#f0fdfa]",image:"/ai-agent-mvp/reason-card-03.webp"},{num:"04",title:"開発後も改善を続ける伴走支援",body:"検証後に得られるものには、データ整理レポートや今後のロードマップまで含まれます。改善・追加開発を重ね、会社とともに進化する仕組みづくりまで支援します。",badge:"bg-[#22c55e]",glow:"from-[#f0fdfa]",image:"/ai-agent-mvp/reason-card-04.webp"},{num:"05",title:"開発資産の再利用で、コストと期間を圧縮",body:"過去に開発したシステムを機能ごとの部品(モジュール)に分け、AIが参照ãƒ
1»å†åˆ©ç”¨ã§ãã‚‹ã€Œã‚·ã‚¹ãƒ†ãƒ ã®å›³æ›¸é¤¨ã€ã¨ã—て蓄積。御社の業務に合う部品を組み合わせることで、ゼロから作る工程を減らし、開発コストを抑えます。実装・動作検証に集中できるため、品質を確かめながら最短4週間でのデモ版開発につなげています。",badge:"bg-[#84cc16]",glow:"from-[#f0fdf4]",image:"/ai-agent-mvp/reason-card-05-library.svg"},{num:"06",title:"業務システム水準のセキュリティ設計",body:"名古屋大学情報学部に関わるメンバーを中心に、認証・権限管理・通信保護・サーバー設定・監査ログ・サイバー攻撃対策まで、業務システムに必要な安全性を前提に設計します。",badge:"bg-[#0f766e]",glow:"from-[#ecfeff]",image:"/ai-agent-mvp/reason-card-06-security.svg"}],R=[{num:"01",label:"実際に動く\nデモ版",color:"#3b82f6",image:"/ai-agent-mvp/deliverable-01-ai-agent-mvp.webp"},{num:"02",label:"データ活用の\n現状整理",color:"#22d3ee",image:"/ai-agent-mvp/deliverable-03-data-utilization-current-state.webp"},{num:"03",label:"改善ポイントの\n洗い出し",color:"#22d3ee",image:"/ai-agent-mvp/deliverable-04-improvement-points-extraction.webp"},{num:"04",label:"AIエージェントの\n業務活用シナリオ",color:"#2dd4bf",image:"/ai-agent-mvp/deliverable-05-ai-agent-business-scenario.webp"},{num:"05",label:"将来的な運用・\n展開イメージ",color:"#84cc16",image:"/ai-agent-mvp/deliverable-06-future-operation-rollout.webp"},{num:"06",label:"次の提案",color:"#84cc16",image:"/ai-agent-mvp/deliverable-07-next-phase-proposal.webp"}],$=[{industry:"営業・提案業務",title:"問い合わせ・ヒアリングから、\n見積書・提案書を自動作成",body:"問い合わせメール、ヒアリング内容、チャットメモをもとに、見積書や提案書のドラフトを作成。担当者は内容確認と承認に集中できます。",color:"#2563eb",accent:"#0891b2",cardImage:"/ai-agent-mvp/application-card-sales.webp",mainImage:"/ai-agent-mvp/application-person-sales.webp",inputs:[{label:"問い合わせ\nメール",icon:u},{label:"ヒアリング\n文字起こし",icon:I},{label:"チャット\nメモ",icon:v}],outputs:[{label:"見積書",image:"/ai-agent-mvp/use-case-estimate-doc.webp"},{label:"提案書",image:"/ai-agent-mvp/use-case-proposal-doc.webp"}],effect:"提案スピード向上 / 作成工数削減"},{industry:"宴会・施設予約業務",title:"ヒアリング内容から、見積書・\nレイアウト案を自動作成",body:"人数、目的、要望などのヒアリング内容を整理し、会場レイアウト案や見積書の作成を支援します。",color:"#0f9aa8",accent:"#14b8a6",cardImage:"/ai-agent-mvp/application-card-banquet.webp",mainImage:"/ai-agent-mvp/application-person-banquet-meeting.webp",inputs:[{label:"ヒアリング内容\n人数・目的・要望など",icon:c.ClipboardCheck}],outputs:[{label:"ヒアリング内容",image:"/ai-agent-mvp/application-hearing-row.webp"},{label:"レイアウト案",image:"/ai-agent-mvp/application-layout-row.webp"},{label:"見積書",image:"/ai-agent-mvp/application-estimate-row.webp"}],effect:"確認漏れ防止 / 対応スピード向上"},{industry:"製造・工事業務",title:"図面・仕様書・現調メモから、\n見積・作業指示書を自動作成",body:"図面、仕様書、現調メモや写真をもとに、見積書や作業指示書の作成を支援。拾い漏れや属人化を抑えます。",color:"#3b82f6",accent:"#4f46e5",cardImage:"/ai-agent-mvp/application-card-construction.webp",mainImage:"/ai-agent-mvp/application-person-construction.webp",inputs:[{label:"図面\nCAD・PDF",icon:p.FileSearch,image:"/ai-agent-mvp/use-case-drawing.webp"},{label:"仕様書",icon:h.FileText,image:"/ai-agent-mvp/use-case-spec-doc.webp"},{label:"現調メモ\n写真",icon:m.ClipboardList,image:"/ai-agent-mvp/use-case-site-memo.webp"}],outputs:[{label:"見積書",image:"/ai-agent-mvp/use-case-estimate-doc.webp"}
1,{label:"作業指示書",image:"/ai-agent-mvp/use-case-work-order.webp"}],effect:"拾い漏れ防止 / ベテラン依存の抑制"}],B=[{label:"自社開発AIプロダクト",title:"MiToA Chatbot Studio",body:"社内資料やFAQをもとに回答し、未回答の質問を管理画面で補完できるRAG型AIチャットボット。回答根拠、権限管理、改善運用まで含めて設計しています。",points:["RAG・回答根拠","管理画面","継続改善"],image:"/chatbot-lp/hero-device.webp",href:"/services/chatbot",cta:"Chatbot Studioを見る"},{label:"業界特化SaaS",title:"ComLink",body:"MiToAが自社開発・運用する、通信イベント事業の人員配置、案件管理、請求までを一つにつなぐ業界特化SaaS。複数担当者が関わる複雑な業務フローを、実務で使える形にしています。",points:["人員配置","案件・進捗管理","請求連携"],image:"/comlink操作画面.webp",href:"/services/comlink",cta:"ComLinkを見る"},{label:"自社開発・運用中のAIシステム",title:"宴快(えんかい)",body:"MiToAが自社開発・運用するAI会場業務効率化システム。顧客・案件管理、AI要件整理、会場レイアウト、見積作成・送付までを一つの業務フローにつなぎます。",points:["案件・顧客管理","レイアウト作成","見積・送付連携"],image:"/banquet-layout-ai/screenshots/04-banquet-layout-workspace.optimized.webp",href:"/services/banquet-layout-ai",cta:"宴快を見る"}],O=[{question:"どんな業務がAIエージェント化できますか?",answer:"毎日・毎週発生し、判断基準や参照資料がある業務が向いています。問い合わせ対応、書類作成、社内検索などが代表例です。無料相談で御社の業務から候補を一緒に整理します。"},{question:"まだ具体的な業務が決まっていなくても相談できますか?",answer:"はい。むしろ多くの企業様がその状態でご相談されます。業務の洗い出しから一緒に行います。"},{question:"社内資料や既存データを使えますか?",answer:"使えます。社内マニュアル、過去の対応履歴、各種ドキュメントなどを取り込んだ形で開発します。データの整理が必要な場合は、その方針も納品物に含めてご提示します。"},{question:"小さく試した後、導入しない判断もできますか?",answer:"できます。デモ版の目的は導入ありきではなく、投資判断の材料を揃えることです。効果整理レポートをもとに、導入・縮小・中止を判断いただけます。"},{question:"開発期間はどれくらいですか?",answer:"デモ版は標準で4週間です。初回MTGから業務分解、デモ版開発、現場での利用テスト、効果整理までを一気通貫で進めます。"}],P={fontFamily:"'Zen Kaku Gothic New', 'Inter', sans-serif"},D={backgroundImage:"radial-gradient(circle, rgba(59,130,246,0.16) 1.5px, transparent 1.5px)",backgroundSize:"16px 16px"},Z=["まず話を聞いてみたい","自社業務でAIエージェントを試したい","AI化できる業務を相談したい","料金・進め方を相談したい","その他"];function H({ghost:e,title:t,sub:l}){return(0,a.jsxs)(s.FadeIn,{className:"mb-12 text-center md:mb-16",children:[(0,a.jsx)("p",{className:"text-[2.6rem] font-extrabold uppercase leading-none text-slate-100 md:text-7xl",style:{letterSpacing:"0.04em"},children:e}),(0,a.jsx)("h2",{className:"-mt-5 text-2xl font-black text-slate-900 md:-mt-9 md:text-[2.6rem]",style:{...P,fontWeight:900},children:t}),(0,a.jsx)("div",{className:"mx-auto mt-5 h-1 w-24 rounded-full bg-gradient-to-r from-blue-500 via-cyan-400 to-lime-400 md:w-48",style:{backgroundSize:"200% 100%"}}),l&&(0,a.jsx)("p",{className:"mx-auto mt-6 max-w-2xl text-sm leading-[1.9] text-slate-600 md:text-base",children:l})]})}function V({children:e}){return(0,a.jsxs)("div",{className:"relative mt-10 overflow-hidden rounded-2xl border border-blue-100 bg-gradient-to-r from-blue-50/40 via-white to-cyan-50/20 py-5 pl-5 pr-4 text-center shadow-[0_16px_50px_-28px_rgba(30,64,175,0.25)] md:mt-14 md:py-6 md:pl-8 md:pr-6",children:[(0,a.jsx)("div",{className:"absolute inset-y-0 left-0 w-2 bg-gradient-to-b from-blue-500 via-cyan-400 to-lime-400"}),(0,a.jsx)("p",{className:"text-sm font-bold leading-relaxed text-slate-800 md:text-2xl",style:P,children:e})]})}e.s(["default",0,function(){let[e,i]=(0,z.useState)(!1),[d,m]=(0,z.useState)(!1),[x,p]=(0,z.useState)(!1),[h,b]=(0,z.useState)({company:"",name:"",email:"",ph
1one:"",message:""}),[g,f]=(0,z.useState)([]);(0,z.useEffect)(()=>{let e=Array.from(document.querySelectorAll(".mvp-motion-region"));if(0===e.length)return;if(!("IntersectionObserver"in window))return void e.forEach(e=>e.classList.add("motion-active"));let a=new IntersectionObserver(e=>{e.forEach(e=>{e.target.classList.toggle("motion-active",e.isIntersecting)})},{rootMargin:"180px 0px",threshold:.01});return e.forEach(e=>a.observe(e)),()=>a.disconnect()},[".mvp-motion-region"]),(0,z.useEffect)(()=>{window.scrollTo({top:0,behavior:"auto"})},[]);let u=e=>{let{name:a,value:t}=e.target;b(e=>({...e,[a]:t}))},v=async e=>{if(e.preventDefault(),0===g.length)return void alert("ご相談内容を1つ以上選択してください。");m(!0),p(!1);try{await (0,F.submitLead)("ai-system-contact",{...h,purposes:g}),(0,M.trackLead)("ai_agent_mvp_contact",{purpose_count:g.length}),p(!0),b({company:"",name:"",email:"",phone:"",message:""}),f([])}catch(e){console.error(e),(0,M.trackEvent)("form_submit_error",{form:"ai_system_contact"}),alert("送信中にエラーが発生しました。お手数ですが、[email protected] までご連絡ください。")}finally{m(!1)}};return(0,a.jsxs)("div",{className:"flex min-h-[100dvh] flex-col bg-white",children:[(0,a.jsx)(l.default,{title:"AI業務効率化システム開発 | 1業務・4週間のデモ版から",description:"御社の業務フローとデータに合わせたAI業務効率化システムを設計・開発。まずは1業務・4週間のデモ版で効果とROIを確認し、本格導入から運用改善まで支援します。",keywords:"AI業務効率化システム開発,AI導入,AIエージェント,AIエージェント導入,AIエージェント開発,AIエージェント導入支援,AIデモ版開発,AI業務自動化,AI導入支援,名古屋 AI導入,愛知 AI導入",image:"/ai-agent-mvp/hero.webp",url:"/services/ai-agent-mvp",jsonLd:[{"@context":"https://schema.org","@type":"Service","@id":"https://mitoa-ai.com/services/ai-agent-mvp#service",name:"AI業務効率化システム開発",serviceType:"AIエージェント導入支援 / デモ版開発 / AI業務自動化",provider:{"@type":"Organization",name:"株式会社MiToA",url:"https://mitoa-ai.com"},areaServed:"日本",description:"御社の業務フローとデータに合わせたAI業務効率化システムを設計・開発。まずは1業務・4週間のデモ版で効果とROIを確認し、本格導入から運用改善まで支援します。",url:"https://mitoa-ai.com/services/ai-agent-mvp"},{"@context":"https://schema.org","@type":"FAQPage",mainEntity:O.map(e=>({"@type":"Question",name:e.question,acceptedAnswer:{"@type":"Answer",text:e.answer}}))}]}),(0,a.jsx)("style",{children:`
2        @keyframes industry-scroll {
3          from { transform: translateX(0); }
4          to { transform: translateX(-50%); }
5        }
6        @keyframes mvp-hero-packet-horizontal {
7          0% { transform: translate3d(-12vw, -50%, 0); opacity: 0; }
8          12% { opacity: 1; }
9          88% { opacity: 1; }
10          100% { transform: translate3d(112vw, -50%, 0); opacity: 0; }
11        }
12        @keyframes mvp-hero-packet-vertical {
13          0% { transform: translate3d(-50%, -12vh, 0); opacity: 0; }
14          12% { opacity: 1; }
15          88% { opacity: 1; }
16          100% { transform: translate3d(-50%, 112vh, 0); opacity: 0; }
17        }
18        .mvp-hero-tech-grid {
19          background-image:
20            linear-gradient(rgba(37, 99, 235, 0.065) 1px, transparent 1px),
21            linear-gradient(90deg, rgba(14, 165, 233, 0.055) 1px, transparent 1px);
22          background-size: 56px 56px;
23          mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
24        }
25        .mvp-hero-data-line {
26          position: absolute;
27          display: block;
28          height: 1px;
29          background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.26) 14%, rgba(14, 165, 233, 0.2) 86%, transparent);
30        }
31        .mvp-hero-data-line::after {
32          content: "";
33          position: absolute;
34          top: 50%;
35          left: 0;
36          width: 112px;
37          height: 2px;
38          background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.4) 28%, rgba(34, 211, 238, 0.98) 74%, rgba(255, 255, 255, 0.98) 88%, transparent);
39          box-shadow: 0 0 10px rgba(14, 165, 233, 0.42);
40          animation: mvp-hero-packet-horizontal 14s linear infinite;
41          will-change: transform, opacity;
42        }
43        .mvp-hero-data-line-vertical {
44          width: 1px;
45          height: auto;
46          background: linear-gradient(180deg, transparent, rgba(37, 99, 235, 0.26) 14%, rgba(14, 165, 233, 0.2) 86%, transparent);
47        }
48        .mvp-hero-data-line-vertical::after {
49          top: 0;
50          left: 50%;
51          width: 2px;
52          height: 112px;
53          background: linear-gradient(180deg, transparent, rgba(37, 99, 235, 0.4) 28%, rgba(34, 211, 238, 0.98) 74%, rgba(255, 255, 255, 0.98) 88%, transparent);
54          animation-name: mvp-hero-packet-vertical;
55        }
56        .mvp-hero-data-delay-1::after { animation-delay: -4.5s; animation-duration: 17s; }
57        .mvp-hero-data-delay-2::after { animation-delay: -8.5s; animation-duration: 20s; }
58        .mvp-hero-data-delay-3::after { animation-delay: -12s; animation-duration: 18s; }
59        .mvp-motion-region:not(.motion-active) .mvp-hero-data-line::after,
60        .mvp-motion-region:not(.motion-active) .industry-marquee {
61          animation-play-state: paused;
62          will-change: auto;
63        }
64        @media (prefers-reduced-motion: reduce) {
65          .mvp-hero-data-line::after { animation: none; }
66        }
67      `}),(0,a.jsxs)("nav",{className:"sticky top-0 z-50 border-b border-[#dbe6f5] bg-white/95 backdrop-blur-md",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between py-1 pl-0 pr-4 md:pr-8",children:[(0,a.jsx)(C.default,{href:"/",className:"flex items-center gap-2",children:(0,a.jsx)("img",{decoding:"async",width:256,height:256,src:"/logo.optimized.webp",alt:"MiToA",className:"ml-4 h-16 w-auto md:ml-6 md:h-24"})}),(0,a.jsxs)("div",{className:"hidden items-center gap-4 md:flex",children:[(0,a.jsx)(C.default,{href:"/",className:"text-sm font-bold text-[#102044] transition-colors hover:text-[#2f83ff]",children:"ホーム"}),(0,a.jsx)("span",{className:"text-gray-400",children:"|"}),(0,a.jsx)(C.default,{href:"/#service",className:"text-sm font-bold text-[#102044] transition-colors hover:text-[#2f83ff]",children:"事業内容"}),(0,a.jsx)("span",{className:"text-gray-400",children:"|"}),(0,a.jsx)(C.default,{href:"/cases/ai-agent-mvp",className:"text-sm font-bold text-[#102044] transition-colors hover:text-[#2f83ff]",children:"開発・活用事例"}),(0,a.jsx)("span",{className:"text-gray-400",children:"|"}),(0,a.jsx)("a",{href:"#faq",className:"text-sm font-bold text-[#102044] transition-colors hover:text-[#2f83ff]",children:"よくある質問"}),(0,a.jsx)(C.default,{href:"/business-flow-diagnosis",children:(0,a.jsx)(t.Button,{size:"lg",className:"h-auto rounded-xl bg-gradient-to-r from-blue-700 to-blue-500 px-6 py-2.5 text-white shadow-[0_8px_24px_rgba(37,99,235,0.35)] transition-all hover:shadow-[0_10px_32px_rgba(37,99,235,0.5)]",children:(0,a.jsxs)("span",{className:"flex flex-col items-center leading-none",children:[(0,a.jsx)("span",{className:"text-[10px] font-black text-cyan-100",children:"まずは無料で"}),(0,a.jsx)("span",{className:"mt-1 text-sm font-black",children:"AI業務フロー診断"})]})})})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 md:hidden",children:[(0,a.jsx)(C.default,{href:"/business-flow-diagnosis",children:(0,a.jsx)(t.Button,{size:"sm",className:"h-auto rounded-lg bg-gradient-to-r from-blue-700 to-blue-500 px-2.5 py-1.5 text-white hover:from-blue-800 hover:to-blue-600",children:(0,a.jsxs)("span",{className:"flex flex-col items-center leading-none",children:[(0,a.jsx)("span",{className:"text-[8px] font-black text-cyan-100",children:"まずは無料で"}),(0,a.jsx)("span",{className:"mt-1 text-[10px] font-black",children:"AI業務フロー診断"})]})})}),(0,a.jsx)("button",{className:"p-2 text-[#102044]",onClick:()=>i(!e),"aria-label":"メニュー",children:e?(0,a.jsx)(A.X,{className:"h-6 w-6"}):(0,a.jsx)(w.Menu,{className:"h-6 w-6"})})]})]}),(0,a.jsx)("div",{className:"h-1 w-full bg-gradient-to-r from-[#0a1f44] via-[#c9a86c] to-[#0a1f44]"})]}),e&&(0,a.jsx)("div",{className:"fixed left-0 right-0 top-[68px] z-50 border-t border-white/10 bg-[#102044]/95 backdrop-blur-md md:hidden",children:(0,a.jsx)("div",{className:"flex flex-col py-4",children:[{href:"/",label:"ホーム"},{href:"/#service",label:"事業内容"},{href:"/cases/ai-agent-mvp",label:"開発・活用事例"},{href:"#faq",label:"よくある質問"},{href:"#contact",label:"お問い合わせ"}].map((e,t)=>(0,a.jsx)("a",{href:e.href,className:`px-6 py-3 text-sm font-bold text-white transition-colors hover:bg-white/10 ${t>0?"border-t border-white/10":""}`,onClick:()=>i(!1),children:e.label},e.label))})}),(0,a.jsxs)("section",{className:"mvp-motion-region relative flex min-h-[460px] items-center overflow-hidden bg-[#f8fbff] py-4 md:min-h-[680px] md:py-20 lg:min-h-[760px] lg:py-24 xl:min-h-[820px]",children:[(0,a.jsx)("div",{className:"absolute inset-0 z-0 bg-[radial-gradient(circle_at_8%_12%,rgba(191,219,254,0.5),transparent_34%),radial-gradient(circle_at_85%_30%,rgba(207,250,254,0.55),transparent_30%),radial-gradient(circle_at_72%_90%,rgba(220,252,231,0.45),transparent_32%),linear-gradient(180deg,#fafdff_
670%,#f3f8ff_100%)]"}),(0,a.jsx)("div",{className:"mvp-hero-tech-grid pointer-events-none absolute inset-0 z-[1]","aria-hidden":"true"}),(0,a.jsxs)("div",{className:"pointer-events-none absolute inset-0 z-[2]","aria-hidden":"true",children:[(0,a.jsx)("span",{className:"mvp-hero-data-line left-[-4%] top-[20%] w-[62%]"}),(0,a.jsx)("span",{className:"mvp-hero-data-line mvp-hero-data-delay-1 right-[-4%] top-[57%] w-[58%]"}),(0,a.jsx)("span",{className:"mvp-hero-data-line mvp-hero-data-line-vertical mvp-hero-data-delay-2 bottom-[28%] right-[9%] top-0"}),(0,a.jsx)("span",{className:"mvp-hero-data-line mvp-hero-data-line-vertical mvp-hero-data-delay-3 bottom-0 left-[6%] top-[48%]"})]}),(0,a.jsx)("div",{className:"absolute right-0 top-0 z-0 h-72 w-72 opacity-60 md:h-96 md:w-96",style:D}),(0,a.jsx)("div",{className:"absolute bottom-0 left-0 z-0 h-56 w-56 opacity-40",style:D}),(0,a.jsx)("div",{className:"pointer-events-none absolute inset-x-0 top-0 z-0 h-[58%] rounded-bl-[4rem] bg-[linear-gradient(145deg,rgba(219,234,254,0.82)_0%,rgba(255,255,255,0.45)_58%,transparent_100%)] md:hidden"}),(0,a.jsx)("div",{className:"pointer-events-none absolute right-[-30%] top-[18%] z-0 h-[360px] w-[360px] rounded-full border border-blue-100/70 md:hidden"}),(0,a.jsx)("div",{className:"pointer-events-none absolute right-[-12%] top-[25%] z-0 h-[260px] w-[260px] opacity-40 md:hidden",style:D}),(0,a.jsxs)("div",{className:"container relative z-10 mx-auto w-full max-w-7xl px-4",children:[(0,a.jsxs)("div",{className:"grid items-center gap-6 md:grid-cols-[1.02fr_0.98fr] md:gap-10",children:[(0,a.jsxs)(s.FadeIn,{children:[(0,a.jsx)("div",{className:"mb-6 flex justify-center md:flex md:justify-start",children:(0,a.jsxs)("div",{className:"relative inline-flex h-12 w-full max-w-[340px] items-center justify-center text-white md:h-14 md:max-w-[420px]",children:[(0,a.jsxs)("svg",{className:"absolute inset-0 h-full w-full",viewBox:"0 0 360 44",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsxs)("defs",{children:[(0,a.jsxs)("linearGradient",{id:"ribbonGrad",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:"#1e40af"}),(0,a.jsx)("stop",{offset:"50%",stopColor:"#3b82f6"}),(0,a.jsx)("stop",{offset:"100%",stopColor:"#1e40af"})]}),(0,a.jsxs)("linearGradient",{id:"goldGrad",x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:"#ebd097"}),(0,a.jsx)("stop",{offset:"50%",stopColor:"#c9a86c"}),(0,a.jsx)("stop",{offset:"100%",stopColor:"#a37f3d"})]}),(0,a.jsxs)("linearGradient",{id:"tailGrad",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:"#050e24"}),(0,a.jsx)("stop",{offset:"100%",stopColor:"#1d4ed8"})]})]}),(0,a.jsx)("path",{d:"M 28 10 L 4 14 L 14 22 L 4 30 L 28 26 Z",fill:"url(#tailGrad)",stroke:"url(#goldGrad)",strokeWidth:"1"}),(0,a.jsx)("path",{d:"M 28 26 L 28 31 L 36 26 Z",fill:"#030712"}),(0,a.jsx)("path",{d:"M 332 10 L 356 14 L 346 22 L 356 30 L 332 26 Z",fill:"url(#tailGrad)",stroke:"url(#goldGrad)",strokeWidth:"1"}),(0,a.jsx)("path",{d:"M 332 26 L 332 31 L 324 26 Z",fill:"#030712"}),(0,a.jsx)("path",{d:"M 24 6 Q 180 12 336 6 L 336 32 Q 180 38 24 32 Z",fill:"url(#ribbonGrad)",stroke:"url(#goldGrad)",strokeWidth:"1"})]}),(0,a.jsxs)("span",{className:"relative z-10 text-[0.76rem] font-extrabold tracking-wider text-white md:text-[0.92rem]",style:{marginTop:"-2px"},children:["4週間で現場で",(0,a.jsx)("span",{className:"mx-1 bg-gradient-to-r from-[#ebd097] via-[#c9a86c] to-[#ebd097] bg-clip-text text-transparent font-black",children:"AIエージェント"}),"を動かして検証"]})]})}),(0,a.jsxs)("div",{className:"mx-auto max-w-[680px] md:mx-0",children:[(0,a.jsxs)("h1",{className:"mt-0 flex flex-col items-center gap-2 text-center text-[1.56rem] font-black leading-[1.18] tracking-tight text-[#0c1c44] sm:text-[1.92rem] md:items-start md:text-left md:text-[2.42rem] md:leading-[1.22] lg:text-[2.72rem]",style:{...P,fontWeight:900},children:[(0,a.jsx)("span",{className:"inline-block w-fit rounded-none bg-white px-4 py-1.5 shadow-[0_8px_20px_-10px_rgba(15,23,42,0.15)] border border-blue-50/50 md:bg-transparent md:p-0 md:shadow-none md:border-none",children:"最短4週間で"}
67),(0,a.jsx)("span",{className:"relative inline-block w-fit rounded-none bg-white px-4 py-1.5 shadow-[0_8px_20px_-10px_rgba(15,23,42,0.15)] border border-blue-50/50 md:bg-transparent md:p-0 md:shadow-none md:border-none",children:(0,a.jsx)("span",{className:"bg-gradient-to-r from-blue-700 via-sky-500 to-cyan-500 bg-clip-text text-transparent",children:"AI業務効率化システムを構築"})}),(0,a.jsx)("span",{className:"inline-block w-fit rounded-none bg-white px-4 py-1.5 shadow-[0_8px_20px_-10px_rgba(15,23,42,0.15)] border border-blue-50/50 md:bg-transparent md:p-0 md:shadow-none md:border-none",children:"デモ版で効果を確認"})]}),(0,a.jsx)("div",{className:"mx-auto mt-4 h-1 w-24 rounded-full bg-gradient-to-r from-blue-500 via-cyan-400 to-lime-400 md:mx-0 md:mt-6 md:w-[min(88%,440px)]"}),(0,a.jsxs)("p",{className:"mt-4 text-center text-[0.88rem] font-bold leading-[1.65] text-[#2c3e63] md:text-left md:text-[1.02rem] md:leading-[1.8]",style:P,children:["業務に合わせたシステムを設計・開発し、",(0,a.jsx)("br",{className:"md:hidden"}),"効果を見て導入判断できます。"]})]}),(0,a.jsx)("img",{decoding:"async",width:1536,height:1024,srcSet:"/home-ai-business-system-development-transparent.optimized-640.webp 640w, /home-ai-business-system-development-transparent.optimized-1024.webp 1024w, /home-ai-business-system-development-transparent.optimized.webp 1536w",sizes:"(min-width: 1280px) 600px, (min-width: 768px) 50vw, 100vw",src:"/home-ai-business-system-development-transparent.optimized.webp",alt:"AIエージェント活用による業務効率化システム開発",className:"mx-auto mt-5 block w-full max-w-[360px] md:hidden",loading:"eager"}),(0,a.jsxs)("div",{className:"mt-9 hidden md:flex flex-col gap-3 sm:flex-row sm:items-center",children:[(0,a.jsx)(C.default,{href:"/business-flow-diagnosis",children:(0,a.jsxs)(t.Button,{size:"lg",className:"w-full rounded-2xl bg-gradient-to-r from-blue-600 to-sky-500 px-10 py-7 text-base font-bold text-white shadow-[0_16px_40px_-12px_rgba(37,99,235,0.55)] transition-all hover:-translate-y-0.5 hover:shadow-[0_20px_48px_-12px_rgba(37,99,235,0.65)] sm:w-auto",children:["無料でAI業務フロー診断",(0,a.jsx)(r.ArrowRight,{className:"ml-2 h-5 w-5"})]})}),(0,a.jsx)("a",{href:"#use-cases",children:(0,a.jsx)(t.Button,{size:"lg",variant:"outline",className:"w-full rounded-2xl border-2 border-[#cdddf5] bg-white/80 px-10 py-7 text-base font-bold text-[#1d3461] backdrop-blur transition-all hover:-translate-y-0.5 hover:border-blue-300 hover:bg-white hover:text-blue-700 sm:w-auto",children:"試しやすい業務例を見る"})})]}),(0,a.jsxs)("div",{className:"mt-4 flex flex-col gap-2.5 md:hidden",children:[(0,a.jsx)(C.default,{href:"/business-flow-diagnosis",className:"w-full sm:w-auto",children:(0,a.jsx)(t.Button,{size:"lg",className:"h-auto w-full rounded-full bg-gradient-to-r from-blue-700 to-sky-500 px-5 py-3.5 text-base font-black text-white shadow-[0_18px_44px_-18px_rgba(37,99,235,0.75)] transition-all hover:-translate-y-0.5 hover:shadow-[0_22px_52px_-18px_rgba(37,99,235,0.8)]",children:(0,a.jsx)("span",{className:"flex w-full flex-col items-center gap-2",children:(0,a.jsxs)("span",{className:"flex items-center gap-3",children:["無料でAI業務フロー診断",(0,a.jsx)("span",{className:"flex h-8 w-8 items-center justify-center rounded-full bg-white text-blue-700",children:(0,a.jsx)(r.ArrowRight,{className:"h-5 w-5"})})]})})})}),(0,a.jsx)("a",{href:"#use-cases",className:"w-full sm:w-auto",children:(0,a.jsxs)(t.Button,{size:"lg",variant:"outline",className:"w-full rounded-full border-2 border-blue-600 bg-white/85 px-8 py-4 text-sm font-black text-blue-700 backdrop-blur transition-all hover:-translate-y-0.5 hover:border-blue-500 hover:bg-white hover:text-blue-700",children:["試しやすい業務例を見る",(0,a.jsx)(r.ArrowRight,{className:"ml-2 h-5 w-5"})]})})]})]}),(0,a.jsx)(s.FadeIn,{className:"relative mx-auto hidden w-full max-w-[300px] md:block md:max-w-[550px] lg:max-w-[600px]",children:(0,a.jsx)("img",{decoding:"async",loading:"eager",width:1536,height:1024,srcSet:"/home-ai-business-system-development-transparent.optimized-640.webp 640w, /home-ai-business-system-development-transparent.optimized-1024.webp 1024w, /home-ai-business-system-development-transparent.optimized.webp 1536w",sizes:"(min-width: 1280px) 600px, (min-width: 768px) 50vw, 100vw",src:"/home-ai-business-system-development-transparent.optimized.webp",alt:"AIエージェント活用による業務効率化システム開発",className:"w-full"})})]}),(0,a.jsx)(s.FadeIn,{className:"mt-8 md:mt-12",children:(0,a.jsxs)("div",{className:"mx-auto max-w-5xl",children:[(0,a.jsx)("div",{className:"mb-3 text-center md:mb-4",children:(0,a.jsxs)("p",{className:"mt-2 text-[0.96rem] font-black leading-[1.45] text-[#0c1c44] md:text-2xl",style:P,children:["さまざまな業界の",(0,a.jsx)("span",{className:"mx-1 bg-gradient-to-r from-blue-700 via-sky-500 to-cyan-500 bg-clip-text text-transparent",children:"業務効率化システム"}
67),"に対応します"]})}),(0,a.jsx)("div",{className:"overflow-hidden rounded-2xl border border-blue-100/90 bg-white px-3 py-3 shadow-[0_22px_64px_-38px_rgba(37,99,235,0.55)] md:px-5 md:py-4",children:(0,a.jsxs)("div",{className:"relative overflow-hidden",children:[(0,a.jsx)("div",{className:"pointer-events-none absolute inset-y-0 left-0 z-10 w-10 bg-gradient-to-r from-white to-transparent md:w-16"}),(0,a.jsx)("div",{className:"pointer-events-none absolute inset-y-0 right-0 z-10 w-10 bg-gradient-to-l from-white to-transparent md:w-16"}),(0,a.jsx)("div",{className:"industry-marquee flex w-max animate-[industry-scroll_55s_linear_infinite] gap-3 md:gap-4.5",children:[...E,...E].map((e,t)=>{let s=e.icon;return(0,a.jsxs)("div",{className:"flex w-[265px] shrink-0 flex-col rounded-2xl border border-blue-100 bg-gradient-to-b from-white to-slate-50/50 p-4 shadow-[0_10px_30px_-20px_rgba(37,99,235,0.25)] md:w-[290px] md:p-5",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,a.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-blue-600 to-cyan-500 text-white shadow-[0_6px_16px_-8px_rgba(37,99,235,0.7)] md:h-9 md:w-9",children:(0,a.jsx)(s,{className:"h-4 w-4 md:h-5 md:w-5",strokeWidth:2})}),(0,a.jsx)("span",{className:"text-sm font-black text-[#0c1c44] md:text-base",style:P,children:e.label})]}),(0,a.jsx)("div",{className:"my-3 border-t border-dashed border-slate-200"}),(0,a.jsx)("div",{className:"space-y-2",children:e.examples.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-start gap-1.5 text-left text-xs leading-normal text-slate-600 md:text-[13px]",children:[(0,a.jsx)("span",{className:"mt-1.5 flex h-1.5 w-1.5 shrink-0 rounded-full bg-blue-500"}),(0,a.jsx)("span",{style:P,children:e})]},t))})]},`${e.label}-${t}`)})})]})})]})})]})]}),(0,a.jsx)("section",{"aria-label":"自社開発で培った実装・運用経験",className:"border-y border-slate-200 bg-white py-10 md:py-12",children:(0,a.jsxs)("div",{className:"container mx-auto max-w-6xl px-4",children:[(0,a.jsxs)("div",{className:"grid gap-6 lg:grid-cols-[0.82fr_2.18fr] lg:items-start",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-xs font-black uppercase tracking-[0.16em] text-blue-600",children:"DEVELOPMENT EXPERIENCE"}),(0,a.jsxs)("h2",{className:"mt-2 text-xl font-black leading-[1.5] text-[#0a1f44] md:text-2xl",style:P,children:["自社開発で培った",(0,a.jsx)("br",{className:"hidden lg:block"}),"実装・運用経験"]}),(0,a.jsx)("p",{className:"mt-3 text-xs font-bold leading-[1.8] text-slate-500",children:"AIの説明だけでなく、自社の業務システムを設計・開発し、現場で使いながら改善しています。"})]}),(0,a.jsx)("div",{className:"grid gap-3 sm:grid-cols-3",children:[{href:"/services/chatbot",name:"MiToA Chatbot Studio",type:"社内ナレッジAI",detail:"資料参照、回答根拠、管理画面、認証・権限、改善運用"},{href:"/services/banquet-layout-ai",name:"宴快(えんかい)",type:"会場業務AI",detail:"案件管理、AI要件整理、レイアウト、見積・送付連携"},{href:"/services/comlink",name:"ComLink",type:"現場管理SaaS",detail:"案件、人材、シフト、進捗、請求を一つの業務へ統合"}].map(e=>(0,a.jsxs)(C.default,{href:e.href,className:"group flex min-h-[190px] flex-col border border-slate-200 bg-[#f8fbff] px-4 py-4 transition-colors hover:border-blue-300 hover:bg-blue-50",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,a.jsx)("p",{className:"text-[11px] font-black text-blue-600",children:e.type}),(0,a.jsx)("span",{className:"border border-emerald-200 bg-emerald-50 px-2 py-1 text-[9px] font-black text-emerald-700",children:"自社開発・運用中"})]}),(0,a.jsx)("p",{className:"mt-1 text-sm font-black text-[#0a1f44] md:text-base",children:e.name}),(0,a.jsx)("p",{className:"mt-3 flex-1 text-xs font-bold leading-[1.75] text-slate-500",children:e.detail}),(0,a.jsxs)("span",{className:"mt-4 inline-flex items-center gap-1 text-xs font-bold text-slate-500 group-hover:text-blue-700",children:["詳細を見る ",(0,a.jsx)(r.ArrowRight,{className:"h-3.5 w-3.5"})]})]},e.name))})]}),(0,a.jsx)("p",{className:"mt-5 border-l-2 border-blue-500 pl-4 text-xs font-bold leading-[1.8] text-slate-600 lg:ml-[28%]",children:"業務整理、データ設計、画面設計、AI実装、認証・権限管理、現場検証、運用改善まで、実際の開発・運用で得た知見を御社のシステム開発に活かします。"})]})}),(0,a.jsxs)("section",{className:"relative bg-gradient-to-b from-white via-blue-50/40 to-white py-14 md:py-28",children:[(0,a.jsxs)("div",{className:"container",children:[(0,a.jsxs)(s.FadeIn,{className:"text-center",children:[(0,a.jsxs)("h2",{className:"mt-3 text-2xl font-black leading-[1.45] text-[#0c1c44] md:text-5xl md:leading-[1.25]",style:{...P,fontWeight:900},children:["現場ではこのようなことに",(0,a.jsx)("br",{className:"md:hidden"}),"お困りではないですか?"]}),(0,a.jsx)("div",{className:"mx-auto mt-6 h-1 w-24 bg-gradient-to-r from-blue-600 via-sky-500 to-cyan-400"})]}),(0,a.jsx)("div",{className:"mt-8 grid gap-6 md:mt-14 md:grid-cols-2 md:gap-8",children:q.map((e,t)=>(0,a.jsx)(s.FadeIn,{delay:100*t,children:(0,a.jsxs)("div",{className:"flex items-start gap-3 md:gap-4",children:[(0,a.jsxs)("div",{className:"flex w-24 shrink-0 flex-col items-center gap-2 md:w-auto",children:[(0,a.jsx)("img",{src:e.image,alt:e.role,loading:"lazy",decoding:"async",className:"h-20 w-20 object-contain md:h-32 md:w-32"}),(0,a.jsx)("p",{className:"text-xs font-bold text-slate-500 md:text-sm",children:e.role})]}),(0,a.jsx)("div",{className:"relative flex-1",children:(0,a.jsxs)("div",{className:"relative rounded-2xl border border-slate-200 bg-white p-5 shadow-lg md:min-h-[190p
67x] md:p-6",children:[(0,a.jsx)("div",{className:"absolute -left-3 top-4 h-0 w-0 border-y-8 border-r-8 border-y-transparent border-r-white md:top-6"}),(0,a.jsx)("div",{className:"absolute -left-4 top-4 h-0 w-0 border-y-8 border-r-8 border-y-transparent border-r-slate-200 md:top-6"}),(0,a.jsx)("p",{className:"mb-2 text-left text-base font-black leading-[1.45] text-blue-700 md:mb-3 md:text-2xl",children:e.category}),(0,a.jsx)("p",{className:"text-left text-sm font-bold leading-relaxed text-[#0c1c44] md:text-lg",children:e.message})]})})]})},e.category))})]}),(0,a.jsx)("div",{className:"absolute bottom-0 left-1/2 z-20 -translate-x-1/2 translate-y-1/2",children:(0,a.jsx)("svg",{viewBox:"0 0 100 20",className:"h-auto w-40 text-sky-100 drop-shadow-xl md:w-80",preserveAspectRatio:"none",fill:"currentColor",children:(0,a.jsx)("path",{d:"M0 0 L50 20 L100 0 H0 Z"})})})]}),(0,a.jsx)("section",{className:"relative flex min-h-[100dvh] flex-col justify-center overflow-hidden bg-sky-100 py-16 md:py-24",children:(0,a.jsxs)("div",{className:"container relative z-10",children:[(0,a.jsxs)(s.FadeIn,{className:"mb-12 text-center md:mb-20",children:[(0,a.jsxs)("h2",{className:"text-3xl font-black leading-tight text-[#0c1c44] md:text-5xl",style:{...P,fontWeight:900},children:["その課題、MiToAなら",(0,a.jsx)("br",{className:"md:hidden"}),"解決できます。"]}),(0,a.jsx)("div",{className:"mx-auto mt-6 h-1 w-24 bg-blue-600"})]}),(0,a.jsx)("div",{className:"mx-auto flex max-w-[95%] flex-col gap-8 px-4 md:grid md:grid-cols-2 md:gap-8 lg:gap-12",children:W.map((e,t)=>(0,a.jsx)(s.FadeIn,{delay:100*t,children:(0,a.jsxs)("div",{className:`flex flex-row items-center gap-4 roun
67ded-3xl bg-white p-5 shadow-xl md:gap-6 md:p-8 ${t%2==1?"flex-row-reverse md:flex-row":""}`,children:[(0,a.jsx)("div",{className:"w-20 shrink-0 md:w-[30%] md:flex-shrink-0",children:(0,a.jsx)("img",{src:e.image,alt:e.role,loading:"lazy",decoding:"async",className:"mx-auto w-full max-w-xs object-contain md:max-w-md"})}),(0,a.jsxs)("div",{className:"min-w-0 flex-1 text-left md:w-[70%]",children:[(0,a.jsx)("p",{className:"mb-0 text-sm font-bold text-blue-700 md:mb-1 md:text-xl",children:e.role}),(0,a.jsx)("h3",{className:"mb-1 text-lg font-black leading-tight text-[#0c1c44] md:mb-2 md:text-2xl lg:text-3xl",style:{...P,fontWeight:900},children:e.title}),(0,a.jsx)("div",{className:"mb-2 h-1 w-16 bg-blue-100 md:mb-3 md:w-24"}),(0,a.jsx)("p",{className:"text-sm font-bold leading-relaxed text-slate-600 md:text-base lg:text-lg",children:e.body})]})]})},e.title))})]})}),(0,a.jsx)(()=>(0,a.jsxs)("section",{id:"reasons",className:"relative scroll-mt-28 overflow-hidden bg-[#f8fbff] py-16 md:py-28",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_18%_16%,rgba(219,234,254,0.5),transparent_30%),radial-gradient(circle_at_82%_82%,rgba(207,250,254,0.36),transparent_32%)]"}),(0,a.jsxs)("div",{className:"container relative z-10 mx-auto max-w-7xl px-4",children:[(0,a.jsx)(H,{ghost:"REASONS",title:"MiToAが選ばれる理由"}),(0,a.jsx)("div",{className:"grid gap-6 md:grid-cols-2 md:gap-7",children:G.map((e,t)=>(0,a.jsx)(s.FadeIn,{delay:100*t,children:(0,a.jsxs)("div",{id:`reason-${e.num}`,className:`relative h-full scroll-mt-28 overflow-hidden rounded-2xl border border-[#d8e7fb] bg-white p-5 shadow-[0_24px_70px_-38px_rgba(15,23,42,0.35)] transition-all hover:-translate-y-1 hover:shadow-[0_32px_80px_-38px_rgba(37,99,235,0.3)] md:p-6 ${G.length%2==1&&t===G.length-1?"md:col-span-2":""}`,children:[(0,a.jsx)("span",{className:`absolute left-4 top-4 z-10 flex h-11 w-11 items-center justify-center rounded-2xl text-base font-black text-white shadow-lg md:h-12 md:w-12 ${e.badge}`,children:e.num}),(0,a.jsx)("div",{className:"flex h-[145px] items-center justify-center rounded-xl bg-gradient-to-b from-white to-blue-50/30 p-2 md:h-[190p
67x]",children:(0,a.jsx)("img",{decoding:"async",src:e.image,alt:"",loading:"lazy",className:"mx-auto h-full w-full object-contain"})}),(0,a.jsx)("h3",{className:"mt-5 text-lg font-black leading-[1.55] text-[#071936] md:text-[1.35rem]",style:{...P,fontWeight:900},children:e.title}),(0,a.jsx)("p",{className:"mt-3 text-sm leading-[1.9] text-slate-600 md:text-[15px]",children:e.body})]})},e.num))})]})]}),{}),(0,a.jsxs)("section",{className:"relative overflow-hidden bg-[#16335d] py-16 md:py-28",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_18%_18%,rgba(59,130,246,0.22),transparent_30%),radial-gradient(circle_at_82%_74%,rgba(34,211,238,0.16),transparent_34%),linear-gradient(180deg,#1c4270_0%,#132f58_100%)]"}),(0,a.jsx)("div",{className:"absolute inset-0 opacity-[0.3] [background-image:radial-gradient(circle,rgba(219,234,254,0.52)_1px,transparent_1.6px)] [background-size:18px_18px]"}),(0,a.jsx)("div",{className:"absolute inset-0 opacity-[0.18] [background-image:linear-gradient(rgba(125,211,252,0.38)_1px,transparent_1px),linear-gradient(90deg,rgba(125,211,252,0.28)_1px,transparent_1px)] [background-size:96px_96px]"}),(0,a.jsx)("div",{className:"absolute inset-0 opacity-[0.22] [background-image:radial-gradient(circle_at_18%_34%,rgba(125,211,252,0.8)_0_2px,transparent_3px),radial-gradient(circle_at_68%_22%,rgba(34,211,238,0.7)_0_2px,transparent_3px),radial-gradient(circle_at_84%_72%,rgba(191,219,254,0.7)_0_2px,transparent_3px),linear-gradient(90deg,transparent_0_17%,rgba(125,211,252,0.38)_17%_17.2%,transparent_17.2%_100%),linear-gradient(180deg,transparent_0_34%,rgba(125,211,252,0.3)_34%_34.2%,transparent_34.2%_100%)] [background-size:420px_260px]"}),(0,a.jsx)("div",{className:"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-sky-200/45 to-transparent"}),(0,a.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-px bg-gradient-to-r from-transparent via-cyan-100/30 to-transparent"}),(0,a.jsx)("div",{className:"absolute left-1/2 top-8 h-52 w-[min(80vw,760px)] -translate-x-1/2 rounded-full bg-sky-200/14 blur-3xl"}),(0,a.jsxs)("div",{className:"container relative z-10 mx-auto max-w-6xl px-4",children:[(0,a.jsxs)(s.FadeIn,{className:"mb-10 md:mb-14",children:[(0,a.jsxs)("p",{className:"mb-2 inline-flex items-center gap-2 text-xs font-black uppercase tracking-[0.18em] text-slate-300/80 md:mb-3",children:[(0,a.jsx)("span",{className:"h-px w-7 bg-gradient-to-r from-sky-200/80 to-cyan-200/80"}),"ADOPTION STEPS",(0,a.jsx)("span",{className:"h-px w-7 bg-gradient-to-r from-cyan-200/80 to-lime-200/80"})]}),(0,a.jsxs)("h2",{className:"mt-0 text-[1.35rem] font-black leading-[1.45] text-white md:text-[2.1rem]",style:{...P,fontWeight:900},children:["AIエージェントの全社導入は、",(0,a.jsx)("br",{className:"md:hidden"}),"想像以上にハードルが高い。"]}),(0,a.jsxs)("p",{className:"mx-auto mt-6 max-w-3xl text-center text-sm leading-[2.05] text-slate-100 md:text-base",children:["業務選定、データ整理、システム連携、",(0,a.jsx)("br",{className:"md:hidden"}),"運用設計、利用環境の整備、効果測定。",(0,a.jsx)("br",{}),"どれか一つが曖昧なまま進めると、",(0,a.jsx)("br",{className:"md:hidden"}),"費用だけが膨らみ、現場で使われないまま終わることがあります。"]})]}),(0,a.jsxs)("div",{className:"relative overflow-hidden rounded-[2rem] border border-[#e2eaf5] bg-white p-6 shadow-[0_32px_90px_-44px_rgba(15,23,42,0.35)] md:p-12",children:[(0,a.jsx)("div",{className:"hidden justify-center md:flex",children:(0,a.jsx)("img",{decoding:"async",width:1557,height:1010,src:"/ai-agent-mvp/ai_agent_steps_staircase_solid.svg",alt:"対象業務の選定から効果測定・全社展開まで6段の階段を上った先にAIエージェントの全社導入というゴールがある",loading:"lazy",className:"w-full max-w-3xl"})}),(0,a.jsxs)("div",{className:"md:hidden",children:[(0,a.jsx)("div",{className:"space-y-2.5",children:T.map((e,t)=>(0,a.jsxs)("div",{className:"relative overflow-hidden rounded-2xl border border-blue-100 bg-gradient-to-r from-white to-blue-50/60 px-4 py-3.5 shadow-[0_12px_28px_-22px_rgba(37,99,235,0.42)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("span",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-sm font-black text-white shadow-[0_12px_22px_-14px_rgba(37,99,235,0.7)]",style:{backgroundColor:e.color},children:String(t+1).padStart(2,"0")}),(0,a.jsx)("p",{className:"text-base font-black leading-[1.45] text-[#0c1c44]",style:{...P,fontWeight:900},children:e.label})]}),(0,a.jsx)("div",{className:"absolute inset-y-0 left-0 w-1",style:{backgroundColor:e.color}})]},e.label))}),(0,a.jsxs)("div",{className:"mt-4 rounded-2xl bg-gradient-to-r from-blue-700 via-sky-500 to-emerald-500 px-4 py-4 text-center shadow-[0_18px_42px_-24px_rgba(37,99,235,0.7)]",children:[(0,a.jsx)("p",{className:"text-xs font-black tracking-[0.16em] text-white/80",children:"GOAL"}),(0,a.jsx)("p",{className:"mt-1 text-lg font-black text-white",style:{...P,fontWeight:900},children:"AIエージェントの全社導入"})]})]}),(0,a.jsx)("div",{className:"mx-auto mt-8 max-w-2xl rounded-2xl border border-blue-100 bg-[#f0f7ff]/70 px-5 py-4 text-center shadow-[0_12px_30px_-15px_rgba(37,99,235,0.1
67)] backdrop-blur-sm",children:(0,a.jsxs)("p",{className:"leading-[1.8] text-[#0c1c44]",style:P,children:[(0,a.jsxs)("span",{className:"block text-[0.75rem] font-bold tracking-tight text-[#0c1c44] md:text-[1.05rem] md:inline md:tracking-normal",children:["最初に必要なのは",(0,a.jsx)("span",{className:"text-slate-500 font-bold",children:"大きな全社導入計画"}),"ではなく、"]}),(0,a.jsx)("br",{className:"hidden md:block"}),(0,a.jsxs)("span",{className:"block mt-1.5 md:mt-0 md:inline",children:[(0,a.jsx)("span",{className:"bg-gradient-to-r from-blue-600 via-sky-500 to-cyan-500 bg-clip-text text-transparent font-black text-[1.02rem] tracking-tight md:text-2xl md:tracking-normal",children:"業務設計された小さなデモ版"}),(0,a.jsx)("span",{className:"text-[0.85rem] font-bold text-[#0c1c44] md:text-[1.05rem]",children:"です。"})]})]})})]})]})]}),(0,a.jsxs)("section",{id:"development-experience",className:"relative overflow-hidden bg-white py-16 md:py-28",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_80%_20%,rgba(191,219,254,0.18),transparent_35%),radial-gradient(circle_at_15%_80%,rgba(207,250,254,0.18),transparent_35%)] pointer-events-none"}),(0,a.jsxs)("div",{className:"container mx-auto max-w-6xl px-4 relative z-10",children:[(0,a.jsxs)(s.FadeIn,{className:"mb-7 md:mb-9",children:[(0,a.jsxs)("p",{className:"flex items-center gap-3 text-sm font-bold uppercase tracking-[0.22em] text-blue-500",children:[(0,a.jsx)("span",{className:"h-px w-8 bg-gradient-to-r from-blue-500 to-cyan-400"}),"SMALL START"]}),(0,a.jsxs)("h2",{className:"mt-4 text-[1.55rem] font-black leading-[1.38] text-slate-900 md:text-[2.1rem] md:leading-[1.45]",style:{...P,fontWeight:900},children:["だからMiToAは、",(0,a.jsx)("br",{}),(0,a.jsx)("span",{className:"bg-gradient-to-r from-blue-600 to-cyan-500 bg-clip-text text-transparent",children:"1業務のデモ版"}),"から始めます。"]})]}),(0,a.jsxs)("div",{className:"grid items-center gap-8 md:grid-cols-[1.05fr_0.95fr] md:gap-10",children:[(0,a.jsxs)(s.FadeIn,{children:[(0,a.jsxs)("p",{className:"hidden text-sm leading-[1.9] text-slate-700 md:block md:text-base",children:["いきなり全社展開を目指すのではなく、対象業務、使うデータ、AIに任せる範囲を整理し、",(0,a.jsx)("strong",{className:"border-b-2 border-cyan-300 text-slate-900",children:"実際に動くデモ版"}),"を見ながら次の4点を判断できます。"]}),(0,a.jsxs)("p",{className:"text-center text-sm font-bold leading-[1.9] text-slate-700 md:hidden",children:["いきなり全社展開を目指すのではなく、",(0,a.jsx)("br",{}),"業務設計をした上で",(0,a.jsx)("br",{}),(0,a.jsx)("strong",{className:"border-b-2 border-cyan-300 text-slate-900",children:"実際に動くデモ版"}),"を作り、",(0,a.jsx)("br",{}),"導入判断に必要な4点を確認します。"]}),(0,a.jsx)("div",{className:"mt-5 space-y-3.5",children:L.map((e,t)=>(0,a.jsxs)("div",{className:"relative flex items-center gap-4 roun
67ded-2xl border border-blue-50 bg-gradient-to-r from-[#fafcff] to-white py-5 pl-6 pr-5 shadow-[0_12px_36px_-22px_rgba(15,23,42,0.25)] transition-all duration-300 hover:-translate-y-0.5 hover:border-blue-100 hover:shadow-[0_16px_40px_-18px_rgba(37,99,235,0.2)]",children:[(0,a.jsx)("div",{className:"absolute inset-y-0 left-0 w-1.5 rounded-l-2xl",style:{background:`linear-gradient(to bottom, ${["#3b82f6","#0ea5e9","#22d3ee","#2dd4bf","#4ade80"][t]}, ${["#2563eb","#0284c7","#06b6d4","#14b8a6","#22c55e"][t]})`}}),(0,a.jsx)("span",{className:"relative z-10 flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-base font-black text-white shadow-md",style:{background:`linear-gradient(135deg, ${["#3b82f6","#0ea5e9","#22d3ee","#2dd4bf","#4ade80"][t]}, ${["#2563eb","#0284c7","#06b6d4","#14b8a6","#22c55e"][t]})`},children:t+1}),(0,a.jsx)("p",{className:"relative z-10 text-base font-black leading-[1.65] text-slate-900 md:text-lg",style:{...P,fontWeight:900},children:e})]},e))})]}),(0,a.jsx)(s.FadeIn,{className:"mx-auto w-full max-w-md",children:(0,a.jsxs)("div",{className:"relative rounded-[2rem] border border-blue-100/70 bg-white p-5 shadow-[0_32px_80px_-40px_rgba(30,64,175,0.25)] md:p-7 transition-all duration-500 hover:shadow-[0_32px_80px_-25px_rgba(30,64,175,0.32)]",children:[(0,a.jsx)("div",{className:"absolute -inset-4 rounded-[2.5rem] bg-gradient-to-tr from-blue-400/10 to-cyan-400/10 opacity-75 blur-xl pointer-events-none"}),(0,a.jsx)("img",{decoding:"async",width:998,height:724,src:"/ai-agent-mvp/hero-mvp-decision-flow.webp",alt:"AIエージェントを自社業務で検証し、投資判断につなげる流れ",loading:"lazy",className:"relative z-10 w-full"})]})})]}),(0,a.jsx)(s.FadeIn,{children:(0,a.jsxs)(V,{children:[(0,a.jsxs)("span",{className:"hidden leading-[1.9] md:inline",children:[(0,a.jsx)("span",{className:"text-slate-700",children:"大きく導入する前に、まずは"}),(0,a.jsx)("span",{className:"mx-1 text-lg font-black text-blue-700 md:text-2xl",children:"1業務"}),(0,a.jsx)("span",{className:"text-slate-700",children:"で、業務設計から"}),(0,a.jsx)("span",{className:"mx-1 bg-gradient-to-r from-blue-700 via-sky-500 to-cyan-500 bg-clip-text text-lg font-black text-transparent md:text-2xl",children:"デモ版"}),(0,a.jsx)("span",{className:"text-slate-700",children:"までを動く形で確かめます。"})]}),(0,a.jsxs)("span",{className:"block text-[0.84rem] leading-[1.8] md:hidden",children:[(0,a.jsx)("span",{className:"text-slate-700",children:"大きく導入する前に、まずは"}),(0,a.jsx)("span",{className:"font-black text-blue-700",children:"1業務に絞って"}),(0,a.jsx)("br",{}),(0,a.jsx)("span",{className:"whitespace-nowrap bg-gradient-to-r from-blue-700 via-sky-500 to-cyan-500 bg-clip-text text-[0.9rem] font-black text-transparent",children:"業務設計からデモ版"}),(0,a.jsx)("span",{className:"whitespace-nowrap text-slate-700",children:"までを動く形で確かめます。"})]})]})})]})]}),(0,a.jsx)("section",{id:"diagnosis",className:"relative overflow-hidden bg-[linear-gradient(180deg,#f8fbff_0%,#ffffff_100%)] py-10 md:py-14",children:(0,a.jsx)("div",{className:"container relative z-10 mx-auto max-w-6xl px-4",children:(0,a.jsx)(s.FadeIn,{children:(0,a.jsx)("div",{className:"rounded-2xl border border-slate-200 bg-white p-5 shadow-[0_22px_70px_-52px_rgba(15,23,42,0.42)] md:p-7",children:(0,a.jsxs)("div",{className:"grid gap-5 md:grid-cols-[1fr_auto] md:items-center",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("p",{className:"inline-flex items-center gap-2 text-xs font-black uppercase tracking-[0.16em] text-slate-400",children:[(0,a.jsx)(c.ClipboardCheck,{className:"h-4 w-4"}),"AI Business Flow Diagnosis"]}),(0,a.jsx)("h2",{className:"mt-4 text-2xl font-black leading-tight text-[#0a1f44] md:text-4xl",style:{...P,fontWeight:900},children:"システム開発の前に、現在地を把握する。"}),(0,a.jsx)("p",{className:"mt-3 max-w-3xl text-sm font-bold leading-[1.85] text-slate-600 md:text-base",children:"現在の業務フローをヒアリングし、AI化しやすい業務、デモ版で試す範囲、その後の進め方を整理します。"})]}),(0,a.jsxs)(C.default,{href:"/business-flow-diagnosis",className:"inline-flex items-center justify-center gap-2 rounded-lg bg-[#0a1f44] px-6 py-3 text-sm font-black text-white transition-colors hover:bg-[#16335d]",children:["無料でAI業務フロー診断",(0,a.jsx)(r.ArrowRight,{className:"h-4 w-4"})]})]})})})})}),(0,a.jsxs)("section",{className:"relative overflow-hidden bg-[#16335d] py-16 md:py-28",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_18%_18%,rgba(59,130,246,0.22),transparent_30%),radial-gradient(circle_at_82%_74%,rgba(34,211,238,0.16),transparent_34%),linear-gradient(180deg,#1c4270_0%,#132f58_100%)]"}),(0,a.jsx)("div",{className:"absolute inset-0 opacity-[0.3] [background-image:radial-gradient(circle,rgba(219,234,254,0.52)_1px,transparent_1.6px)] [background-size:18px_18px]"}),(0,a.jsx)("div",{className:"absolute inset-0 opacity-[0.18] [background-image:linear-gradient(rgba(125,211,252,0.38)_1px,transparent_1px),linear-gradient(90deg,rgba(125,211,252,0.28)_1px,transparent_1px)] [background-size:96px_96px]"}),(0,a.jsx)("div",{className:"absolute inset-0 opacity-[0.22] [background-image:radial-gradient(circle_at_18%_34%,rgba(125,211,252,0.8)_0_2px,transparent_3px),radial-gradient(circle_at_68%_22%,rgba(34,211,238,0.7)_0_2px,transparent_3px),radial-gradient(circle_at_84%_72%,rgba(191,219,254,0.7)_0_2px,transparent_3px),linear-gradient(90deg,transparent_0_17%,rgba(125,211,252,0.38)_17%_17.2%,transparent_17.2%_100%),linear-gradient(180deg,transparent_0_34%,rgba(125,211,252,0.3)_34%_34.2%,transparent_34.2%_100%)] [background-size:420px_260px]"}),(0,a.jsx)("div",{className:"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-sky-200/45 to-transparent"}),(0,a.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-px bg-gradient-to-r from-transparent via-cyan-100/30 to-transparent"}),(0,a.jsx)("div",{className:"absolute left-1/2 top-8 h-52 w-[min(80vw,760px)] -translate-x-1/2 roun
67ded-full bg-sky-200/14 blur-3xl"}),(0,a.jsxs)("div",{className:"container relative z-10 mx-auto max-w-6xl px-4",children:[(0,a.jsxs)(s.FadeIn,{className:"mb-12 text-center md:mb-16",children:[(0,a.jsx)("p",{className:"text-[2.6rem] font-extrabold uppercase leading-none text-slate-300/35 md:text-7xl",style:{letterSpacing:"0.04em"},children:"4 WEEKS"}),(0,a.jsx)("h2",{className:"-mt-5 text-2xl font-black text-white md:-mt-9 md:text-[2.6rem]",style:{...P,fontWeight:900},children:"初めの4週間の進め方"}),(0,a.jsx)("div",{className:"mx-auto mt-5 h-1 w-24 rounded-full bg-gradient-to-r from-blue-300 via-cyan-300 to-lime-300 md:w-48"}),(0,a.jsx)("p",{className:"mx-auto mt-6 max-w-2xl text-sm leading-[1.9] text-slate-100 md:text-base",children:"事前の無料相談で業務課題・関心領域をヒアリングした上で、初めの4週間で業務設計、デモ版開発、利用テスト、効果整理まで進めます。"})]}),(0,a.jsx)(s.FadeIn,{children:(0,a.jsxs)("div",{className:"relative overflow-hidden rounded-[2rem] border border-[#e2eaf5] bg-white p-6 shadow-[0_32px_90px_-44px_rgba(15,23,42,0.35)] md:p-12",children:[(0,a.jsx)("div",{className:"hidden justify-center md:flex",children:(0,a.jsx)("img",{decoding:"async",width:1536,height:768,src:"/ai-agent-mvp/four-week-timeline.svg",alt:"1週目は初回MTGと業務分解、2週目はデモ版設計と実装開始、3週目はデモ版共有と利用テスト、4週目は納品MTGと効果整理・次回提案",loading:"lazy",className:"w-full max-w-5xl"})}),(0,a.jsxs)("div",{className:"space-y-3 md:hidden",children:[[{week:"1週目",title:"初回MTG",items:["対象業務の決定","業務分解"],image:"/ai-agent-mvp/four-week-meeting.webp",color:"#2F6DF5"},{week:"2週目",title:"デモ版設計",items:["必要データ確認","実装開始"],image:"/ai-agent-mvp/four-week-checklist.webp",color:"#1EA7DD"},{week:"3週目",title:"デモ版共有",items:["利用テスト","修正"],image:"/ai-agent-mvp/four-week-search.webp",color:"#1BB8C8"},{week:"4週目",title:"納品MTG",items:["効果整理","次回提案"],image:"/ai-agent-mvp/four-week-chart.webp",color:"#63C917"}].map(e=>(0,a.jsxs)("div",{className:"relative overflow-hidden rounded-2xl border border-blue-100 bg-gradient-to-r from-white to-blue-50/60 p-4 shadow-[0_14px_32px_-24px_rgba(37,99,235,0.45)]",children:[(0,a.jsx)("div",{className:"absolute inset-y-0 left-0 w-1.5",style:{backgroundColor:e.color}}),(0,a.jsxs)("div",{className:"grid grid-cols-[76px_minmax(0,1fr)] items-center gap-4 pl-2",children:[(0,a.jsx)("div",{className:"flex h-16 w-16 items-center justify-center rounded-2xl bg-white shadow-[0_12px_24px_-18px_rgba(15,23,42,0.4)]",children:(0,a.jsx)("img",{decoding:"async",src:e.image,alt:"",loading:"lazy",className:"h-12 w-12 object-contain"})}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"rounded-full px-3 py-1 text-xs font-black text-white",style:{backgroundColor:e.color},children:e.week}),(0,a.jsx)("h3",{className:"text-lg font-black text-[#0c1c44]",style:{...P,fontWeight:900},children:e.title})]}),(0,a.jsx)("ul",{className:"mt-2 space-y-1",children:e.items.map(e=>(0,a.jsx)("li",{className:"text-sm font-bold leading-snug text-slate-700",children:e},e))})]})]})]},e.week)),(0,a.jsx)("p",{className:"pt-1 text-center text-xs font-bold text-slate-500",children:"4週間で構想から効果整理までを一気通貫で推進"})]})]})}),(0,a.jsx)(s.FadeIn,{children:(0,a.jsxs)("div",{className:"relative mt-10 overflow-hidden rounded-2xl border border-blue-100 bg-white py-5 pl-5 pr-4 text-center shadow-[0_18px_50px_-28px_rgba(15,23,42,0.35)] md:mt-14 md:py-6 md:pl-8 md:pr-6",children:[(0,a.jsx)("div",{className:"absolute inset-y-0 left-0 w-2 bg-gradient-to-b from-blue-500 via-cyan-400 to-lime-400"}),(0,a.jsxs)("p",{className:"text-sm font-bold leading-relaxed text-slate-900 md:text-2xl",style:P,children:["納品して終わりではなく、",(0,a.jsx)("span",{className:"bg-gradient-to-r from-blue-700 via-sky-500 to-cyan-500 bg-clip-text font-black text-transparent",children:"現場で使って"}),(0,a.jsx)("br",{}),(0,a.jsx)("span",{className:"bg-gradient-to-r from-blue-700 via-sky-500 to-cyan-500 bg-clip-text font-black text-transparent",children:"判断するところ"}),"まで4週間で進めます。"]})]})})]})]}),(0,a.jsx)("section",{className:"bg-white py-16 md:py-28",children:(0,a.jsxs)("div",{className:"container mx-auto max-w-6xl px-4",children:[(0,a.jsx)(H,{ghost:"DELIVERABLES",title:"検証後に得られるもの"}),(0,a.jsx)("div",{className:"grid grid-cols-2 gap-3 md:grid-cols-4 md:gap-5",children:R.map((e,t)=>(0,a.jsx)(s.FadeIn,{delay:60*t,children:(0,a.jsxs)("div",{className:"group relative flex h-full min-h-[210px] flex-col items-center overflow-hidden rounded-2xl border border-[#e2eaf5] bg-gradient-to-b from-white to-blue-50/35 px-3 py-5 text-center shadow-[0_18px_48px_-34px_rgba(15,23,42,0.38)] transition-all hover:-translate-y-1 hover:shadow-[0_28px_64px_-36px_rgba(37,99,235,0.36)] md:min-
67h-[260px] md:px-4 md:py-6",children:[(0,a.jsx)("div",{className:"absolute inset-x-0 top-0 h-1.5",style:{backgroundColor:e.color}}),(0,a.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,a.jsx)("span",{className:"flex h-9 w-9 items-center justify-center rounded-xl text-xs font-black text-white shadow-md md:h-10 md:w-10 md:text-sm",style:{background:`linear-gradient(135deg, ${e.color}, ${e.color}cc)`,boxShadow:`0 8px 18px -6px ${e.color}80`},children:e.num}),(0,a.jsx)("span",{className:"text-[0.62rem] font-black tracking-[0.12em] text-slate-300 md:text-[0.68rem]",children:"OUTPUT"})]}),(0,a.jsx)("div",{className:"mt-3 flex h-24 w-full items-center justify-center md:h-32",children:(0,a.jsx)("img",{decoding:"async",src:e.image,alt:"",loading:"lazy",className:"max-h-full max-w-[86%] object-contain transition-transform duration-300 group-hover:scale-105"})}),(0,a.jsx)("p",{className:"mt-3 flex-1 whitespace-pre-line text-sm font-black leading-[1.55] text-[#0c1c44] md:text-base",style:{...P,fontWeight:900},children:e.label}),(0,a.jsx)("div",{className:"mt-3 h-1 w-10 rounded-full",style:{backgroundColor:e.color}})]})},e.num))}),(0,a.jsx)(s.FadeIn,{children:(0,a.jsxs)(V,{children:["開発物だけで終わらず、",(0,a.jsx)("br",{}),(0,a.jsx)("span",{className:"bg-gradient-to-r from-blue-700 via-sky-500 to-cyan-500 bg-clip-text font-black text-transparent",children:"次に何を整えるべきか"}),"まで明確にします。"]})})]})}),(0,a.jsx)("section",{className:"relative overflow-hidden bg-white py-16 md:py-28",children:(0,a.jsxs)("div",{className:"container relative z-10 mx-auto max-w-7xl px-4",children:[(0,a.jsx)(H,{ghost:"DEVELOPMENT EXPERIENCE",title:"自社開発で培った実装・運用実績",sub:"複雑な業務を整理し、実際の現場で使うシステムとして設計・開発。運用後の改善まで自社で経験しています。"}),(0,a.jsx)("div",{className:"grid gap-5 md:grid-cols-3 lg:gap-7",children:B.map((e,t)=>(0,a.jsx)(s.FadeIn,{delay:90*t,children:(0,a.jsx)(C.default,{href:e.href,className:"group block h-full",children:(0,a.jsxs)("article",{className:"flex h-full flex-col overflow-hidden rounded-2xl border border-[#d8e7fb] bg-white shadow-[0_24px_70px_-38px_rgba(15,23,42,0.4)] transition-all duration-300 group-hover:-translate-y-1 group-hover:border-blue-300 group-hover:shadow-[0_30px_78px_-38px_rgba(37,99,235,0.45)]",children:[(0,a.jsx)("div",{className:"flex h-52 items-center justify-center overflow-hidden bg-gradient-to-b from-[#f8fbff] to-white p-5",children:(0,a.jsx)("img",{decoding:"async",src:e.image,alt:`${e.title}の実際の画面・出力イメージ`,loading:"lazy",className:"max-h-full max-w-full object-contain transition-transform duration-300 group-hover:scale-[1.03]"})}),(0,a.jsxs)("div",{className:"flex flex-1 flex-col border-t border-slate-100 p-6",children:[(0,a.jsx)("p",{className:"text-xs font-black tracking-[0.12em] text-blue-600",children:e.label}),(0,a.jsx)("h3",{className:"mt-3 text-xl font-black text-[#071936] md:text-2xl",style:{...P,fontWeight:900},children:e.title}),(0,a.jsx)("p",{className:"mt-4 flex-1 text-sm font-bold leading-[1.85] text-slate-600",children:e.body}),(0,a.jsx)("div",{className:"mt-5 flex flex-wrap gap-2",children:e.points.map(e=>(0,a.jsx)("span",{className:"rounded-full bg-blue-50 px-3 py-1.5 text-xs font-black text-blue-700",children:e},e))}),(0,a.jsxs)("span",{className:"mt-6 inline-flex items-center gap-2 text-sm font-black text-blue-700",children:[e.cta,(0,a.jsx)(r.ArrowRight,{className:"h-4 w-4 transition-transform group-hover:translate-x-1"})]})]})]})})},e.title))}),(0,a.jsx)(s.FadeIn,{children:(0,a.jsx)("div",{className:"mt-8 rounded-2xl border border-blue-100 bg-blue-50/70 px-5 py-4 text-center",children:(0,a.jsx)("p",{className:"text-sm font-black leading-relaxed text-blue-900",children:"業務整理、AIモデル選定、画面設計、開発、現場検証までを一つのチームで進められることがMiToAの強みです。"})})})]})}),(0,a.jsxs)("section",{className:"relative overflow-hidden bg-gradient-to-b from-white via-[#f7fbff] to-white py-16 md:py-28",children:[(0,a.jsx)("div",{className:"absolute left-0 top-0 h-48 w-48 rounded-full bg-blue-100/50 blur-3xl"}),(0,a.jsx)("div",{className:"absolute right-0 top-10 h-56 w-56 rounded-full bg-cyan-100/60 blur-3xl"}),(0,a.jsxs)("div",{className:"container relative z-10 mx-auto max-w-7xl px-4",children:[(0,a.jsx)(H,{ghost:"APPLICATIONS",title:"ご活用イメージ例(一部)",sub:"AIエージェントが実際の業務に入り込み、担当者は確認と承認に集中できます。"}),(0,a.jsx)("div",{className:"grid gap-5 md:grid-cols-3 lg:gap-7",children:$.map((e,t)=>(0,a.jsx)(s.FadeIn,{delay:100*t,children:(0,a.jsxs)("div",{className:"flex h-full flex-col overflow-hidden rounded-2xl border border-[#d8e7fb] bg-white p-3 shadow-[0_24px_70px_-34px_rgba(15,23,42,0.45)] md:p-4",children:[(0,a.jsx)("div",{className:"flex justify-center",children:(0,a.jsxs)("span",{className:"inline-flex items-center gap-2 rounded-full border bg-white px-4 py-1.5 text-xs font-black shadow-[0_10px_24px_-18px_rgba(15,23,42,0.45)] md:text-sm",style:{borderColor:`${e.color}66`,color:e.color},children:[(0,a.jsx)(n,{className:"h-4 w-4"}),e.industry]})}),(0,a.jsx)("h3",{className:"mx-auto mt-3 max-w-[22rem] whitespace-pre-line text-center text-lg font-black leading-[1.45] text-[#071936] md:min-
67h-[4rem] md:text-xl lg:text-[1.45rem]",style:{...P,fontWeight:900},children:e.title}),(0,a.jsx)("div",{className:"mt-2 flex items-center justify-center overflow-hidden rounded-2xl bg-gradient-to-b from-white to-blue-50/40 p-1.5 md:p-2",children:(0,a.jsx)("img",{decoding:"async",src:e.cardImage,alt:"",loading:"lazy",className:"h-auto w-full max-w-full object-contain"})}),(0,a.jsx)("div",{className:"mt-2 flex flex-1 flex-col justify-end",children:(0,a.jsxs)("div",{className:"mt-2 flex items-center gap-3 rounded-xl px-4 py-3 text-[#0c1c44]",style:{backgroundColor:`${e.accent}14`},children:[(0,a.jsx)("span",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-white shadow-[0_10px_20px_-12px_rgba(15,23,42,0.45)]",style:{backgroundColor:e.accent},children:(0,a.jsx)(o.CheckCircle2,{className:"h-5 w-5"})}),(0,a.jsx)("p",{className:"text-sm font-black leading-[1.55] md:text-base",style:P,children:e.effect})]})})]})},e.industry))}),(0,a.jsx)(s.FadeIn,{children:(0,a.jsx)("p",{className:"mt-8 text-center text-xs text-slate-400",children:"※業務内容・資料の整備状況により、実装範囲と効果は変わります。無料相談で御社の業務に合わせて整理します。"})})]})]}),(0,a.jsxs)("section",{className:"relative overflow-hidden bg-[#f8fbff] py-16 md:py-28",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_16%_20%,rgba(187,247,208,0.45),transparent_28%),radial-gradient(circle_at_84%_18%,rgba(219,234,254,0.56),transparent_30%),linear-gradient(180deg,#fbfdff_0%,#f3f9ff_100%)]"}),(0,a.jsxs)("div",{className:"container relative z-10 mx-auto max-w-7xl px-4",children:[(0,a.jsxs)("div",{className:"grid items-center gap-10 md:grid-cols-[0.85fr_1.15fr] md:gap-14",children:[(0,a.jsxs)(s.FadeIn,{children:[(0,a.jsxs)("p",{className:"flex items-center gap-3 text-sm font-bold uppercase tracking-[0.22em] text-blue-600",children:[(0,a.jsx)("span",{className:"h-px w-8 bg-gradient-to-r from-blue-600 to-cyan-400"}),"AFTER DEMO"]}),(0,a.jsxs)("h2",{className:"mt-7 text-[2rem] font-black leading-[1.45] text-[#071936] md:text-[2.65rem] md:leading-[1.38]",style:{...P,fontWeight:900},children:["デモ版で効果を確かめ、",(0,a.jsx)("br",{}),"次の展開を決めます。"]}),(0,a.jsx)("p",{className:"mt-5 text-sm font-bold leading-[1.9] text-slate-600 md:text-base",children:"費用対効果(ROI)と現場での使いやすさを確認しながら、他の業務へ展開する順番を整理します。"}),(0,a.jsxs)("div",{className:"mt-10",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)("p",{className:"text-sm font-black tracking-[0.08em] text-blue-600 md:text-lg",style:P,children:"デモ版の確認後に整理すること"}),(0,a.jsx)("span",{className:"h-px flex-1 bg-gradient-to-r from-blue-200 to-transparent"})]}),(0,a.jsx)("div",{className:"mt-6 space-y-4",children:["AIが読めるデータか","業務フローが整理されているか","どこまでAIに任せるか","他業務へ広げる優先順位は何か"].map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)("span",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-blue-100 bg-white text-lime-500 shadow-[0_8px_20px_-14px_rgba(15,23,42,0.35)]",children:(0,a.jsx)(o.CheckCircle2,{className:"h-5 w-5"})}),(0,a.jsx)("p",{className:"text-base font-black text-[#071936] md:text-xl",style:P,children:e})]},e))})]})]}),(0,a.jsx)(s.FadeIn,{children:(0,a.jsx)("div",{className:"rounded-[2rem] border border-[#d8e7fb] bg-white p-5 shadow-[0_32px_90px_-44px_rgba(15,23,42,0.36)] md:rounded-[2.4rem] md:p-8",children:(0,a.jsx)("img",{decoding:"async",width:980,height:653,src:"/ai-agent-mvp/pyramid.webp",alt:"1業務のデモ版で効果と使い方を確認し、業務データ整備、業務フロー整理、AIエージェントの業務実行を通じて他業務へ広げる図",loading:"lazy",className:"w-full"})})})]}),(0,a.jsx)(s.FadeIn,{children:(0,a.jsxs)("div",{className:"relative mt-10 overflow-hidden rounded-2xl border border-blue-100 bg-white py-5 pl-5 pr-4 text-center shadow-[0_18px_50px_-28px_rgba(15,23,42,0.28)] md:mt-14 md:py-7 md:pl-8 md:pr-6",children:[(0,a.jsx)("div",{className:"absolute inset-y-0 left-0 w-2 bg-gradient-to-b from-blue-500 via-cyan-400 to-lime-400"}),(0,a.jsxs)("p",{className:"text-sm font-bold leading-relaxed text-slate-900 md:text-2xl",style:P,children:["まずは1業務のデモ版で効果を見て、",(0,a.jsx)("br",{}),(0,a.jsx)("span",{className:"bg-gradient-to-r from-blue-700 via-sky-500 to-cyan-500 bg-clip-text font-black text-transparent",children:"AIが使える業務を少しずつ広げていく。"})]})]})})]})]}),(0,a.jsx)("section",{id:"faq",className:"bg-white py-16 md:py-28",children:(0,a.jsxs)("div",{className:"container mx-auto max-w-3xl px-4",children:[(0,a.jsx)(H,{ghost:"FAQ",title:"よくあるご質問"}),(0,a.jsx)("div",{className:"space-y-3.5",children:O.map(e=>(0,a.jsx)(s.FadeIn,{children:(0,a.jsxs)("details",{className:"group rounded-2xl border border-[#e2eaf5] bg-white p-5 shadow-[0_12px_36px_-26px_rgba(15,23,42,0.4)] transition-shadow open:sha
67dow-[0_16px_44px_-24px_rgba(37,99,235,0.25)] md:p-6",children:[(0,a.jsxs)("summary",{className:"flex cursor-pointer list-none items-start gap-3.5 text-sm font-black leading-[1.55] text-[#071936] md:text-[1.35rem]",style:{...P,fontWeight:900},children:[(0,a.jsx)("span",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-blue-600 text-xs font-black text-white",children:"Q"}),(0,a.jsx)("span",{className:"pt-0.5",children:e.question})]}),(0,a.jsx)("p",{className:"mt-4 pl-[42px] text-sm leading-[1.95] text-slate-600",children:e.answer})]})},e.question))})]})}),(0,a.jsxs)("section",{id:"contact",className:"relative overflow-hidden bg-[#102044] py-16 md:py-28",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_18%_16%,rgba(59,130,246,0.22),transparent_32%),radial-gradient(circle_at_82%_78%,rgba(34,211,238,0.14),transparent_34%)]"}),(0,a.jsxs)("div",{className:"container relative z-10 mx-auto max-w-6xl px-4",children:[(0,a.jsx)(s.FadeIn,{className:"text-center",children:(0,a.jsx)("h2",{className:"text-3xl font-black tracking-[0.08em] text-white md:text-5xl",style:{...P,fontWeight:900},children:"お問い合わせ"})}),(0,a.jsx)(s.FadeIn,{children:(0,a.jsx)("div",{className:"mx-auto mt-12 max-w-5xl rounded-[2rem] bg-white px-5 py-8 shadow-[0_32px_90px_-38px_rgba(0,0,0,0.5)] md:mt-16 md:rounded-[3rem] md:px-16 md:py-14",children:(0,a.jsxs)("form",{onSubmit:v,"data-analytics-form":"ai_agent_mvp_contact",className:"space-y-0",children:[[{label:"会社名",name:"company",type:"text",autoComplete:"organization"},{label:"お名前",name:"name",type:"text",autoComplete:"name"},{label:"メールアドレス",name:"email",type:"email",autoComplete:"email",pattern:"^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$",title:"メールアドレスの形式で入力してください"},{label:"電話番号",name:"phone",type:"tel",autoComplete:"tel",pattern:"^[0-9+()\\-\\s]{10,20}$",title:"電話番号を正しく入力してください"}].map(e=>(0,a.jsxs)("div",{className:"grid gap-3 border-b border-slate-200 py-5 md:grid-cols-[15rem_1fr] md:items-center md:gap-8",children:[(0,a.jsxs)("label",{htmlFor:`contact-${e.name}`,className:"flex items-center gap-3 text-base font-black text-[#102044] md:text-lg",style:P,children:[e.label,(0,a.jsx)("span",{className:"bg-teal-600 px-2 py-1 text-xs font-bold text-white",children:"必須"})]}),(0,a.jsx)("input",{id:`contact-${e.name}`,name:e.name,type:e.type,autoComplete:e.autoComplete,pattern:e.pattern,title:e.title,required:!0,value:h[e.name],onChange:u,className:"h-12 w-full rounded-md border border-slate-300 bg-white px-4 text-base text-[#102044] outline-none transition-colors focus:border-blue-500 md:h-14"})]},e.name)),(0,a.jsxs)("div",{className:"grid gap-3 border-b border-slate-200 py-5 md:grid-cols-[15rem_1fr] md:gap-8",children:[(0,a.jsxs)("div",{className:"flex items-start gap-3 pt-1 text-base font-black text-[#102044] md:text-lg",style:P,children:["ご相談内容",(0,a.jsx)("span",{className:"bg-teal-600 px-2 py-1 text-xs font-bold text-white",children:"必須"})]}),(0,a.jsx)("div",{className:"grid gap-3",children:Z.map(e=>(0,a.jsxs)("label",{className:"flex cursor-pointer items-center gap-3 rounded-xl border border-slate-200 bg-slate-50/70 px-4 py-3 text-sm font-bold text-[#102044] transition-colors hover:border-teal-300 hover:bg-teal-50 md:text-base",children:[(0,a.jsx)("input",{type:"checkbox",checked:g.includes(e),onChange:()=>{f(a=>a.includes(e)?a.filter(a=>a!==e):[...a,e])},className:"h-5 w-5 rounded border-slate-300 accent-teal-600"}),e]},e))})]}),(0,a.jsxs)("div",{className:"grid gap-3 py-5 md:grid-cols-[15rem_1fr] md:gap-8",children:[(0,a.jsxs)("label",{htmlFor:"contact-message",className:"flex items-start gap-3 pt-2 text-base font-black text-[#102044] md:text-lg",style:P,children:["お問い合わせ内容",(0,a.jsx)("span",{className:"bg-slate-400 px-2 py-1 text-xs font-bold text-white",children:"任意"})]}),(0,a.jsx)("textarea",{id:"contact-message",name:"message",value:h.message,onChange:u,rows:7,placeholder:"補足があればご記入ください",className:"w-full rounded-md border border-slate-300 bg-white px-4 py-3 text-base text-[#102044] outline-none transition-colors focus:border-blue-500"})]}),x&&(0,a.jsxs)("div",{className:"mt-4 rounded-xl bg-emerald-50 px-4 py-4 text-center",children:[(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2 text-sm font-bold text-emerald-700",children:[(0,a.jsx)(o.CheckCircle2,{className:"h-5 w-5"}),"送信しました。内容を確認後、担当者よりご連絡します。"]}),(0,a.jsxs)("a",{href:"https://timerex.net/s/info_ddfe_38e7/cafb9990",target:"_blank",rel:"noreferrer",onClick:()=>(0,M.trackEvent)("booking_click",{placement:"ai_agent_mvp_contact_complete"}),className:"mt-4 inline-flex items-center gap-2 rounded-full bg-blue-700 px-5 py-2.5 text-sm font-black text-white",children:["続けて相談日時を選ぶ",(0,a.jsx)(r.ArrowRight,{className:"h-4 w-4"})]})]}),(0,a.jsx)("div",{className:"mt-8 flex justify-center",children:(0,a.jsx)(t.Button,{type:"submit",disabled:d,className:"h-14 w-full max-w-md rounded-full bg-gradient-to-r from-teal-700 to-teal-500 px-10 text-base font-black text-white shadow-[0_18px_40px_-18px_rgba(13,148,136,0.75)] hover:from-teal-800 hover:to-teal-600 md:h-16 md:max-w-lg md:px-16 md:text-lg",children:d?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(j.Loader2,{className:"mr-2 h-5 w-5 animate-spin"}),"送信中"]}):(0,a.jsxs)(a.Fragment,{children:["送信する",(0,a.jsx)(N.Send,{className:"ml-2 h-5 w-5"})]})})}),(0,a.jsx)(S.default,{className:"mt-3"})]})})})]})]}),(0,a.jsx)("footer",{className:"border-t border-white/10 bg-[#1a2332] text-white",children:(0,a.jsx)("div",{className:"container py-12 lg:py-16",children:(0,a.jsxs)("div",{className:"grid gap-10 lg:grid-cols-[minmax(0,1.4fr)_repeat(2,minmax(0,1fr))]",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)("img",{decoding:"async",width:1129,height:1280,src:"/logo-white.optimized.webp",alt:"MiToA",className:"-ml-2 h-auto w-20 md:-ml-3 md:w-24"}),(0,a.jsx)("p",{className:"text-xs text-white/40",children:"© 2026 株式会社MiToA. All rights reserved."})]}),(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsx)("h4",{className:"text-sm font-semibold uppercase tracking-widest text-white/60",children:"サービス"}),(0,a.jsxs)("ul",{className:"space-y-3 text-sm text-white/70",children:[(0,a.jsx)("li",{children:(0,a.jsx)("span",{className:"font-semibold text-white",children:"AI業務効率化システム開発"})}),(0,a.jsx)("li",{children:(0,a.jsx)(C.default,{href:"/cases/ai-agent-mvp",className:"transition-colors hover:text-white",children:"AIシステム開発・活用事例"})}),(0,a.jsx)("li",{children:(0,a.jsx)(C.default,{href:"/services/ai-agent-training",className:"transition-colors hover:text-white",children:"AIエージェント活用人材育成プログラム"})}),(0,a.jsx)("li",{children:(0,a.jsx)(C.default,{href:"/services/chatbot",className:"transition-colors hover:text-white",children:"MiToA Chatbot Studio"})}),(0,a.jsx)("li",{children:(0,a.jsx)(C.default,{href:"/services/comlink",className:"transition-colors hover:text-white",children:"ComLink"})})]})]}),(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsx)("h4",{className:"text-sm font-semibold uppercase tracking-widest text-white/60",children:"会社情報"}),(0,a.jsxs)("ul",{className:"space-y-3 text-sm text-white/70",children:[(0,a.jsx)("li",{children:(0,a.jsx)(C.default,{href:"/company",className:"transition-colors hover:text-white",children:"会社概要"})}),(0,a.jsx)("li",{children:(0,a.jsx)(C.default,{href:"/",className:"transition-colors hover:text-white",children:"ホーム"})}),(0,a.jsx)("li",{children:(0,a.jsx)(C.default,{href:"/faq",className:"transition-colors hover:text-white",children:"よくある質問"})}),(0,a.jsx)("li",{children:(0,a.jsx)(C.default,{href:"/contact",className:"transition-colors hover:text-white",children:"お問い合わせ"})}),(0,a.jsx)("li",{children:(0,a.jsx)(C.default,{href:"/privacy",className:"transition-colors hover:text-white",children:"プライバシーポリシー"})})]})]})]})})})]})}],66352)}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.