https://qualita-lab.com/_next/static/chunks/app/(top)/page-4b114dec7bd97bff.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[155],{3547:function(e,t,i){Promise.resolve().then(i.t.bind(i,5878,23)),Promise.resolve().then(i.t.bind(i,2972,23)),Promise.resolve().then(i.bind(i,2934)),Promise.resolve().then(i.t.bind(i,1926,23)),Promise.resolve().then(i.t.bind(i,7666,23)),Promise.resolve().then(i.bind(i,3412)),Promise.resolve().then(i.bind(i,2604)),Promise.resolve().then(i.t.bind(i,4747,23)),Promise.resolve().then(i.t.bind(i,9354,23)),Promise.resolve().then(i.t.bind(i,4993,23)),Promise.resolve().then(i.bind(i,7587)),Promise.resolve().then(i.bind(i,217)),Promise.resolve().then(i.bind(i,7123))},3412:function(e,t,i){"use strict";i.d(t,{HeroAnimation:function(){return d}});var s=i(7437),l={src:"/_next/static/media/scroll-arrow.f8f5fc96.svg",height:54,width:12,blurWidth:0,blurHeight:0},a={src:"/_next/static/media/scroll-text.4bd884cc.svg",height:51,width:9,blurWidth:0,blurHeight:0},n=i(6374),r=i(3145),o=i(2265),c=i(7283);let u=e=>{let[t,i]=(0,o.useState)(0),[s,l]=(0,o.useState)(!1),[a,n]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let t=e.current;if(!t||s)return;let o=()=>{let{scrollTop:e,scrollHeight:s,clientHeight:o}=t,u=s-o,d=Math.min(e/u,1);i(d);let m=[c.OM.SLINE.REVEAL_COMPLETE,c.OM.ANIMATION_COMPLETE];if(a)return;let h=m.find(e=>e>d);h&&(n(!0),r(t,h*u,c.QF)),l(c.OM.ANIMATION_COMPLETE===d)};return t.addEventListener("scroll",o),()=>{t.removeEventListener("scroll",o)}},[a,s,e]);let r=(e,t,i)=>{let s=e.scrollTop,l=t-s,a=performance.now(),r=t=>{let o=Math.min((t-a)/i,1);e.scrollTop=s+l*(1-(1-o)**3),o<1?requestAnimationFrame(r):n(!1)};requestAnimationFrame(r)};(0,o.useEffect)(()=>{let t=e.current;if(!t)return;let i=e=>{let{scrollTop:i,scrollHeight:s,clientHeight:l}=t;i>=s-l&&e.deltaY>0?(e.preventDefault(),window.scrollBy({top:e.deltaY,behavior:"auto"})):e.deltaY<0&&(e.preventDefault(),window.scrollBy({top:e.deltaY,behavior:"auto"}))};return t.addEventListener("wheel",i,{passive:!1}),()=>{t.removeEventListener("wheel",i)}},[e]);let u=1-Math.min(t/c.OM.MAIN_IMAGE.FADE_OUT_COMPLETE,1),d=t>c.OM.MAIN_IMAGE.FADE_OUT_COMPLETE,m=c.OM.SLINE.REVEAL_COMPLETE-c.OM.SLINE.REVEAL_START,h=(0,o.useMemo)(()=>Math.min(Math.max((t-c.OM.SLINE.REVEAL_START)/m,0),1),[t,m]),x=(0,o.useMemo)(()=>Math.min(Math.max((t-c.OM.OVERLAY.DARKEN_START)*3,0),.5),[t]),p=(0,o.useMemo)(()=>Math.min(Math.max((t-c.OM.LOGO.APPEAR)*10,0),1),[t]);return{scrollProgress:t,mainImageOpacity:u,showSubImages:d,sLineProgress:h,extraOverlayOpacity:x,logoProgress:p}},d=()=>{var e;let t=(0,o.useRef)(null),{scrollProgress:i,mainImageOpacity:d,showSubImages:m,sLineProgress:h,extraOverlayOpacity:x,logoProgress:p}=u(t);return(0,s.jsx)("div",{ref:t,className:"relative h-[100vh] w-full overflow-auto scrollbar-hide",style:{msOverflowStyle:"none",scrollbarWidth:"none"},children:(0,s.jsx)("div",{className:"h-[400vh] w-full",children:(0,s.jsxs)("div",{className:"sticky top-0 h-screen w-full",children:[(0,s.jsx)("div",{className:"absolute bottom-5 left-5 text-white text-2xl font-bold z-30",children:(0,s.jsxs)("div",{className:"flex flex-col justify-center gap-4",children:[(0,s.jsx)(n.E.div,{animate:{y:[0,-15,0]},transition:{repeat:Number.POSITIVE_INFINITY,duration:2},children:(0,s.jsx)(r.default,{src:a,alt:"scroll"})}),(0,s.jsx)(r.default,{src:l,alt:"scroll"})]})}),(0,s.jsx)("div",{className:"absolute inset-0 bg-black z-5"}),(0,s.jsx)(n.E.div,{className:"absolute inset-0 z-20",animate:{opacity:d},transition:{duration:.3},children:(0,s.jsxs)("div",{className:"relative h-full w-full",children:[(0,s.jsx)(r.default,{src:c.eY.MAIN,alt:"hero-main-image",fill:!0,style:{objectFit:"cover"},priority:!0}),(0,s.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-60"})]})}),(0,s.jsxs)(n.E.div,{className:"absolute inset-0 z-10",animate:{opacity:m?1:0},transition:{duration:.5},children:[(0,s.jsx)("div",{className:"flex h-full w-full absolute top-0 left-0",children:c.eY.SUB.map((e,t)=>(0,s.jsxs)("div",{className:"relative w-1/4 h-full",children:[(0,s.jsx)(r.default,{src:e,alt:"hero-image-".concat(t+1),fill:!0,style:{objectFit:"cover"},priority:t<2}),(0,s.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-60"}),(0,s.jsx)(n.E.div,{className:"absolute inset-0 bg-black z-10",animate:{y:i>c.OM.SUB_IMAGE.FADE_IN_START?t%2==0?"100%":"-100%":0,display:i>c.OM.SUB_IMAGE.FADE_IN_START?"none":"block"},transition:{y:{duration:.5},display:{delay:.5}}})]},e))}),(0,s.jsx)(n.E.div,{className:"absolute inset-0 bg-black z-15",animate:{o

