https://willeder.com/_next/static/chunks/pages/index-4bbd02631250901b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[332],{2369:(e,t,s)=>{"use strict";s.d(t,{A:()=>u});var n=s(7876),r=s(4232),i=s(6941),o=s(6212),l=s.n(o),a=s(4587),c=s.n(a),d=s(8230),h=s.n(d),p=s(1278);let u=()=>{let e=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let t=e.current;if(!t)return;let s=t.querySelectorAll("path");i.default.set(s,{opacity:0,y:100,scale:.3});let n=new IntersectionObserver((e,n)=>{e.forEach(e=>{e.isIntersecting&&(i.default.to(s,{opacity:1,y:0,scale:1,duration:.6,ease:"back.out(1.8)",stagger:.03}),s.forEach((e,t)=>{i.default.to(e,{rotation:i.default.utils.random(-2,2),transformOrigin:"50% 100%",repeat:-1,yoyo:!0,duration:.4,ease:"sine.inOut",delay:.8+.01*t})}),n.unobserve(t))})},{threshold:.1});return n.observe(t),()=>{n.disconnect()}},[]),(0,n.jsxs)("section",{className:l().LetsTalk,children:[(0,n.jsx)("div",{className:l().talkIcon,children:(0,n.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsxs)("svg",{ref:e,id:"animated-svg",viewBox:"0 0 354 282",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{width:"348px",height:"281px"},children:[(0,n.jsx)("path",{d:"M229.331 160.46C207.911 139.04 207.911 104.3 229.331 82.8697C250.751 61.4497 285.491 61.4497 306.921 82.8697C325.371 101.32 327.911 129.62 314.601 150.81L320.941 174.48L297.271 168.14C276.081 181.45 247.781 178.91 229.331 160.46Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M192.941 80.34L166.491 106.79L219.391 80.34H272.281V1H166.491V80.34H192.941Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M142.311 98.78C163.731 77.36 163.731 42.62 142.311 21.19C120.891 -0.23 86.1514 -0.23 64.7214 21.19C46.2714 39.64 43.7314 67.94 57.0414 89.13L50.7014 112.8L74.3714 106.46C95.5614 119.77 123.861 117.23 142.311 98.78Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M116.881 81.3302C101.731 55.0902 68.1806 46.1002 41.9406 61.2502C15.7006 76.4002 6.71058 109.95 21.8606 136.19C34.9006 158.78 61.5806 168.57 85.5006 161.19L106.721 173.44V148.94C125.071 131.92 129.931 103.92 116.891 81.3302H116.881Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M121.111 109.309L139.641 96.2891L146.981 117.709L169.621 118.079L162.971 139.719L181.071 153.319L162.971 166.919L169.621 188.569L146.981 188.929L139.641 210.349L121.111 197.339L102.581 210.349L95.2406 188.929L72.6006 188.569L79.2506 166.919L61.1406 153.319L79.2506 139.719L72.6006 118.079L95.2406 117.709L102.581 96.2891L121.111 109.309Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M165.731 138.889C180.881 112.649 214.431 103.659 240.671 118.809C266.911 133.959 275.901 167.509 260.751 193.749C247.711 216.339 221.031 226.129 197.111 218.749L175.891 230.999V206.499C157.541 189.479 152.681 161.479 165.721 138.889H165.731Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M169.481 187.29C148.061 165.87 113.321 165.87 91.8912 187.29C70.4712 208.71 70.4712 243.45 91.8912 264.88C110.341 283.33 138.641 285.87 159.831 272.56L183.501 278.9L177.161 255.23C190.471 234.04 187.931 205.74 169.481 187.29Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M27.7508 214.6L1.30078 241.05L54.1908 214.6H107.091V135.26H1.30078V214.6H27.7508Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M182.581 139.32L167.431 148.88L152.281 139.32H123.511C101.601 139.32 83.8408 121.56 83.8408 99.6505C83.8408 77.7405 101.601 59.9805 123.511 59.9805H211.351C233.261 59.9805 251.021 77.7405 251.021 99.6505C251.021 121.56 233.261 139.32 211.351 139.32H182.581Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M234.541 255.59L219.391 265.15L204.241 255.59H175.471C153.561 255.59 135.801 237.83 135.801 215.92C135.801 194.01 153.561 176.25 175.471 176.25H263.311C285.221 176.25 302.981 194.01 302.981 215.92C302.981 237.83 285.221 255.59 263.311 255.59H234.541Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M323.301 236.801L349.751 263.251L296.851 236.801H243.961V157.461H349.751V236.801H323.301Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M292.411 46.8596L310.941 33.8496L318.281 55.2696L340.921 55.6296L334.271 77.2796L352.381 90.8796L334.271 104.48L340.921 126.12L318.281 126.49L310.941 147.91L292.411 134.89L273.881 147.91L266.541 126.49L243.901 126.12L250.551 104.48L232.451 90.8796L250.551 77.2796L243.901 55.6296L266.541 55.2696L273.881 33.8496L292.411 46.8596Z",fill:"white",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})})}),(0,n.jsx)("div",{className:l().talkLink,children:(0,n.jsx)("div",{className:"btnStyle",children:(0,n.jsxs)(h(),{href:"./contact-us",onClick:()=>(0,p.kq)("lets_talk","とりあえず、相談！","/contact-us"),children:[(0,n.jsxs)("span",{children:[(0,n.jsxs)("strong",{children:["とりあえず、",(0,n.jsx)("br",{className:"sp-br"}),"相談！"]}),(0,n.jsxs)("small",{children:["相談内容が固まっていない場合でも",(0,n.jsx)("br",{className:"sp-br"}),"ご対応可能です。"]})]}),(0,n.jsxs)("i",{children:[(0,n.jsx)(c(),{src:"/assets/image/arrorRight.svg",alt:"",width:21,height:24})," "]})]})})})]})}},2370:e=>{e.exports={TopConcept:"TopConcept_TopConcept__4W2Dp",TopConceptContain:"TopConcept_TopConceptContain__TRDY_",TopConceptTitle:"TopConcept_TopConceptTitle__DXuqw",TopConceptcontent:"TopConcept_TopConceptcontent__htxsm"}},3380:(e,t,s)=>{"use strict";s.r(t),s.d(t,{__N_SSG:()=>f,default:()=>C});var n=s(7876),r=s(2369),i=s(1274),o=s(4232),l=s(6941),a=s(6276),c=s(4186),d=s.n(c),h=s(5348),p=s(2629),u=s(4587),g=s.n(u),x=s(8230),j=s.n(x);l.gsap.registerPlugin(a.ScrollTrigger);let L=()=>{let e=(0,o.useRef)(null);return(0,o.useEffect)(()=>

