https://www.mpsamurai.com/_next/static/chunks/app/layout-b31ffbc21…?dpl=dpl_8v79if1WTUR6fPTdeb4ZkVw9uCod

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7177],{285:e=>{e.exports={style:{fontFamily:"'Inter', 'Inter Fallback'",fontStyle:"normal"},className:"__className_f367f3"}},3353:(e,t,l)=>{Promise.resolve().then(l.bind(l,8276)),Promise.resolve().then(l.t.bind(l,285,23)),Promise.resolve().then(l.t.bind(l,8594,23)),Promise.resolve().then(l.t.bind(l,6872,23))},5772:(e,t,l)=>{"use strict";l.d(t,{default:()=>n.a});var s=l(7651),n=l.n(s)},6872:()=>{},7651:(e,t,l)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s={default:function(){return d},getImageProps:function(){return c}};for(var n in s)Object.defineProperty(t,n,{enumerable:!0,get:s[n]});let i=l(3623),a=l(5413),r=l(8437),o=i._(l(6095));function c(e){let{props:t}=(0,a.getImgProps)(e,{defaultLoader:o.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qualities:[75],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!0}});for(let[e,l]of Object.entries(t))void 0===l&&delete t[e];return{props:t}}let d=r.Image},8276:(e,t,l)=>{"use strict";l.d(t,{default:()=>j});var s=l(5155),n=l(2115),i=l(5772),a=l(8500),r=l.n(a);let o=[{key:"products",label:"製品・サービス"},{key:"company",label:"企業情報"}],c={products:[{heading:"MPS AI アカデミー",links:[{label:"エンタープライズ",href:"/mps-academy/enterprise"},{label:"キャリア（個人の方）",href:"/mps-academy/career"},{label:"キャンパス（学校関係の方）",href:"/mps-academy/campus"}]},{heading:"MPS クロスビルド",links:[{label:"企業の方",href:"/cross-build/company"},{label:"エンジニアの方",href:"/cross-build/engineer"}]}],company:[{links:[{label:"会社概要",href:"/company"},{label:"メッセージ",href:"/leadership/kaneko-junya"},{label:"MPSについて",href:"/about"}]}]},d=({isOpen:e,onClick:t})=>(0,s.jsx)("div",{className:["fixed inset-x-0 bottom-0 z-20",e?"pointer-events-auto bg-black/10 backdrop-blur-sm":"pointer-events-none","transition-[backdrop-filter,background-color] duration-200"].join(" "),style:{top:56},onClick:t,"aria-hidden":!0}),u=(0,n.forwardRef)(({content:e,onLinkClick:t,displayKey:l,isExiting:n,textReveal:i},a)=>l?(0,s.jsx)("div",{ref:a,className:"hidden lg:block pb-10",children:(0,s.jsx)("div",{className:["transition-opacity duration-200",n?"opacity-0":i?"opacity-100":"opacity-0"].join(" "),children:(0,s.jsx)("div",{className:"mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 py-6",children:(0,s.jsx)("div",{className:"grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3",children:e[l].map((e,l)=>(0,s.jsxs)("section",{className:"space-y-2",children:[e.heading&&(0,s.jsx)("h3",{className:"text-[15px] font-semibold tracking-tight cursor-default",children:e.heading}),(0,s.jsx)("ul",{className:"space-y-2 pt-1",children:e.links.map(e=>(0,s.jsx)("li",{children:(0,s.jsx)(r(),{href:e.href,className:"block text-[15px] hover:opacity-80",onClick:t,children:e.label})},e.href))})]},l))})})})}):(0,s.jsx)("div",{ref:a,className:"hidden lg:block"}));u.displayName="DesktopMegaMenu";let x=({items:e,activeKey:t,onMouseEnter:l,onFocus:n})=>(0,s.jsx)("nav",{className:"hidden lg:flex justify-center",children:(0,s.jsx)("ul",{className:"flex items-center gap-8 lg:gap-10",children:e.map(e=>(0,s.jsx)("li",{children:(0,s.jsx)("p",{onMouseEnter:()=>l(e.key),onClick:e=>e.preventDefault(),onFocus:()=>n(e.key),className:"text-[15px] leading-none transition-opacity hover:opacity-80 cursor-pointer",style:{color:"#222"},"aria-expanded":t===e.key,"aria-haspopup":"true",children:e.label})},e.key))})}),m=({items:e,textReveal:t,onNavigate:l})=>(0,s.jsx)("ul",{className:"flex flex-col px-4 sm:px-6",children:e.map((e,n)=>(0,s.jsx)("li",{className:["transition-all duration-500",t?"opacity-100 translate-y-0":"opacity-0 translate-y-2"].join(" "),style:{transitionDelay:t?`${50*n}ms`:"0ms"},children:(0,s.jsxs)("button",{onClick:()=>l(e.key),className:"flex justify-between items-center w-full text-left py-3 text-xl font-medium text-gray-800",children:[(0,s.jsx)("span",{children:e.label}),(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,s.jsx)("polyline",{points:"9 18 15 12 9 6"})})]})},e.key))}),h=({menuKey:e,onBack:t,onLinkClick:l})=>{let n=c[e];return o.find(t=>t.key===e)?.label,(0,s.jsxs)("div",{className:"px-4 sm:px-6",children:[(0,s.jsx)("button",{onClick:t,className:"flex items-center gap-2 text-left py-3 text-xl font-semibold text-gray-800 w-9 h-9",children:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,s.jsx)("polyline",{points:"15 18 9 12 15 6"})})}),(0,s.jsx)("ul",{className:"flex flex-col pt-4",children:n.map((e,t)=>(0,s.jsxs)("li",{className:"mb-4",children:[e.heading&&(0,s.jsx)("h3",{className:"font-semibold text-gray-500 text-sm mb-3",children:e.heading}),(0,s.jsx)("ul",{className:"space-y-2",children:e.links.map(e=>(0,s.jsx)("li",{children:(0,s.jsx)(r(),{href:e.href,onClick:l,className:"block text-lg text-gray-700 hover:text-black",children:e.label})},e.href))})]},t))})]})},f=({isOpen:e,items:t,textReveal:l,onLinkClick:i})=>