1pacity:x},initial:{opacity:0},transition:{duration:.3}})]}),(0,s.jsx)("div",{className:"mt-24 absolute inset-0 flex items-center justify-center z-10 pointer-events-none overflow-hidden",children:(0,s.jsx)("div",{className:"w-full",style:{clipPath:"polygon(0 0, ".concat(100*h,"% 0, ").concat(100*h,"% 100%, 0 100%)")},children:(0,s.jsx)(r.default,{src:c.eY.S_LINE,alt:"S-line",width:1440,height:255,style:{width:"100%",height:"auto"}})})}),(0,s.jsxs)("div",{className:"absolute inset-0 flex items-center justify-center z-20",children:[(0,s.jsx)("div",{className:"w-full max-w-3xl px-6 overflow-hidden text-center",children:(0,s.jsx)("div",{className:"text-3xl font-semibold text-white tracking-wider w-full text-center relative",children:(0,s.jsx)("div",{className:"w-full text-center relative h-[60px]",children:(0,s.jsx)(n.E.span,{animate:{opacity:i<=(e=c.OM.TEXT.BOTH_DISAPPEAR)?1:Math.max(1-Math.min((i-e)*10,1),0)},transition:{duration:.8,ease:"easeOut"},children:"クライアントのその先へ、価値を届ける"})})})}),(0,s.jsx)("div",{className:"absolute inset-0 flex items-center justify-center z-20",children:(0,s.jsxs)(n.E.div,{className:"w-full flex flex-col justify-center items-center gap-6",initial:{opacity:0,y:30},animate:{opacity:p,y:(1-p)*30},transition:{duration:.3},children:[(0,s.jsx)(r.default,{src:"/images/qualita.svg",alt:"Qualita Logo",width:400,height:400,priority:!0}),(0,s.jsxs)("h2",{className:"text-[20px] leading-[51px] tracking-[0.19em] font-semibold text-white text-center",children:["クアリタはWEBサービスやアプリの開発会社です。",(0,s.jsx)("br",{}),"変化の早い社会とともに、我々のビジネスも進化しつづけます。",(0,s.jsx)("br",{}),"クライアントのビジネスの成功を目的として、",(0,s.jsx)("br",{}),"エンドユーザーに価値を届けることをゴールに、",(0,s.jsx)("br",{}),"IT・デジタル領域のプロとして様々なご提案をします。"]})]})})]})]})})})}},2604:function(e,t,i){"use strict";i.d(t,{HeroAnimationSp:function(){return d}});var s=i(7437),l={src:"/_next/static/media/scroll.44e1f37a.svg",height:60,width:46,blurWidth:0,blurHeight:0},a=i(6374),n=i(3145),r=i(2265);i(7354);var o=i(4435),c=i(9764),u=i(7283);let d=()=>{let e=(0,r.useRef)(null),[t,i]=(0,r.useState)("main"),[d,m]=(0,r.useState)(!1),[h,x]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let t=setTimeout(()=>{m(!0),setTimeout(()=>{i("sub"),m(!1),e.current&&e.current.autoplay.start()},u.xS)},u.qS);return x(!0),()=>{var i;clearTimeout(t);let s=e.current;null==s||null===(i=s.autoplay)||void 0===i||i.stop(),e.current=null}},[]),(0,s.jsxs)("div",{className:"relative w-full h-screen overflow-hidden",children:[(0,s.jsx)(a.E.div,{className:"absolute inset-0",initial:{x:0},animate:{x:d?"-100%":0},transition:{duration:u.xS/1e3,ease:"easeInOut"},children:(0,s.jsx)("div",{className:"relative h-screen w-full",children:(0,s.jsx)(n.default,{src:u.lO.MAIN,alt:"hero-main-image",fill:!0,priority:!0,style:{objectFit:"cover",objectPosition:"center"}})})}),(0,s.jsx)(a.E.div,{className:"absolute inset-0",initial:{x:"100%"},animate:{x:d||"sub"===t?0:"100%"},transition:{duration:u.xS/1e3,ease:"easeInOut"},children:(0,s.jsx)(c.tq,{slidesPerView:1,speed:u.xS,onSwiper:t=>{e.current=t,t.autoplay.stop()},autoplay:{delay:u.qS,disableOnInteraction:!1},modules:[o.pt],loop:!0,children:u.lO.SUB.map((e,t)=>(0,s.jsx)(c.o5,{children:(0,s.jsx)("div",{className:"relative h-screen w-full",children:(0,s.jsx)(n.default,{src:e,alt:"hero-sub-image",fill:!0,priority:0===t,style:{objectFit:"cover",objectPosition:"center"}})})},e))})}),(0,s.jsx)("div",{className:"mt-36 absolute inset-0 flex flex-col items-center justify-center z-10",children:(0,s.jsxs)("div",{className:"relative w-full max-w-3xl px-6",children:[(0,s.jsx)(a.E.div,{className:"mx-auto",animate:h?{opacity:1,y:0,filter:"blur(0px)"}:{},transition:{duration:.8,ease:"easeOut"},children:(0,s.jsxs)("h1",{className:"text-2xl font-semibold leading-snug text-white tracking-[0.17em]",children:["クライアントのその先へ、",(0,s.jsx)("br",{}),"価値を届ける"]})}),(0,s.jsxs)(a.E.div,{className:"mx-auto mt-4",initial:{opacity:0,y:20},animate:h?{opacity:1,y:0,filter:"blur(0px)"}:{},transition:{duration:.8,ease:"easeOut",delay:.5+u.Af/1e3},children:[(0,s.jsx)("h2",{className:"text-white text-sm font-semibold leading-[26px] tracking-[0.05em]",children:"クアリタはWEBサービスやアプリの開発会社です。変化ã

1®æ—©ã„社会とともに、我々のビジネスも進化しつづけます。クライアントのビジネスの成功を目的として、エンドユーザーに価値を届けることをゴールに、IT・デジタル領域のプロとして様々なご提案をします。"}),(0,s.jsx)("div",{className:"flex justify-center mt-8",children:(0,s.jsx)(n.default,{src:l,alt:"scroll"})})]})]})})]})}},7283:function(e,t,i){"use strict";i.d(t,{Af:function(){return o},OM:function(){return s},QF:function(){return a},eY:function(){return l},lO:function(){return c},qS:function(){return n},xS:function(){return r}});let s={MAIN_IMAGE:{FADE_OUT_COMPLETE:.2},SUB_IMAGE:{FADE_IN_START:.25},TEXT:{BOTH_DISAPPEAR:.55},SLINE:{REVEAL_START:.25,REVEAL_COMPLETE:.35},OVERLAY:{DARKEN_START:.7},LOGO:{APPEAR:.75},ANIMATION_COMPLETE:1},l={MAIN:"/images/top/top-main.png",SUB:["/images/top/top-sub-1.png","/images/top/top-sub-2.png","/images/top/top-sub-3.png","/images/top/top-sub-4.png"],S_LINE:"/images/top/top-sline.png"},a=2e3,n=3e3,r=800,o=3e3,c={MAIN:"/images/top/top-main-sp.png",SUB:["/images/top/top-sub-1-sp.png","/images/top/top-sub-2-sp.png","/images/top/top-sub-3-sp.png","/images/top/top-sub-4-sp.png"]}},1926:function(e){e.exports={about:"About_about__848Jx",logo:"About_logo__KPgtW",img:"About_img__9weMM",heading:"About_heading__JPa9w",headingAboutSp:"About_headingAboutSp__P_Gkh",contents:"About_contents__tpLe3"}},7666:function(e){e.exports={achieve:"Achieve_achieve__rvTUL",titleIcon:"Achieve_titleIcon__8I4En",label:"Achieve_label__yVKEq"}},4747:function(e){e.exports={point:"Point_point__jsoG4",bg:"Point_bg__KtD4t",title:"Point_title__QmHwn"}},4993:function(e){e.exports={service:"Service_service__1VpBb",bg:"Service_bg__mu2Tp",heading:"Service_heading__5TPa8",iconFrame:"Service_iconFrame__bkBTo",img:"Service_img__cITJr"}},9354:function(e){e.exports={specialtyItem:"SpecialtyItem_specialtyItem__oxxlJ",itemNumber:"SpecialtyItem_itemNumber__s6LLd"}},7587:function(e,t,i){"use strict";i.r(t),t.default={src:"/_next/static/media/wave-sp.929fecab.svg",height:1706,width:27,blurWidth:0,blurHeight:0}},217:function(e,t,i){"use strict";i.r(t),t.default={src:"/_next/static/media/wave.13dcd1b0.svg",height:1519,width:112,blurWidth:0,blurHeight:0}}},function(e){e.O(0,[579,340,719,878,856,501,981,24,559,934,971,117,744],function(){return e(e.s=3547)}),_N_E=e.O()}]);