1{if(!e.current)return;let t=e.current.querySelectorAll("li");l.gsap.fromTo(t,{opacity:0,y:30},{opacity:1,y:0,duration:1,ease:"power3.out",stagger:.3,scrollTrigger:{trigger:e.current,start:"top 80%",toggleActions:"play none none none"}})},[]),(0,n.jsx)("section",{className:d().servicesSection,children:(0,n.jsx)(h.A,{children:(0,n.jsxs)("div",{children:[(0,n.jsx)(p.A,{title:"SERVICES",subTitle:"Willederの事業内容"}),(0,n.jsxs)("div",{className:d().serviceHead,children:[(0,n.jsx)("p",{children:"会社や事業をよりよくするため"}),(0,n.jsx)("h4",{children:"2つの専門スキル"}),(0,n.jsx)("p",{children:"でサポートいたします。"})]}),(0,n.jsx)("div",{className:d().serviceBox,children:(0,n.jsxs)("ul",{ref:e,children:[(0,n.jsx)(j(),{href:"/branding-design",children:(0,n.jsxs)("li",{children:[(0,n.jsxs)("h3",{children:["BRANDING ",(0,n.jsx)("br",{}),"/ DESIGN ",(0,n.jsx)("small",{children:"ブランディング / デザイン"})]}),(0,n.jsx)("span",{children:(0,n.jsx)(g(),{src:"/assets/image/branding.png",width:933,height:480,alt:""})}),(0,n.jsx)("span",{className:d().hover_me,children:(0,n.jsx)(g(),{src:"/assets/image/branding_hover.png",width:933,height:480,alt:""})}),(0,n.jsx)("i",{children:(0,n.jsx)("svg",{width:"42",height:"48",viewBox:"0 0 42 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M41.57 24L0 0C0 0 10.39 8.81 10.39 24C10.39 39.19 0 48 0 48L41.57 24Z",fill:"currentColor"})})})]})}),(0,n.jsx)(j(),{href:"/it-consulting-engineering",children:(0,n.jsxs)("li",{children:[(0,n.jsxs)("h3",{children:["IT CONSULTING ",(0,n.jsx)("br",{}),"/ ENGINEERING ",(0,n.jsx)("small",{children:"ITコンサルティング / エンジニアリング"})]}),(0,n.jsx)("span",{children:(0,n.jsx)(g(),{src:"/assets/image/engineering.png",width:392,height:202,alt:""})}),(0,n.jsx)("span",{className:d().hover_me,children:(0,n.jsx)(g(),{src:"/assets/image/engineering_hover.png",width:933,height:480,alt:""})}),(0,n.jsx)("i",{children:(0,n.jsx)("svg",{width:"42",height:"48",viewBox:"0 0 42 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M41.57 24L0 0C0 0 10.39 8.81 10.39 24C10.39 39.19 0 48 0 48L41.57 24Z",fill:"currentColor"})})})]})})]})})]})})})},m=s(8186).A;var k=s(4896),v=s(2046),b=s(2370),w=s.n(b);let y=()=>{let e=(0,o.useRef)(null),t=(0,o.useRef)(null);return(0,o.useEffect)(()=>{if(!e.current||!t.current)return;let n=setTimeout(async()=>{try{let{gsap:n}=await Promise.resolve().then(s.bind(s,6941)),{ScrollTrigger:r}=await Promise.resolve().then(s.t.bind(s,6276,23));n.registerPlugin(r);let i=e.current?.querySelectorAll(`.${w().TopConceptTitle} h3`),o=t.current?.querySelectorAll("p"),l=e.current&&(e=>{let t=e.getBoundingClientRect(),s=window.innerHeight||document.documentElement.clientHeight;return t.top<=.8*s})(e.current);i&&i.length>0&&(l?n.fromTo(i,{opacity:0,y:50},{opacity:1,y:0,duration:1,ease:"power3.out",stagger:.2,delay:.5}):n.fromTo(i,{opacity:0,y:50},{opacity:1,y:0,duration:1,ease:"power3.out",stagger:.2,scrollTrigger:{trigger:e.current,start:"top 80%",toggleActions:"play none none none"}})),o&&o.length>0&&(l?n.fromTo(o,{opacity:0,y:50},{opacity:1,y:0,duration:1,ease:"power3.out",stagger:.3,delay:.8}):n.fromTo(o,{opacity:0,y:50},{opacity:1,y:0,duration:1,ease:"power3.out",stagger:.3,scrollTrigger:{trigger:t.current,start:"top 70%",toggleActions:"play none none none"}})),setTimeout(()=>{r.refresh()},100)}catch(s){console.warn("GSAP failed to load, continuing without animations:",s),e.current&&(e.current.style.opacity="1"),t.current&&(t.current.style.opacity="1")}},800);return()=>clearTimeout(n)},[]),(0,n.jsx)("div",{className:w().TopConcept,ref:e,children:(0,n.jsx)(h.A,{children:(0,n.jsxs)("div",{className:w().TopConceptContain,children:[(0,n.jsx)("div",{className:w().TopConceptTitle,children:(0,n.jsxs)("h3",{children:["ただ作るのではなく、",(0,n.jsx)("br",{}),"成果につながる"]})}),(0,n.jsx)("div",{className:w().TopConceptTitle,children:(0,n.jsx)("h3",{children:"「本質的なものづくり」を。"})}),(0,n.jsxs)("div",{className:w().TopConceptcontent,ref:t,children:[(0,n.jsxs)("p",{children:["私たちは、戦略から",(0,n.jsx)("br",{className:"sp-br"}),"デザイン・開発まで一貫して伴走する",(0,n.jsx)("br",{}),"デザインと開発のハイブリッドパートナーです"]}),(0,n.jsxs)("p",{children:["本質的なものづくりのために",(0,n.jsx)("br",{}),"「本心」でお客様と向き合うことを大切にしています"]}

1),(0,n.jsxs)("p",{children:["お客様の目的の達成のために、",(0,n.jsx)("br",{}),"心から良いと思えるものを提案し、",(0,n.jsx)("br",{}),"率直に意見を交わすことを惜しみません"]}),(0,n.jsxs)("p",{style:{color:"#888888"},children:["そんな私たちの姿勢を",(0,n.jsx)("br",{className:"sp-br"}),"少しでも感じていただけるよう、",(0,n.jsx)("br",{}),"「下書き」をテーマに",(0,n.jsx)("br",{className:"sp-br"}),"このサイトをつくりました"]}),(0,n.jsxs)("p",{style:{color:"#888888"},children:["画面右下から、",(0,n.jsx)("br",{}),"私たちの思考の軌跡＝",(0,n.jsx)("br",{className:"sp-br"}),"下書きをのぞいていただけます。",(0,n.jsx)("br",{}),"ぜひご覧ください。"]})]})]})})})};var f=!0;let C=e=>{let{works:t=null}=e,{showOnlyBackground:s,toggleBackground:l}=(0,v._)();return(0,o.useEffect)(()=>{let e,t=()=>{document.body.classList.add("transparent-background"),clearTimeout(e),e=setTimeout(()=>{document.body.classList.remove("transparent-background")},200)};return s?(document.body.classList.add("transparent-background"),document.body.classList.add("bgNone"),window.addEventListener("scroll",t)):(document.body.classList.remove("transparent-background"),document.body.classList.remove("bgNone")),()=>{window.removeEventListener("scroll",t),clearTimeout(e)}},[s]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(k.A,{title:"ウィルダー株式会社｜戦略からデザイン・開発まで一貫伴走するハイブリッドパートナー",titleEn:"Willeder Inc. | Hybrid Partner for End-to-End Support from Strategy to Design and Development",description:"ウィルダー株式会社は「本質的なものづくり」で成果につなげる、デザインと開発のハイブリッドパートナーです。戦略立案からデザイン・開発・運用改善まで一貫して伴走し、率直な対話と徹底した調査分析でお客様の目的達成を支援します。",descriptionEn:'Willeder Inc. is a hybrid partner in design and development that connects to results through "essential manufacturing." We provide end-to-end support from strategy formulation to design, development, and operational improvement, assisting clients in achieving their objectives through frank dialogue and thorough research and analysis.',keywords:"ウィルダー, デザイン, Web制作, アプリ開発, ブランディング, ITコンサルティング, システム開発, DX支援, 東京",keywordsEn:"Willeder, Design, Web Production, App Development, Branding, IT Consulting, System Development, DX Support, Tokyo",canonical:"/",ogImage:"/assets/image/willeder_OGP.png",lang:"ja"}),(0,n.jsxs)("main",{children:[(0,n.jsxs)("div",{className:`section background-section ${s?"section-show":"section-hide"}`,onClick:()=>{l(),document.body.classList.remove("transparent-background")},children:[(0,n.jsx)("div",{className:"background-pattern"}),(0,n.jsx)("div",{className:"main-background-images",children:(0,n.jsxs)("picture",{children:[(0,n.jsx)("source",{media:"(min-width: 1024px)",srcSet:"/assets/image/DRAFT_TOP_PC.png",width:1920,height:4923}),(0,n.jsx)("source",{media:"(min-width: 641px)",srcSet:"/assets/image/DRAFT_TOP_TB.png",width:1366,height:6058}),(0,n.jsx)("img",{src:"/assets/image/DRAFT_TOP_SP.png",alt:"Background",className:"mainBgImg",width:820,height:5626,fetchPriority:"high",loading:"eager",decoding:"async"})]})})]}),(0,n.jsxs)("div",{className:`section content-section ${s?"section-hide":"section-show"}`,children:[(0,n.jsx)(y,{}),(0,n.jsx)(m,{}),(0,n.jsx)(L,{}),(0,n.jsx)(i.A,{works:t}),(0,n.jsx)(r.A,{})]})]})]})}},4186:e=>{e.exports={servicesSection:"ServicesSection_servicesSection__TS_aG",serviceHead:"ServicesSection_serviceHead__YEoMV",serviceBox:"ServicesSection_serviceBox__ukZta",hover_me:"ServicesSection_hover_me__1jiUq"}},6212:e=>{e.exports={LetsTalk:"LetsTalk_LetsTalk__tHihS",talkIcon:"LetsTalk_talkIcon__BQ5Tc",talkLink:"LetsTalk_talkLink__AcCKS"}},6760:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return s(3380)}])}},e=>{var t=t=>e(e.s=t);e.O(0,[742,941,504,276,695,80,636,593,792],()=>

1t(6760)),_N_E=e.O()}]);