https://kwave-inc.co.jp/_next/static/chunks/16-58a47d7ab31e4651.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16],{363:(e,t,s)=>{s.d(t,{T:()=>n});var a=s(3108),l=s(6503),r=s(6039);let i={pageTitle:"株式会社KWAVE",description:"KWAVEは、2011年創業のデジタル視点で経営からマーケティングまでを支援する統合ソリューションカンパニーです。社会のKeyとなるべく、想いが詰まった「１」を、世の中が喜ぶ「１００」に届けるご支援をさせて頂いております。",ogpImage:{url:"https://images.microcms-assets.io/assets/0364ddbc96b348af9d32060be42e2e30/f6cf67d6e6de425ba70cf98d15c88ac9/logo_ogp.webp?w=1000&h=525&fit=fillmax&fill-color=FFFFFF",alt:"株式会社KWAVE",width:1e3,height:525}},n=e=>{let{pagePath:t,pageTitle:s,description:n=i.description,ogpImage:o=i.ogpImage,article:c,absoluteTitle:d}=e;return(0,a.jsx)(l.bV,{titleTemplate:d?"%s":void 0,title:"top"===s?void 0:s,description:n,openGraph:{url:"https://kwave-inc.co.jp"+("/"===t?"":t),title:s&&"top"!==s?d?s:"".concat(s," | ").concat(r.y):i.pageTitle,description:n,type:c?"article":"website",...c&&{article:c},images:[{url:o.url||"",alt:o.alt||"",width:o.width,height:o.height}]}})}},396:(e,t,s)=>{s.d(t,{s:()=>u});var a=s(3108),l=s(4312),r=s(8854),i=s(7477);let n=e=>{var t;let{className:s,developmentCase:l}=e;return(0,a.jsxs)("article",{className:(0,i.cn)(s,"rounded-2xl border-2 border-gray-200 bg-white p-10 shadow-lg"),children:[(0,a.jsx)(r._,{src:null==(t=l.image)?void 0:t.url,alt:"",w:800,h:500,fit:"clamp"}),(0,a.jsx)("h3",{className:"py-4 text-xl font-bold text-subBlue md:text-2xl",children:l.industry||""}),(0,a.jsx)("p",{className:"block text-sm md:min-h-[180px] md:text-sm",children:l.purpose||""}),(0,a.jsx)("span",{className:"mt-4 block py-2 font-bold text-gray-600 md:text-lg",children:"技術領域"}),(0,a.jsx)("span",{className:"block min-h-[50px]",children:l.technology||""})]})};var o=s(6657),c=s(7975),d=s.n(c),x=s(8602),m=s.n(x);let p=e=>{let{className:t,baseUrl:s,currentPageCount:r,totalPageCount:n}=e,o=(0,l.useCallback)(e=>"".concat(s).concat(1!==e?"/page/".concat(e):""),[s]);return(0,a.jsxs)("nav",{className:(0,i.cn)(t,"flex justify-center gap-1"),children:[(0,a.jsx)(m(),{href:o(1===r?1:r-1),className:"m-2 flex items-center hover:opacity-50",children:(0,a.jsx)(d(),{src:"/icon/arrow-prev.svg",alt:"前へ",width:18,height:18,objectFit:"contain"})}),[...Array(n)].map((e,t)=>(0,a.jsx)(m(),{href:o(t+1),className:"".concat(r===t+1?" border-b-4 border-b-subBlue":""," m-2 block w-5 text-center text-3xl font-bold text-subBlue  hover:opacity-50"),children:String(t+1)},t)),(0,a.jsx)(m(),{href:o(r===n?n:r+1),className:"m-2 flex items-center hover:opacity-50",children:(0,a.jsx)(d(),{src:"/icon/arrow-next.svg",alt:"次へ",width:18,height:18,objectFit:"contain"})})]})};var h=s(2911);let u=e=>{let{className:t,baseUrl:s="/works",developmentCaseList:l,pageSize:r,currentPageCount:i,totalCount:c}=e;return(0,a.jsxs)(h.w,{className:t,children:[(0,a.jsxs)("div",{className:"flex flex-wrap justify-around gap-10",children:[l.map(e=>{var t;return(0,a.jsx)(o._,{children:(0,a.jsx)(n,{className:"min-w-[340px] max-w-[400px] lg:max-w-[350px]",developmentCase:e})},null==(t=e.image)?void 0:t.url)}),(0,a.jsx)("div",{className:"w-[400px] min-w-[340px] lg:max-w-[350px]"}),(0,a.jsx)("div",{className:"hidden w-[400px] min-w-[340px] lg:block lg:max-w-[350px]"})]}),(0,a.jsx)(p,{className:"mt-10",baseUrl:s,currentPageCount:i,totalPageCount:Math.ceil(c/r)})]})}},1068:(e,t,s)=>{s.d(t,{Wx:()=>c});var a=s(4312),l=Object.defineProperty,r=new Map,i=new WeakMap,n=0,o=void 0;function c({threshold:e,delay:t,trackVisibility:s,rootMargin:l,root:d,triggerOnce:x,skip:m,initialInView:p,fallbackInView:h,onChange:u}={}){var f;let[g,w]=a.useState(null),v=a.useRef(u),[b,y]=a.useState({inView:!!p,entry:void 0});v.current=u,a.useEffect(()=>{let a;if(!m&&g)return a=function(e,t,s={},a=o){if(void 0===window.IntersectionObserver&&void 0!==a){let l=e.getBoundingClientRect();return t(a,{isIntersecting:a,target:e,intersectionRatio:"number"==typeof s.threshold?s.threshold:0,time:0,boundingClientRect:l,intersectionRect:l,rootBounds:l}),()=>{}}let{id:l,observer:c,elements:d}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var s;return`${t}_${"root"===t?!(s=e.root)?"0":(i.has(s)||(n+=1,i.set(s,n.toString())),i.get(s)):e[t]}`}).toString(),s=r.get(t);if(!s){let a,l=new Map,i=new IntersectionObserver(t=>{t.forEach(t=>{var s;let r=t.isIntersecting&&a.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=r),null==(s=l.get(t.target))||s.forEac