1{let[a,r]=(0,n.useState)("main");return(0,n.useEffect)(()=>{if(!e){let e=setTimeout(()=>{r("main")},300);return()=>clearTimeout(e)}},[e]),(0,s.jsx)("div",{className:"lg:hidden h-full",children:e&&(0,s.jsxs)("nav",{className:"h-full pt-4 pb-8 relative overflow-hidden",children:[(0,s.jsx)("div",{className:["w-full h-full absolute top-0 left-0 transition-transform duration-300 ease-in-out","main"!==a?"-translate-x-full opacity-0":"translate-x-0 opacity-100"].join(" "),children:(0,s.jsx)(m,{items:t,textReveal:l,onNavigate:e=>r(e)})}),(0,s.jsx)("div",{className:["w-full h-full absolute top-0 left-0 transition-transform duration-300 ease-in-out","main"!==a?"translate-x-0 opacity-100":"translate-x-full opacity-0"].join(" "),children:"main"!==a&&(0,s.jsx)(h,{menuKey:a,onBack:()=>r("main"),onLinkClick:i})})]})})},p=()=>(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,s.jsx)("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),(0,s.jsx)("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),(0,s.jsx)("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]}),y=()=>(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,s.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,s.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),j=()=>{let[e,t]=(0,n.useState)(null),[l,a]=(0,n.useState)(!1),[m,h]=(0,n.useState)(56),[j,g]=(0,n.useState)(!1),[b,k]=(0,n.useState)(null),[v,w]=(0,n.useState)(!1),[N,S]=(0,n.useState)(!0),L=(0,n.useRef)(null),C=()=>{t(null),a(!1)};(0,n.useEffect)(()=>{let e=()=>C();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,n.useEffect)(()=>{let t=()=>{null!==e&&C()};return null!==e&&window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t)}},[e]),(0,n.useEffect)(()=>{let e=()=>{l?S(!0):S(window.scrollY<15)};return window.addEventListener("scroll",e,{passive:!0}),e(),()=>window.removeEventListener("scroll",e)},[l]),(0,n.useEffect)(()=>(document.body.style.overflow=l?"hidden":"",()=>{document.body.style.overflow=""}),[l]),(0,n.useEffect)(()=>{let t=e&&b&&e!==b;t?(g(!0),w(!1)):e||w(!1);let s=setTimeout(()=>{if(e)k(e),g(!1),w(!0);else if(l)k(null),w(!0);else{w(!1);let e=setTimeout(()=>k(null),200);return()=>clearTimeout(e)}},200*!!t);return()=>clearTimeout(s)},[e,l]),(0,n.useEffect)(()=>{if(b&&L.current){let e=setTimeout(()=>{L.current&&h(56+L.current.scrollHeight)},0);return()=>clearTimeout(e)}l?h(window.innerHeight):h(56)},[b,l]);let E=e=>t(e);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("header",{className:"fixed top-0 left-0 right-0 z-50 w-full border-b border-black/5 bg-white/70 backdrop-blur-md overflow-hidden",style:{height:m,transition:"height 250ms ease-in-out, transform 300ms ease-in-out",transform:N?"translateY(0)":"translateY(-100%)"},onMouseLeave:()=>t(null),children:[(0,s.jsxs)("div",{className:"flex h-14 items-center px-4 sm:px-6 lg:px-8",children:[(0,s.jsx)("div",{className:"flex-1 flex justify-start",children:(0,s.jsxs)(r(),{href:"/",onClick:C,className:["flex items-center gap-2 shrink-0 transition-opacity duration-300",l?"opacity-0 pointer-events-none":"opacity-100"].join(" "),"aria-label":"MPS Home",children:[(0,s.jsx)(i.default,{src:"/logo.png",alt:"MPS Logo",width:28,height:28,priority:!0}),(0,s.jsx)("span",{className:"text-xl font-extrabold tracking-wide text-sky-500",children:"MPS"})]})}),(0,s.jsx)(x,{items:o,activeKey:e,onMouseEnter:E,onFocus:E}),(0,s.jsxs)("div",{className:"flex-1 flex justify-end",children:[(0,s.jsx)("div",{className:"hidden lg:block w-8","aria-hidden":!0}),(0,s.jsx)("div",{className:"lg:hidden",children:(0,s.jsx)("button",{type:"button",onClick:()=>{t(null),a(e=>!e)},"aria-label":l?"メニューを閉じる":"メニューを開く",className:"flex items-center text-gray-700",children:l?(0,s.jsx)(y,{}):(0,s.jsx)(p,{})})})]})]}),(0,s.jsx)(u,{ref:L,content:c,onLinkClick:C,displayKey:b,isExiting:j,textReveal:v}),(0,s.jsx)(f,{isOpen:l,items:o,textReveal:v,onLinkClick:C})]}),(0,s.jsx)(d,{isOpen:null!==e,onClick:C})]})}},8594:e=>{e.exports={style:{fontFamily:"'Noto Sans JP', 'Noto Sans JP Fallback'",fontStyle:"normal"},className:"__className_7afcbf",variable:"__variable_7afcbf"}}},e=>{e.O(0,[4418,8077,7513,8500,8437,8441,3794,7358],()=>e(e.s=3353)),_N_E=e.O()}]);