https://gxo.co.jp/_next/static/chunks/app/page-3b337fd64f0ba859.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{40387:(e,t,s)=>{"use strict";s.d(t,{FlowLineBg:()=>a});var i=s(94177),l=s(35557);let r="M200 0 C800 600 2200 800 1800 1600 C1400 2400 -200 2800 200 3600 C600 4400 2100 4800 1700 5600 C1300 6400 -100 6800 300 7600 C700 8400 2000 8800 1600 9600 C1200 10400 0 10800 400 11600 C800 12400 1600 12600 1200 13200";function a(){let e=(0,l.useRef)(null),[t,s]=(0,l.useState)(0);return(0,l.useEffect)(()=>{e.current&&s(e.current.getTotalLength())},[]),(0,i.jsx)("div",{className:"pointer-events-none absolute inset-0 z-0 overflow-visible",children:(0,i.jsxs)("svg",{viewBox:"0 0 2000 13200",preserveAspectRatio:"none",className:"absolute inset-0 h-full w-full",fill:"none",children:[(0,i.jsx)("path",{d:r,stroke:"rgba(190,30,30,0.03)",strokeWidth:"120",strokeLinecap:"round"}),(0,i.jsx)("path",{ref:e,d:r,stroke:"rgba(190,30,30,0.05)",strokeWidth:"120",strokeLinecap:"round",style:t?{"--flow-len":t,strokeDasharray:t,strokeDashoffset:t,animation:"drawLine 12s cubic-bezier(.25,.1,.25,1) forwards"}:{}})]})})}},56673:(e,t,s)=>{"use strict";s.d(t,{I:()=>l});var i=s(94177);function l({children:e,delay:t=0,className:s}){return(0,i.jsx)("div",{className:s,"data-reveal":!0,style:{transitionDelay:`${t}ms`},children:e})}},75913:(e,t,s)=>{"use strict";s.d(t,{PhilosophySection:()=>c});var i=s(94177),l=s(54854),r=s(35557),a=s(56673);let n=[{title:"課題と制約を先に整理",description:"対象業務、利用者、データ、予算、期限、社内体制を確認し、AIやシステムで解くべき範囲を切り分けます。"},{title:"見積範囲・責任分界を明確化",description:"一式見積、追加費用、検収条件、保守範囲、ベンダーと発注側の役割を発注前に言語化します。"},{title:"運用・保守・セキュリティまで設計",description:"作って終わりにせず、権限、ログ、バックアップ、監視、改善サイクルまで本番運用を前提に設計します。"}];function c(){let[e,t]=(0,r.useState)(0);(0,r.useEffect)(()=>{let e=setInterval(()=>{t(e=>(e+1)%n.length)},3e3);return()=>clearInterval(e)},[]);let s=100/n.length;return(0,i.jsx)("section",{className:"relative z-[1] mx-auto max-w-[1400px] px-6 py-10 sm:px-8 lg:py-24",children:(0,i.jsxs)("div",{className:"split-grid grid grid-cols-1 items-start gap-12 lg:grid-cols-2 lg:gap-20",children:[(0,i.jsx)(a.I,{children:(0,i.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,i.jsx)("div",{className:"aspect-[4/3] overflow-hidden rounded bg-navy-100",children:(0,i.jsx)(l.default,{src:"/images/philosophy_01.webp",alt:"発注前の課題整理",width:800,height:600,className:"block h-full w-full object-cover"})}),(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-2",children:[(0,i.jsx)("div",{className:"aspect-square overflow-hidden rounded bg-navy-100",children:(0,i.jsx)(l.default,{src:"/images/philosophy_02.webp",alt:"見積範囲の確認",width:400,height:400,className:"block h-full w-full object-cover"})}),(0,i.jsx)("div",{className:"aspect-square overflow-hidden rounded bg-navy-100",children:(0,i.jsx)(l.default,{src:"/images/philosophy_03.webp",alt:"運用体制の設計",width:400,height:400,className:"block h-full w-full object-cover"})})]})]})}),(0,i.jsxs)("div",{children:[(0,i.jsx)(a.I,{delay:150,children:(0,i.jsxs)("div",{className:"text-right",children:[(0,i.jsx)("p",{className:"mb-9 font-display text-[13px] font-semibold tracking-[0.25em] text-navy-400",children:"METHOD"}),(0,i.jsxs)("h2",{className:"mb-12 text-2xl font-semibold leading-[1.6] text-navy-700 lg:text-[34px]",children:["失敗を減らすための、",(0,i.jsx)("br",{}),(0,i.jsx)("span",{className:"text-primary",children:"進め方"}),"。"]}),(0,i.jsx)("p",{className:"text-sm font-normal leading-[2.0] text-c-mid",children:"GXO株式会社は、いきなり開発やツール導入に進まず、目的・制約・責任分界・運用体制を先に整理します。発注前に曖昧さを減らすことで、手戻り、追加費用、PoC止まりを避けます。"})]})}),(0,i.jsx)(a.I,{delay:200,children:(0,i.jsxs)("div",{className:"relative mt-14 flex flex-col",style:{textAlign:"right"},children:[(0,i.jsx)("div",{className:"absolute right-0 top-0 h-full w-0.5 bg-c-border",children:(0,i.jsx)("div",{className:"absolute right-0 w-0.5 rounded-sm bg-accent transition-[top] duration-[400ms]",style:{height:`${s}%`,top:`${e*s}%`,transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)"}})}),n.map((t,s)=>