1h(e=>{e(r,t)})})},e);a=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),s={id:t,observer:i,elements:l},r.set(t,s)}return s}(s),x=d.get(e)||[];return d.has(e)||d.set(e,x),x.push(t),c.observe(e),function(){x.splice(x.indexOf(t),1),0===x.length&&(d.delete(e),c.unobserve(e)),0===d.size&&(c.disconnect(),r.delete(l))}}(g,(e,t)=>{y({inView:e,entry:t}),v.current&&v.current(e,t),t.isIntersecting&&x&&a&&(a(),a=void 0)},{root:d,rootMargin:l,threshold:e,trackVisibility:s,delay:t},h),()=>{a&&a()}},[Array.isArray(e)?e.toString():e,g,d,l,x,m,s,h,t]);let j=null==(f=b.entry)?void 0:f.target,N=a.useRef(void 0);g||!j||x||m||N.current===j||(N.current=j,y({inView:!!p,entry:void 0}));let k=[w,b.inView,b.entry];return k.ref=k[0],k.inView=k[1],k.entry=k[2],k}a.Component},1763:(e,t,s)=>{s.d(t,{h:()=>a});let a=(e,t)=>t?e+" "+t:e+"様"},3016:(e,t,s)=>{s.r(t),s.d(t,{PAGE_SIZE:()=>w,__N_SSG:()=>g,default:()=>v});var a=s(3108),l=s(2176),r=s(8602),i=s.n(r),n=s(4312),o=s(5412),c=s(6657),d=s(1763),x=s(4977),m=s(2911),p=s(396),h=s(8854),u=s(363),f=s(7477),g=!0;let w=12,v=e=>{let{developmentCaseTotalCount:t,developmentCaseList:s,pickUpClients:r}=e,g=(0,l.useRouter)(),v=(0,n.useMemo)(()=>g.query.page?Number(g.query.page):1,[g.query]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(u.T,{pagePath:"/works",pageTitle:"事例・実績",description:"これまでKWAVEが携わってきたビジネスデザイン、コンテンツマーケティング、開発案件をご紹介致します。一部のクライアント様のインタビューも掲載させて頂いております。"}),(0,a.jsxs)(o.P,{children:[(0,a.jsx)(x.z,{title_en:"Works",title_ja:"事例・実績"}),(0,a.jsxs)(m.w,{maxWidth:"full",className:"mt-4",children:[(0,a.jsx)("div",{className:"flex flex-col gap-10",children:r.map((e,t)=>(0,a.jsx)(c._,{direction:t%2==1?"left":"right",className:(0,f.cn)(t%2==1&&"self-end","self-start shadow-[0px_0px_12px_#153E981F]"),children:(0,a.jsx)(i(),{href:"/interview/".concat(e.id),className:"block w-[80vw] px-8 py-16 duration-300 hover:opacity-50 lg:py-24 xl:px-32 2xl:px-44",children:(0,a.jsxs)("div",{className:"flex max-w-4xl flex-col gap-8 sm:flex-row sm:gap-7 md:gap-12 lg:gap-14 xl:gap-16",children:[(0,a.jsx)("div",{className:"mx-auto max-w-[230px] self-center sm:min-w-[200px] md:min-w-[200px] lg:min-w-[250px] xl:min-w-[300px]",children:(0,a.jsx)(h._,{src:e.intervieweeImage.url,alt:e.intervieweeName,w:800,h:450,fit:"fill",fillColor:"FFFFFF"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-xl font-bold text-subBlue md:text-xl lg:text-4xl",children:(0,d.h)(e.intervieweeName,void 0)}),(0,a.jsx)("p",{className:"mt-4 text-sm font-bold md:text-base lg:mt-10",children:e.intervieweeInfoText})]})]})})},e.id))}),(0,a.jsx)(i(),{href:"/interview",className:"mx-auto mt-20 block w-80 rounded-full border border-mainBlue py-4 text-center text-sm font-bold text-mainBlue duration-300 hover:bg-mainBlue hover:text-white lg:text-base",children:"インタビューをもっと見る"})]}),(0,a.jsx)(p.s,{className:"mb-32 mt-24",developmentCaseList:s,pageSize:w,currentPageCount:v,totalCount:t})]})]})}},4977:(e,t,s)=>{s.d(t,{z:()=>n});var a=s(3108),l=s(4312),r=s(2911),i=s(7477);let n=e=>{let{className:t,category:s,title_en:n,title_ja:o}=e,[c,d]=(0,l.useState)(!1);return(0,l.useEffect)(()=>d(!0),[]),(0,a.jsxs)(r.w,{className:(0,i.cn)(t,"pb-6"),maxWidth:"full",children:[(0,a.jsxs)("div",{className:"pt-20 md:pt-36",children:[(0,a.jsx)("span",{children:s}),(0,a.jsxs)("div",{className:"ml-[5%] w-4/5 md:ml-[8%]",children:[(0,a.jsx)("h1",{"aria-label":o,className:"mt-6 flex font-bold text-subBlue",style:{fontSize:"min(".concat(80/o.length,"vw, 4rem)")},children:o.split("").map((e,t)=>(0,a.jsx)("span",{"aria-hidden":"true",className:(0,i.cn)(c?"opacity-100":"translate-y-[100px] opacity-0","flex text-subBlue duration-300"),style:{transitionDelay:"".concat(t/20,"s")},children:" "===e?(0,a.jsx)("span",{className:"block w-5"}):e},t))}),(0,a.jsx)("p",{className:"ml-1 mt-3 flex flex-wrap md:ml-2 md:text-2xl",children:n.split("").map((e,t)=>(0,a.jsx)("span",{"aria-hidden":"true",className:(0,i.cn)(c?"opacity-100":"translate-y-[100px] opacity-0","flex text-subBlue duration-300"),style:{transitionDelay:"".concat(t/20,"s")},children:" "===e?(0,a.jsx)("span",{className:"block w-2"}):e},t))})]})]}),(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1440 320",children:(0,a.jsx)("path",{className:"duration-[2000ms]",fill:"none",stroke:"#1F68B1",strokeWidth:6,strokeDasharray:"1800",strokeDashoffset:c?"0":"1800",d:"m0 288 26.7-21.3C53.3 245 107 203 160 186.7 213.3 171 267 181 320 208c53.3 27 107 69 160 58.7C533.3 256 587 192 640 192c53.3 0 107 64 160 53.3C853.3 235 907 149 960 122.7c53.3-26.7 107 5.3 160 37.3 53.3 32 107 64 160 37.3C1333.3 171 1387 85 1413 42.7L1440 0"})})]})}},6657:(e,t,s)=>{s.d(t,{_:()=>o});var a=s(3108),l=s(1068),r=s(7477),i=s(8405);let n={up:{from:"translate-y-7 opacity-0",to:"translate-y-0 opacity-100"},down:{from:"-translate-y-7 opacity-0",to:"translate-y-0 opacity-100"},left:{from:"translate-x-7 opacity-0",to:"translate-x-0 opacity-100"}

1,right:{from:"-translate-x-7 opacity-0",to:"translate-x-0 opacity-100"}},o=e=>{let{className:t,direction:s="up",from:o,to:c,children:d,options:x}=e,{innerWidth:m}=(0,i.w)(),{ref:p,inView:h}=(0,l.Wx)({triggerOnce:!0,rootMargin:m&&m>640?"-250px":"-100px",...x});return(0,a.jsx)("div",{ref:p,className:(0,r.cn)(t,h?c||n[s].to:o||n[s].from,"transform-gpu transition duration-1000 ease-out"),children:d})}}}]);