1(0,i.jsxs)("div",{className:`cursor-default py-7 pr-7 ${e!==s?"opacity-60":""}`,children:[(0,i.jsx)("p",{className:"mb-2 text-[17px] font-semibold text-navy-700",children:t.title}),(0,i.jsx)("p",{className:"text-[15px] font-normal leading-[2.0] text-c-mid",children:t.description})]},t.title))]})})]})]})})}},84931:(e,t,s)=>{Promise.resolve().then(s.t.bind(s,32002,23)),Promise.resolve().then(s.t.bind(s,36783,23)),Promise.resolve().then(s.bind(s,40387)),Promise.resolve().then(s.bind(s,75913)),Promise.resolve().then(s.bind(s,95595)),Promise.resolve().then(s.bind(s,47334)),Promise.resolve().then(s.bind(s,26754))},95595:(e,t,s)=>{"use strict";s.d(t,{ServiceCardsSection:()=>d});var i=s(94177),l=s(35557),r=s(54854),a=s(32002),n=s.n(a),c=s(56673);let o=[{number:"01",title:"AI導入・自動化支援",description:"生成AI、RAG、AIエージェント、画像認識などを、対象業務・データ・評価基準から設計。PoCで終わらせず、本番運用の権限・ログ・改善体制まで整理します。",photoLabel:"SERVICE_01",photoSrc:"/images/service_01.webp",href:"/services/ai-service"},{number:"02",title:"セキュリティ事業",description:"脆弱性、権限、ログ、バックアップ、監視、インシデント対応を優先順位から整理。自社対応と外部支援の責任分界を明確にします。",photoLabel:"SERVICE_02",photoSrc:"/images/service_02.webp",href:"/security"},{number:"03",title:"DX・システム開発",description:"業務システムの新規開発、既存連携、データ移行を、要件整理から設計・開発・検収・運用まで支援します。既製品と個別開発も比較します。",photoLabel:"SERVICE_03",photoSrc:"/images/service_03.webp",href:"/services/dx-system"},{number:"04",title:"レガシー刷新・保守引継ぎ",description:"Access・Excelや古い基幹システムを、延命・部分改修・段階移行・全面刷新で比較。他社開発システムの保守引継ぎも初期調査から相談できます。",photoLabel:"SERVICE_04",photoSrc:"/images/service_04.webp",href:"/services/legacy-modernization"}];function d(){let[e,t]=(0,l.useState)(0),[s,a]=(0,l.useState)(-1),d=(0,l.useRef)(!1),x=(0,l.useRef)(null),m=(0,l.useRef)(0);(0,l.useEffect)(()=>{m.current=e},[e]);let p=e=>{e===m.current||d.current||(a(m.current),d.current=!0,t(e),setTimeout(()=>{a(-1),d.current=!1},1200),u())},h=()=>{x.current=setInterval(()=>{p((m.current+1)%o.length)},4e3)},u=()=>{x.current&&clearInterval(x.current),h()};return(0,l.useEffect)(()=>(h(),()=>{x.current&&clearInterval(x.current)}),[]),(0,i.jsx)("section",{className:"relative z-[1] mx-auto max-w-[1400px] px-6 py-10 sm:px-8 lg:py-24",children:(0,i.jsxs)("div",{className:"two-col grid grid-cols-1 items-start gap-12 lg:grid-cols-[40%_60%] lg:gap-12",children:[(0,i.jsx)(c.I,{children:(0,i.jsxs)("div",{className:"lg:sticky lg:top-[120px]",children:[(0,i.jsx)("p",{className:"mb-9 font-display text-[13px] font-semibold tracking-[0.25em] text-navy-400",children:"SERVICE"}),(0,i.jsxs)("h2",{className:"mb-7 text-2xl font-semibold leading-[1.6] text-navy-700 lg:text-[34px]",children:["事業を前進させる",(0,i.jsx)("br",{}),(0,i.jsx)("span",{className:"text-primary",children:"4つのソリューション"}),"。"]}),(0,i.jsx)("p",{className:"text-[15px] font-normal leading-[2.2] text-c-mid",children:"新規システム開発、AI導入、セキュリティ対策、既存システムの刷新・引継ぎまで。発注前の整理から実装・運用まで支援します。"})]})}),(0,i.jsx)(c.I,{delay:150,children:(0,i.jsxs)("div",{className:"stacked-cards-wrap relative w-full overflow-x-clip",style:{perspective:"1200px"},children:[(0,i.jsx)("div",{className:"flex gap-0",style:{marginBottom:"-1px",position:"relative",zIndex:20},children:o.map((t,s)=>(0,i.jsxs)("button",{type:"button",className:`flex flex-1 cursor-pointer items-center justify-center gap-1 border transition-all duration-300 sm:gap-2 ${e===s?"border-accent bg-accent-50 font-semibold text-[#7E2E2E]":"border-c-border bg-white text-navy-400"}`,style:{height:"52px",borderRadius:"6px 6px 0 0",fontSize:"13px",borderBottom:e===s?"1px solid #F3E3E2":"1px solid rgba(15,29,53,0.10)",zIndex:e

1===s?10:1},onClick:()=>p(s),children:[(0,i.jsx)("span",{className:"font-display text-xs font-semibold opacity-50",children:t.number}),(0,i.jsx)("span",{className:`hidden text-xs sm:inline ${e===s?"font-semibold":"font-normal"}`,children:t.title})]},t.number))}),(0,i.jsx)("div",{className:"relative h-[560px] sm:h-[400px]",style:{perspective:"1200px"},children:o.map((t,l)=>{let a,c,d,x,m;return(0,i.jsxs)("div",{className:`stacked-card-inner absolute inset-0 grid grid-cols-1 overflow-hidden border border-c-border sm:grid-cols-2 ${l!==e?"cursor-pointer":""}`,style:(a=l===e,c=l===s,d=l-e,x=a||c?0:d>0?d:o.length+d,m={background:a||c?"#F3E3E2":"rgba(243,227,226,0.95)",borderTop:"none",transformOrigin:"bottom center",backfaceVisibility:"hidden"},c?(m.zIndex=15,m.animation="pagePeel 1.1s cubic-bezier(.45,.05,.55,.95) forwards"):a?m.zIndex=10:(m.zIndex=10-x,m.opacity=+(x<=2),x>2&&(m.display="none")),m),onClick:()=>l!==e&&p(l),children:[(0,i.jsxs)("div",{className:"flex flex-col justify-center p-8 sm:p-11",children:[(0,i.jsx)("span",{className:"mb-5 font-display text-5xl font-bold leading-none tracking-[0.04em] text-accent",children:t.number}),(0,i.jsx)("h3",{className:"mb-5 text-lg font-semibold leading-[1.5] text-navy-700 sm:text-[22px]",children:t.title}),(0,i.jsx)("p",{className:"text-[15px] font-normal leading-[2.2] text-c-mid",children:t.description}),(0,i.jsx)("div",{className:"mt-7",children:(0,i.jsx)(n(),{href:t.href,className:"text-[13px] font-medium tracking-[0.04em] text-navy-700 no-underline",style:{borderBottom:"1px solid #0f1d35",paddingBottom:"4px"},children:"詳しく見る →"})})]}),(0,i.jsx)("div",{className:"relative overflow-hidden",children:(0,i.jsxs)("div",{className:"absolute inset-0 flex items-center justify-center bg-navy-100",children:[(0,i.jsx)("span",{className:"text-xs tracking-[0.08em] text-[#a0aabb]",children:t.photoLabel}),(0,i.jsx)(r.default,{src:t.photoSrc,alt:t.title,fill:!0,sizes:"(max-width: 640px) 100vw, 30vw",className:"z-[1] object-cover"})]})})]},`card-${t.number}`)})})]})})]})})}}},e=>{e.O(0,[2002,2136,8079,8827,1526,7358],()=>e(e.s=84931)),_N_E=e.O()}]);