https://willeder.com/_next/static/chunks/pages/contact-us-01836380…?dpl=dpl_FKP3vjwdyWJ8K4JRREXTtYtHP46v

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[649],{220:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=a(4896).A},1158:e=>{e.exports={customRadio:"Radio_customRadio__qnm6i"}},1390:e=>{e.exports={contact_content_section:"contactUs_contact_content_section__tMoZj",contactUs_section:"contactUs_contactUs_section__uRM_g",contact_background_section:"contactUs_contact_background_section__QPFcl","section-hide":"contactUs_section-hide__kVJ5J","main-background-images":"contactUs_main-background-images__zbqdx","section-show":"contactUs_section-show__taNlW","background-pattern":"contactUs_background-pattern__iWHbT",contactUs:"contactUs_contactUs__wENvo",contactus_title:"contactUs_contactus_title__KGfGb",contact_main_box:"contactUs_contact_main_box__lbbxU",round_image_red:"contactUs_round_image_red__zWppa",contact_box:"contactUs_contact_box__FUOgh",contact_main_under_box:"contactUs_contact_main_under_box__ZZSNo",contact_under_box:"contactUs_contact_under_box__Ph8ok",tabs_section:"contactUs_tabs_section__n2bZg",tabContent:"contactUs_tabContent___f0cz",tab_content_box:"contactUs_tab_content_box__XTY54",tab_label:"contactUs_tab_label__xn1gf",checkbox_section:"contactUs_checkbox_section__j_uKA",tab_title:"contactUs_tab_title__7us1G",tabs:"contactUs_tabs__vixER",tab:"contactUs_tab__lfsJA",active:"contactUs_active__bY_ND",Privacy_box:"contactUs_Privacy_box__i_W6Z",error_message:"contactUs_error_message__yYbxz",check_btn:"contactUs_check_btn__VMkll",error:"contactUs_error___Y5p5",ContactComfirmation_box:"contactUs_ContactComfirmation_box___q_no",contact_content:"contactUs_contact_content__chcmH",mpo_top_old_logo:"contactUs_mpo_top_old_logo__yno7b",check_btn_confirm:"contactUs_check_btn_confirm__LFdMh",back_btn:"contactUs_back_btn__1maD4",submit_btn:"contactUs_submit_btn__nxgaG","checkbox-container":"contactUs_checkbox-container__OUO35",svg_round:"contactUs_svg_round__T0oLJ",draw:"contactUs_draw__Ey0Jm",ContactComfirmation_section:"contactUs_ContactComfirmation_section__x3OLt",confirmation_btn_div:"contactUs_confirmation_btn_div__IEKmz",confirmation_btns:"contactUs_confirmation_btns__Rax18",ContactDone_section:"contactUs_ContactDone_section__6M_G9",ContactDone_contain:"contactUs_ContactDone_contain__0tTH_"}},3223:e=>{e.exports={tab_2:"Tab2Form_tab_2__g4JhN",tab_content_box:"Tab2Form_tab_content_box__Ejm4h",tab_label:"Tab2Form_tab_label__2NYSd",checkbox_section:"Tab2Form_checkbox_section__Y6Yzg",checkbox_label:"Tab2Form_checkbox_label__tUqM4",error:"Tab2Form_error__DtGfY",error_message:"Tab2Form_error_message__xuCeN"}},4309:(e,t,a)=>{"use strict";a.d(t,{A:()=>n});var s=a(7876);let n=e=>{let{desktopSrc:t,tabletSrc:a,mobileSrc:n,alt:c="Background",priority:o=!1,className:i="mainBgImg",width:r,height:l}=e,d=e=>e.replace(/ /g,"%20");return(0,s.jsxs)("picture",{children:[(0,s.jsx)("source",{media:"(min-width: 1024px)",srcSet:d(t)}),(0,s.jsx)("source",{media:"(min-width: 641px)",srcSet:d(a)}),(0,s.jsx)("img",{src:n,alt:c,className:i,width:r,height:l,fetchPriority:o?"high":"auto",loading:o?"eager":"lazy",decoding:"async"})]})}},4787:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>S});var s=a(7876),n=a(4587),c=a.n(n),o=a(1390),i=a.n(o),r=a(4232),l=a(6941);let d={src:"/_next/static/media/down-arrow.73be3610.png",height:32,width:33,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAHlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3KG9qAAAACXRSTlMBx7IMXv1uZQfj3AyFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAMElEQVR4nCXGQRIAIAjDwLSIyP8/7KC5ZAEkfh8RgwjsgcxuS+4N1ZldcFiZi/M0vw++AKQNNBQ9AAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8};var m=a(5348),h=a(8230),_=a.n(h),x=a(3223),u=a.n(x),b=a(1158),g=a.n(b);let j=e=>{let{id:t,name:a,label:n,checked:c,onChange:o,value:i}=e;return(0,s.jsxs)("div",{className:g().customRadio,children:[(0,s.jsx)("input",{value:i,type:"radio",id:t,name:a,checked:c,onChange:o,className:g().radio}),(0,s.jsx)("label",{htmlFor:t,children:n})]})},p=e=>{let{formData:t,setFormData:a,externalErrors:n}=e,[c,o]=(0,r.useState)({name:"",email:"",company:"",message:"",privacy:!1,source:!1,about:!1,budget:!1,deadline:!1}),i={...c,...n},l=(e,t)=>

1{switch(e){case"name":return t.toString().trim().length>0?"":"氏名を入力してください";case"email":return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.toString())?"":"有効なメールアドレスを入力してください";case"company":return t.toString().trim().length>0?"":"会社名を入力してください";case"message":return t.toString().trim().length>0?"":"お問い合わせ内容を入力してください";case"source":return t.toString().trim().length>0?"":"知ったきっかけを選択してください";case"about":return t.toString().trim().length>0?"":"ご依頼領域を選択してください";case"budget":return t.toString().trim().length>0?"":"ご予算を選択してください";case"deadline":return t.toString().trim().length>0?"":"ご希望納期を選択してください";case"privacyPolicy":return!t;default:return""}},d=e=>{let{name:s,value:n}=e.target;a({...t,[s]:n}),o(e=>({...e,[s]:l(s,n)}))},m=e=>{let{name:t,value:s}=e.target;a(e=>({...e,[t]:s})),o(e=>({...e,[t]:l(t,s)}))};return(0,s.jsxs)("div",{className:u().tab_2,children:[(0,s.jsxs)("div",{className:u().tab_content_box,children:[(0,s.jsxs)("div",{className:u().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"氏名"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{style:{width:"100%"},children:[(0,s.jsx)("input",{id:"name",name:"name",placeholder:"例：田中太郎",type:"text",value:t.name,onChange:d,className:i.name?u().error:""}),i.name&&(0,s.jsx)("p",{className:u().error_message,children:i.name})]})]}),(0,s.jsxs)("div",{className:u().tab_content_box,children:[(0,s.jsxs)("div",{className:u().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"メールアドレス"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{style:{width:"100%"},children:[(0,s.jsx)("input",{id:"email",name:"email",placeholder:"例：[email protected]",type:"email",value:t.email,onChange:d,className:i.email?u().error:""}),i.email&&(0,s.jsx)("p",{className:u().error_message,children:i.email})]})]}),(0,s.jsxs)("div",{className:u().tab_content_box,children:[(0,s.jsxs)("div",{className:u().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"会社名"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{style:{width:"100%"},children:[(0,s.jsx)("input",{id:"company",name:"company",placeholder:"例：株式会社ウィルダー",type:"text",value:t.company,onChange:d,className:i.company?u().error:""}),i.company&&(0,s.jsx)("p",{className:u().error_message,children:i.company})]})]}),(0,s.jsxs)("div",{className:u().tab_content_box,children:[(0,s.jsxs)("div",{className:u().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"ご依頼領域"}),(0,s.jsx)("p",{children:"※必須、複数選択可"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsxs)("label",{className:u().checkbox_label,children:[(0,s.jsx)("input",{type:"checkbox",id:"about-branding",name:"about",value:"ブランディング・デザインについて",checked:t.about.includes("ブランディング・デザインについて"),onChange:e=>{let s=e.target.value,n=e.target.checked?[...t.about,s]:t.about.filter(e=>e!==s);a({...t,about:n}),o(e=>({...e,about:0===n.length}))}}),(0,s.jsx)("span",{children:"ブランディング・デザインについて"})]})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsxs)("label",{className:u().checkbox_label,children:[(0,s.jsx)("input",{type:"checkbox",id:"about-it-business",name:"about",value:"ITコンサル・システム開発について",checked:t.about.includes("ITコンサル・システム開発について"),onChange:e=>{let s=e.target.value,n=e.target.checked?[...t.about,s]:t.about.filter(e=>e!==s);a({...t,about:n}),o(e=>({...e,about:0===n.length}))}}),(0,s.jsx)("span",{children:"ITコンサル・システム開発について"})]})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsxs)("label",{className:u().checkbox_label,children:[(0,s.jsx)("input",{type:"checkbox",id:"about-other",name:"about",value:"その他",checked:t.about.includes("その他"),onChange:e=>{let s=e.target.value,n=e.target.checked?[...t.about,s]:t.about.filter(e=>e!==s);a({...t,about:n}),o(e=>({...e,about:0===n.length}))}}),(0,s.jsx)("span",{children:"その他"})]})}),i.about&&(0,s.jsx)("p",{className:u().error_message,children:"ご依頼領域を選択してください"})]})]}),(0,s.jsxs)("div",{className:u().tab_content_box,children:[(0,s.jsxs)("div",{className:u().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"お問い合わせ内容"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{style:{width:"100%"},children:[(0,s.jsx)("textarea",{id:"message",name:"message",placeholder:"お問い合わせ内容を記入してください。",value:t.message,onChange:d,className:i.message?u().error:""}),i.message&&(0,s.jsx)("p",{className:u().error_message,children:i.message})]})]}),(0,s.jsxs)("div",{className:u().tab_content_box,children:[(0,s.jsxs)("div",{className:u().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"ご予算"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"million-1",name:"budget",value:"〜100万",checked:"〜100万"===t.budget,onChange:m,label:"〜100万"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"million-2",name:"budget",value:"100万〜300万",checked:"100万〜300万"===t.budget,onChange:m,label:"100万〜300万"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"million-3",name:"budget",value:"300万〜500万",checked:"300万〜500万"===t.budget,onChange:m,label:"300万〜500万"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"million-4",name:"budget",value:"500万〜1000万",checked:"500万〜1000万"===t.budget,onChange:m,label:"500万〜1000万"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"million-5",name:"budget",value:"1000万〜3000万",checked:"1000万〜3000万"===t.budget,onChange:m,label:"1000万〜3000万"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"million-6",

1name:"budget",value:"3000万～",checked:"3000万～"===t.budget,onChange:m,label:"3000万～"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"million-7",name:"budget",value:"現時点では未定",checked:"現時点では未定"===t.budget,onChange:m,label:"現時点では未定"})}),i.budget&&(0,s.jsx)("p",{className:u().error_message,children:"ご予算を選択してください"})]})]}),(0,s.jsxs)("div",{className:u().tab_content_box,children:[(0,s.jsxs)("div",{className:u().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"ご希望納期"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"months-3",name:"deadline",value:"3ヶ月以内",checked:"3ヶ月以内"===t.deadline,onChange:m,label:"3ヶ月以内"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"months-6",name:"deadline",value:"6ヶ月以内",checked:"6ヶ月以内"===t.deadline,onChange:m,label:"6ヶ月以内"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"months-9",name:"deadline",value:"9ヶ月以内",checked:"9ヶ月以内"===t.deadline,onChange:m,label:"9ヶ月以内"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"year-1",name:"deadline",value:"1年以内",checked:"1年以内"===t.deadline,onChange:m,label:"1年以内"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"currently-undecided",name:"deadline",value:"現時点では未定1",checked:"現時点では未定1"===t.deadline,onChange:m,label:"現時点では未定"})}),i.deadline&&(0,s.jsx)("p",{className:u().error_message,children:"ご希望納期を選択してください"})]})]}),(0,s.jsxs)("div",{className:u().tab_content_box,children:[(0,s.jsxs)("div",{className:u().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"知ったきっかけ"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"source-search",name:"source",value:"検索",checked:"検索"===t.source,onChange:m,label:"検索"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"source-sns",name:"source",value:"SNS",checked:"SNS"===t.source,onChange:m,label:"SNS"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"source-intro",name:"source",value:"ご紹介",checked:"ご紹介"===t.source,onChange:m,label:"ご紹介"})}),(0,s.jsx)("div",{className:u().checkbox_section,children:(0,s.jsx)(j,{id:"source-other",name:"source",value:"その他",checked:"その他"===t.source,onChange:m,label:"その他"})}),i.source&&(0,s.jsx)("p",{className:u().error_message,children:"知ったきっかけを選択してください"})]})]})]})};var v=a(5685),y=a.n(v);let k=e=>{let{formData:t,setFormData:a,externalErrors:n}=e,[c,o]=(0,r.useState)({name:"",email:"",company:"",message:"",privacy:!1,source:!1,cateogry:!1}),i={...c,...n},l=(e,t)=>{switch(e){case"name":return t.toString().trim().length>0?"":"氏名を入力してください";case"email":return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.toString())?"":"有効なメールアドレスを入力してください";case"company":return t.toString().trim().length>0?"":"会社名を入力してください";case"message":return t.toString().trim().length>0?"":"お問い合わせ内容を入力してください";case"source":return t.toString().trim().length>0?"":"知ったきっかけを選択してください";case"category":return t.toString().trim().length>0?"":"カテゴリを選択してください";case"privacyPolicy":return!t;default:return""}},d=e=>{let{name:s,value:n}=e.target;a({...t,[s]:n}),o(e=>({...e,[s]:l(s,n)}))},m=e=>{let s=e.target.value;a({...t,source:s}),o(e=>({...e,source:0===s.trim().length}))};return(0,s.jsxs)("div",{className:y().tab_3,children:[(0,s.jsxs)("div",{className:y().tab_content_box,children:[(0,s.jsxs)("div",{className:y().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"氏名"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{style:{width:"100%"},children:[(0,s.jsx)("input",{id:"name",name:"name",placeholder:"ä¾

1‹ï¼šç”°ä¸­å¤ªéƒŽ",type:"text",value:t.name,onChange:d,className:i.name?y().error:""}),i.name&&(0,s.jsx)("p",{className:y().error_message,children:i.name})]})]}),(0,s.jsxs)("div",{className:y().tab_content_box,children:[(0,s.jsxs)("div",{className:y().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"メールアドレス"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{style:{width:"100%"},children:[(0,s.jsx)("input",{id:"email",name:"email",placeholder:"例：[email protected]",type:"email",value:t.email,onChange:d,className:i.email?y().error:""}),i.email&&(0,s.jsx)("p",{className:y().error_message,children:i.email})]})]}),(0,s.jsxs)("div",{className:y().tab_content_box,children:[(0,s.jsxs)("div",{className:y().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"会社名"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{style:{width:"100%"},children:[(0,s.jsx)("input",{id:"company",name:"company",placeholder:"例：株式会社ウィルダー",type:"text",value:t.company,onChange:d,className:i.company?y().error:""}),i.company&&(0,s.jsx)("p",{className:y().error_message,children:i.company})]})]}),(0,s.jsxs)("div",{className:y().tab_content_box,children:[(0,s.jsxs)("div",{className:y().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"カテゴリ"}),(0,s.jsx)("p",{children:"※必須、複数選択可"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:y().checkbox_section,children:(0,s.jsxs)("label",{className:y().checkbox_label,children:[(0,s.jsx)("input",{type:"checkbox",id:"marketing-sales",name:"cateogry",value:"マーケティング・営業・広報支援",checked:t.cateogry.includes("マーケティング・営業・広報支援"),onChange:e=>{let s=e.target.value,n=e.target.checked?[...t.cateogry,s]:t.cateogry.filter(e=>e!==s);a({...t,cateogry:n}),o(e=>({...e,cateogry:0===n.length}))}}),(0,s.jsx)("span",{children:"マーケティング・営業・広報支援"})]})}),(0,s.jsx)("div",{className:y().checkbox_section,children:(0,s.jsxs)("label",{className:y().checkbox_label,children:[(0,s.jsx)("input",{type:"checkbox",id:"adoption-support",name:"cateogry",value:"採用支援",checked:t.cateogry.includes("採用支援"),onChange:e=>{let s=e.target.value,n=e.target.checked?[...t.cateogry,s]:t.cateogry.filter(e=>e!==s);a({...t,cateogry:n}),o(e=>({...e,cateogry:0===n.length}))}}),(0,s.jsx)("span",{children:"採用支援"})]})}),(0,s.jsx)("div",{className:y().checkbox_section,children:(0,s.jsxs)("label",{className:y().checkbox_label,children:[(0,s.jsx)("input",{type:"checkbox",id:"business-collaboration",name:"cateogry",value:"業務提携",checked:t.cateogry.includes("業務提携"),onChange:e=>{let s=e.target.value,n=e.target.checked?[...t.cateogry,s]:t.cateogry.filter(e=>e!==s);a({...t,cateogry:n}),o(e=>({...e,cateogry:0===n.length}))}}),(0,s.jsx)("span",{children:"業務提携"})]})}),(0,s.jsx)("div",{className:y().checkbox_section,children:(0,s.jsxs)("label",{className:y().checkbox_label,children:[(0,s.jsx)("input",{type:"checkbox",id:"interview-request",name:"cateogry",value:"取材依頼",checked:t.cateogry.includes("取材依頼"),onChange:e=>{let s=e.target.value,n=e.target.checked?[...t.cateogry,s]:t.cateogry.filter(e=>e!==s);a({...t,cateogry:n}),o(e=>({...e,cateogry:0===n.length}))}}),(0,s.jsx)("span",{children:"取材依頼"})]})}),(0,s.jsx)("div",{className:y().checkbox_section,children:(0,s.jsxs)("label",{className:y().checkbox_label,children:[(0,s.jsx)("input",{type:"checkbox",id:"others-undecided",name:"cateogry",value:"その他",checked:t.cateogry.includes("その他"),onChange:e=>{let s=e.target.value,n=e.target.checked?[...t.cateogry,s]:t.cateogry.filter(e=>e!==s);a({...t,cateogry:n}),o(e=>({...e,cateogry:0===n.length}))}}),(0,s.jsx)("span",{children:"その他"})]})}),i.cateogry&&(0,s.jsx)("p",{className:y().error_message,children:"カテゴリを選択してください"})]})]}),(0,s.jsxs)("div",{className:y().tab_content_box,children:[(0,s.jsxs)("div",{className:y().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"お問い合わせ内容"}),(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{style:{width:"100%"},children:[(0,s.jsx)("textarea",{id:"message",name:"message",placeholder:"お問い合わせ内容を記入してください。",value:t.message,onChange:d,className:i.message?y().error:""}),i.message&&(0,s.jsx)("p",{className:y().error_message,children:i.message})]})]}),(0,s.jsxs)("div",{className:y().tab_content_box,children:[(0,s.jsxs)("div",{className:y().tab_label,children:[(0,s.jsx)("label",{htmlFor:"",children:"知ったきっかけ"}),i.source&&(0,s.jsx)("p",{children:"※必須"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:y().checkbox_section,children:(0,s.jsx)(j,{id:"source-search",name:"source",value:"検索",checked:"検索"===t.source,onCh

1ange:m,label:"検索"})}),(0,s.jsx)("div",{className:y().checkbox_section,children:(0,s.jsx)(j,{id:"source-sns",name:"source",value:"SNS",checked:"SNS"===t.source,onChange:m,label:"SNS"})}),(0,s.jsx)("div",{className:y().checkbox_section,children:(0,s.jsx)(j,{id:"source-intro",name:"source",value:"ご紹介",checked:"ご紹介"===t.source,onChange:m,label:"ご紹介"})}),(0,s.jsx)("div",{className:y().checkbox_section,children:(0,s.jsx)(j,{id:"source-other",name:"source",value:"その他",checked:"その他"===t.source,onChange:m,label:"その他"})}),i.source&&(0,s.jsx)("p",{className:y().error_message,children:"知ったきっかけを選択してください"})]})]})]})};var N=a(8229),C=a(220),A=a(2046),w=a(1278),f=a(4309);let T=a(5364).env.NEXT_PUBLIC_REI_TIMEREX_URL,S=()=>{let{showOnlyBackground:e,toggleBackground:t}=(0,A._)(),[a,n]=(0,r.useState)(1),[o,h]=(0,r.useState)(!1),[x,u]=(0,r.useState)(!1),[b,g]=(0,r.useState)("form"),[j,v]=(0,r.useState)(null),[y,S]=(0,r.useState)(null),[U,F]=(0,r.useState)(!1),[E,R]=(0,r.useState)({}),[D,I]=(0,r.useState)({}),P=(0,r.useRef)(null),O=(0,r.useRef)(null),W=(0,r.useRef)(null),L=(0,r.useRef)(!1),[$,q]=(0,r.useState)({name:"",email:"",company:"",message:"",source:"",about:[],budget:"",deadline:"",privacyPolicy:!1}),[B,M]=(0,r.useState)({name:"",email:"",company:"",message:"",source:"",cateogry:[],privacyPolicy:!1});(0,r.useEffect)(()=>{l.default.fromTo(P.current,{y:50,opacity:0},{y:0,opacity:1,duration:1,ease:"power3.out"}),l.default.fromTo(O.current,{y:50,opacity:0},{y:0,opacity:1,duration:1,delay:.5,ease:"power3.out"}),l.default.fromTo(W.current,{y:100,opacity:0},{y:0,opacity:1,duration:1,delay:1,ease:"power3.out"})},[]),(0,r.useEffect)(()=>{window.scrollTo({top:0,behavior:"smooth"})},[b]),(0,r.useEffect)(()=>{let t,a=()=>{document.body.classList.add("transparent-background"),clearTimeout(t),t=setTimeout(()=>{document.body.classList.remove("transparent-background")},200)};return e?(document.body.classList.add("transparent-background"),document.body.classList.add("bgNone"),document.body.classList.add("contact-page"),window.addEventListener("scroll",a)):(document.body.classList.remove("transparent-background"),document.body.classList.remove("bgNone"),document.body.classList.remove("contact-page")),()=>{window.removeEventListener("scroll",a),clearTimeout(t)}},[e]);let H=e=>{n(e),L.current=!1,q({name:"",email:"",company:"",message:"",source:"",about:[],budget:"",deadline:"",privacyPolicy:!1}),M({name:"",email:"",company:"",message:"",source:"",cateogry:[],privacyPolicy:!1})},G=async()=>{if(1===a){let e={};if($.name||(e.name="氏名を入力してください"),$.email||(e.email="メールアドレスを入力してください"),$.company||(e.company="会社名を入力してください"),0===$.about.length&&(e.about=!0),$.message||(e.message="お問い合わせ内容を入力してください"),$.budget||(e.budget=!0),$.deadline||(e.deadline=!0),$.source||(e.source=!0),Object.keys(e).length>0)return void R(e);R({})}if(2===a){let e={};if(B.name||(e.name="氏名を入力してください"),B.email||(e.email="メールアドレスを入力してください"),B.company||(e.company="会社名を入力してください"),B.message||(e.message="お問い合わせ内容を入力してください"),0===B.cateogry.length&&(e.cateogry=!0),B.source||(e.source=!0),Object.keys(e).length>0)return void I(e);I({})}if(!o)return void u(!0);if(!y)return void F(!0);try{let e,t;switch(a){case 1:e={name:$.name,email:$.email,companyName:$.company,cateogry:$.source,content:$.message,budget:$.budget,deadline:$.deadline,how:$.about},t={type:"quotation",...e};break;case 2:e={name:B.name,email:B.email,companyName:B.company,content:B.message,category:B.cateogry,how:B.source},t={type:"other",...e};break;default:return}if(!(await fetch("/api/contact",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})).ok)throw Error("Failed to submit form");(0,w._N)(1===a?"quotation":"other"),v(e),g("confirmation")}catch(e){console.error("Error submitting form:",e)}};return"confirmation"===b?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C.A,{title:"お問い合わせ・オンライン相談予約｜ウィルダー株式会社",titleEn:"Contact Us / Online Consultation Booking | Willeder Inc.",description:"ウィルダー株式会社へのお問い合わせ・30分オンライン相談予約はこちらから。ブランディング／デザイン、ITコンサルティング／システム開発など、相談内容が固まっていなくても対応可能です。お気軽にご予約・お見積りください。",descriptionEn:"Contact Willeder Inc. or book a 30-minute online consultation here. We can assist even if your consultation details are not finalized, covering branding/design, IT consulting/system development, etc. Feel free to book or request a quote.",keywords:"お問い合わせ, オンライン相談, 無料相談, 見積依頼, ブランディング相談, IT相談, システム開発相談, ウィルダー",keywordsEn:"Contact Us, Online Consultation, Free Consultation, Quote Request, Branding Consultation, IT Consultation, System Development Consultation, Willeder",canonical:"/contact-us",ogImage:"/assets/image/willeder_OGP.png",lang:"ja"}),(0,s.jsxs)("main",{children:[(0,s.jsxs)("div",{className:`section background-section ${e?"section-show":"section-hide"} ${i().contact_background_section}`,onClick:()=>{t(),document.body.classList.remove("transparent-background")},children:[(0,s.jsx)("div",{className:`background-pattern ${i().contact_grid_pattern}`}),(0,s.jsx)("div",{className:"main-background-images",children:(0,s.jsx)(f.A,{desktopSrc:"/assets/image/DRAFT_OTHER_PC.png",tabletSrc:"/assets/image/DRAFT_OTHER_TB.png",mobileSrc:"/assets/image/DRAFT_OTHER_SP.png",width:820,height:4650,alt:"Contact background",priority:!0})})]}),(0,s.jsx)("div",{className:`section content-section ${e?"section-hide":"section-show"} ${i().contact_content_section}`,children:(0,s.jsx)("div",{className:i().ContactComfirmation_section,children:(0,s.jsxs)(m.A,{children:[(0,s.jsx)("h2",{children:"お問い合わせ内容の確認"}),(0,s.jsxs)("div",{className:i().ContactComfirmation_box,children:[(0,s.jsxs)("div",{className:i().contact_content,children:[(0,s.jsx)("p",{children:"件名"}),(0,s.jsx)("h6",{children:1===a?"お見積り・相談":"その他、提案・協業等"})]}),(0,s.jsxs)("div",{className:i().contact_content,children:[(0,s.jsx)("p",{children:"氏名"}),(0,s.jsx)("h6",{children:j.name})]}),(0,s.jsxs)("div",{className:i().contact_content,children:[(0,s.jsx)("p",{children:"メールアドレス"}),(0,s.jsx)("h6",{children:j.email})]}),(0,s.jsxs)("div",{className:i().contact_content,children:[(0,s.jsx)("p",{children:"会社名"}),(0,s.jsx)("h6",{children:j.companyName})]}),(0,s.jsxs)("div",{className:i().contact_content,children:[(0,s.jsx)("p",{children:"お問い合わせ内容"}),(0,s.jsx)("h6",{children:j.content})]}),1===a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:i().contact_content,children:[(0,s.jsx)("p",{children:"ご依頼領域"}),(0,s.jsx)("h6",{children:Array.isArray(j.how)?j.how.join("、"):j.how})]}),(0,s.jsxs)("div",{className:i().contact_content,children:[(0,s.jsx)("p",{children:"ご予算"}),(0,s.jsx)("h6",{children:j.budget})]}),(0,s.jsxs)("div",{className:i().contact_content,children:[(0,s.jsx)("p",{children:"ご希望納期"}),(0,s.jsx)("h6",{children:j.deadline})]}),(0,s.jsxs)("div",{className:i().contact_content,children:[(0,s.jsx)("p",{children:"知ったきっかけ"}),(0,s.jsx)("h6",{children:j.cateogry})]})]}),2===a&&(0,s.jsxs)("div",{className:i().contact_content,children:[(0,s.jsx)("p",{children:"知ったきっかけ"}),(0,s.jsx)("h6",{children:"string"==typeof j.how?j.how:""})]})]}),(0,s.jsxs)("div",{className:i().confirmation_btn_div,children:[(0,s.jsx)("button",{onClick:()=>{g("form")},className:i().confirmation_btns,children:"修正する"}),(0,s.jsxs)("button",{onClick:()=>{g("done")},className:i().confirmation_btns,children:["送信する ",(0,s.jsxs)("span",{children:[" ",(0,s.jsx)(c(),{src:"/assets/image/arrorRight.svg",width:21,height:24,alt:"arrorRightgrey"})]})]})]})]})})})]})]}):"done"===b?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C.A,{title:"お問い合わせ・オンライン相談予約｜ウィルダー株式会社",titleEn:"Contact Us / Online Consultation Booking | Willeder Inc.",description:"ウィルダー株式会社へのお問い合わせ・30分オンライン相談予約はこちらから。ブランディング／デザイン、ITコンサルティング／システム開発など、相談内容が固まっていなくても対応可能です。お気軽にご予約・お見積りください。",descriptionEn:"Contact Willeder Inc. or book a 30-minute online consultation here. We can assist even if your consultation details are not finalized, covering branding/design, IT consulting/system development, etc. Feel free to book or request a quote.",keywords:"お問い合わせ, オンライン相談, 無料相談, 見積依頼, ブランディング相談, IT相談, システム開発相談, ウィルダー",keywordsEn:"Contact Us, Online Consultation, Free Consultation, Quote Request, Branding Consultation, IT Consultation, System Development Consultation, Willeder",canonical:"/contact-us",ogImage:"/assets/image/willeder_OGP.png",lang:"ja"}),(0,s.jsxs)("main",{children:[(0,s.jsxs)("div",{className:`section background-section ${e?"section-show":"section-hide"} ${i().contact_background_section}`,onClick:()=>{t(),document.body.classList.remove("transparent-background")},children:[(0,s.jsx)("div",{className:`background-pattern ${i().contact_grid_pattern}`}),(0,s.jsx)("div",{className:"main-background-images",children:(0,s.jsx)(f.A,{desktopSrc:"/assets/image/DRAFT_OTHER_PC.png",tabletSrc:"/assets/image/DRAFT_OTHER_TB.png",mobileSrc:"/assets/image/DRAFT_OTHER_SP.png",width:820,height:4650,alt:"Contact background",priority:!0})})]}),(0,s.jsx)("div",{className:`section content-section ${e?"section-hide":"section-show"} ${i().contact_content_section}`,children:(0,s.jsx)("div",{className:i().ContactDone_section,children:(0,s.jsx)(m.A,{children:(0,s.jsxs)("div",{className:i().ContactDone_contain,children:[(0,s.jsx)("h2",{children:"送信完了"}),(0,s.jsx)("div",{className:i().mpo_top_old_logo,children:(0,s.jsx)(c(),{src:"/assets/image/mpo_top_old.png",width:240,height:138,alt:"mpo_top_old"})}),(0,s.jsxs)("p",{children:["お問い合わせが正常に送信されました。",(0,s.jsx)("br",{}),"内容を確認いたしましたら、担当者よりご連絡いたします。"]}),(0,s.jsx)("div",{className:i().check_btn,children:(0,s.jsx)(_(),{href:"/",children:(0,s.jsxs)("span",{children:["TOPに戻る ",(0,s.jsx)(c(),{src:"/assets/image/arrorRight.svg",width:21,height:24,alt:"arrorRightgrey"})]})})})]})})})})]})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C.A,{title:"お問い合わせ・オンライン相談予約｜ウィルダー株式会社",titleEn:"Contact Us / Online Consultation Booking | Willeder Inc.",description:"ウィルダー株式会社へのお問い合わせ・30分オンライン相談予約はこちらから。ブランディング／デザイン、ITコンサルティング／システム開発など、相談内容が固まっていなくても対応可能です。お気軽にご予約・お見積りください。",descriptionEn:"Contact Willeder Inc. or book a 30-minute online consultation here. We can assist even if your consultation details are not finalized, covering branding/design, IT consulting/system development, etc. Feel free to book or request a quote.",keywords:"お問い合わせ, オンライン相談, 無料相談, 見積依頼, ブランディング相談, IT相談, システム開発相談, ウィルダー",keywordsEn:"Contact Us, Online Consultation, Free Consultation, Quote Request, Branding Consultation, IT Consultation, System Development Consultation, Willeder",canonical:"/contact-us",ogImage:"/assets/image/willeder_OGP.png",lang:"ja"}),(0,s.jsxs)("main",{children:[(0,s.jsxs)("div",{className:`section background-section ${e?"section-show":"section-hide"} ${i().contact_background_section}`,onClick:()=>{t(),document.body.classList.remove("transparent-background")},children:[(0,s.jsx)("div",{className:`background-pattern ${i().contact_grid_pattern}`}),(0,s.jsx)("div",{className:"main-background-images",children:(0,s.jsx)(f.A,{desktopSrc:"/assets/image/DRAFT_OTHER_PC.png",tabletSrc:"/assets/image/DRAFT_OTHER_TB.png",mobileSrc:"/assets/image/DRAFT_OTHER_SP.png",width:820,height:4650,alt:"Contact background",priority:!0})})]}),(0,s.jsx)("div",{className:`section content-section ${e?"section-hide":"section-show"} ${i().contact_content_section}`,children:(0,s.jsx)("div",{className:i().contactUs_section,children:(0,s.jsxs)(m.A,{children:[(0,s.jsxs)("div",{className:i().contactUs,children:[(0,s.jsx)("div",{className:i().contactus_title,ref:P,children:(0,s.jsx)("h2",{children:"とりあえず、相談"})}),(0,s.jsx)(_(),{href:T||"https://timerex.net/s/rei.orikata_0cc4_e31e/4ce62b7d",target:"_blank",onClick:()=>(0,w.lt)(T||"https://timerex.net/s/rei.orikata_0cc4_e31e/4ce62b7d"),children:(0,s.jsxs)("div",{className:i().contact_main_box,ref:O,children:[(0,s.jsxs)("div",{className:i().contact_box,children:[(0,s.jsxs)("div",{className:i().contact_main_under_box,children:[(0,s.jsxs)("div",{className:i().contact_under_box,children:[(0,s.jsx)("span",{children:"30"}),(0,s.jsx)("h6",{children:"分 "})]}),(0,s.jsx)("h4",{children:" オンライン相談"}

1),(0,s.jsx)("div",{className:i().round_image_red,children:(0,s.jsx)("svg",{width:"222",className:i().svg_round,height:"116",viewBox:"0 0 222 116",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M99.3804 93.0442C67.9492 95.2597 26.3859 97.4002 10.0568 73.6398C5.20068 66.5737 2.74765 57.8898 5.55464 49.0586C9.14027 37.7777 19.1541 27.1499 46.7591 18.4026C80.3525 7.75785 117.211 2.24175 152.002 4.50065C174.998 5.99375 189.738 11.5087 198.875 16.777C207.301 21.636 215.729 28.3902 217.154 40.1568C218.111 48.057 216.203 59.1785 205.065 72.0987C183.398 97.2334 130.334 113.466 65.7735 111.895",stroke:"#F23D6D","stroke-width":"8","stroke-linecap":"round"})})})]}),(0,s.jsx)("p",{children:"相談内容が固まっていない場合でもご対応可能です。ご気軽に予約してみてください。"})]}),(0,s.jsx)("div",{children:(0,s.jsx)("svg",{width:"42",height:"48",viewBox:"0 0 42 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.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,s.jsxs)("div",{className:i().tabs_section,ref:W,onFocus:()=>{L.current||(L.current=!0,(0,w.M4)(1===a?"quotation":"other"))},children:[(0,s.jsxs)("div",{className:i().tab_title,children:[(0,s.jsx)("h2",{children:"メールでのお問い合わせの場合"}),(0,s.jsx)(c(),{src:d,alt:"downarrow"})]}),(0,s.jsxs)("div",{className:i().tabs,children:[(0,s.jsx)("button",{className:`${i().tab} ${1===a?i().active:""}`,type:"button",onClick:()=>H(1),children:"お見積り・相談"}),(0,s.jsx)("button",{className:`${i().tab} ${2===a?i().active:""}`,type:"button",onClick:()=>H(2),children:"その他、提案・協業等"})]}),(0,s.jsxs)("div",{children:[1===a&&(0,s.jsx)("div",{className:i().tabContent,children:(0,s.jsx)(p,{formData:$,setFormData:q,externalErrors:E})}),2===a&&(0,s.jsx)("div",{className:i().tabContent,children:(0,s.jsx)(k,{formData:B,setFormData:M,externalErrors:D})})]}),(0,s.jsxs)("div",{className:i().Privacy_box,children:[(0,s.jsxs)("label",{children:[(0,s.jsx)("input",{type:"checkbox",id:"privacy-policy",name:"privacyPolicy",checked:o,onChange:e=>{let t=e.target.checked;h(t),u(!t)},className:x?i().error:"custom-checkbox"}),(0,s.jsxs)("span",{style:{display:"flex"},children:[(0,s.jsx)(_(),{target:"_blank",href:"/privacy-policy",children:"プライバシーポリシー"}),(0,s.jsx)("p",{children:"に同意する"})]})]}),x&&(0,s.jsx)("p",{className:i().error_message,style:{display:"flex",justifyContent:"center"},children:"プライバシーポリシーに同意してください"})]}),(0,s.jsxs)("div",{className:i().Privacy_box,children:[(0,s.jsx)(N.A,{sitekey:"6Lf5KG0rAAAAAPxHMmJwW_18dDPmAYDudMYQu7XD",onChange:e=>{S(e),F(!1)}}),U&&(0,s.jsx)("p",{className:i().error_message,style:{display:"flex",justifyContent:"center"},children:"reCAPTCHAを完了してください"})]})]}),(0,s.jsx)("div",{className:i().check_btn,children:(0,s.jsx)("button",{style:{pointerEvents:o&&y?"auto":"none",userSelect:o&&y?"text":"none",opacity:1,backgroundColor:o&&y?"#000":"#D5D7DD"},onClick:G,children:(0,s.jsxs)("span",{children:["内容を確認する ",(0,s.jsx)(c(),{src:"/assets/image/arrorRight.svg",width:21,height:24,alt:"arrorRightgrey"})]})})})]})})})]})]})}},4896:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var s=a(7876),n=a(7328),c=a.n(n);let o=e=>{let{title:t="ウィルダー株式会社｜戦略からデザイン・開発まで一貫伴走するハイブリッドパートナー",titleEn:a="Willeder Inc. | Hybrid Partner for End-to-End Support from Strategy to Design and Development",description:n="ウィルダー株式会社は「本質的なものづくり」で成果につなげる、デザインと開発のハイブリッドパートナーです。戦略立案からデザイン・開発・運用改善まで一貫して伴走し、率直な対話と徹底した調査分析でお客様の目的達成を支援します。",descriptionEn:o='Willeder Inc. is a hybrid partner in design and development that connects to results through "essential manufacturing." We provide end-to-e

1nd 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:i="ウィルダー, デザイン, Web制作, アプリ開発, ブランディング, ITコンサルティング, システム開発, DX支援, 東京",keywordsEn:r="Willeder, Design, Web Production, App Development, Branding, IT Consulting, System Development, DX Support, Tokyo",canonical:l,ogImage:d,lang:m="ja",noindex:h=!1}=e,_="https://willeder.com",x=l?`${_}${l}`:_,u=d?`${_}${d}`:`${_}/assets/image/willeder_OGP.png`,b="ja"===m?t:a,g="ja"===m?n:o;return(0,s.jsxs)(c(),{children:[(0,s.jsx)("title",{children:b}),(0,s.jsx)("meta",{name:"description",content:g}),(0,s.jsx)("meta",{name:"keywords",content:"ja"===m?i:r}),(0,s.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1, maximum-scale=5"}),(0,s.jsx)("meta",{charSet:"utf-8"}),(0,s.jsx)("meta",{httpEquiv:"X-UA-Compatible",content:"IE=edge"}),(0,s.jsx)("meta",{httpEquiv:"content-language",content:m}),(0,s.jsx)("link",{rel:"canonical",href:x}),(0,s.jsx)("meta",{property:"og:type",content:"website"}),(0,s.jsx)("meta",{property:"og:url",content:x}),(0,s.jsx)("meta",{property:"og:title",content:b}),(0,s.jsx)("meta",{property:"og:description",content:g}),(0,s.jsx)("meta",{property:"og:image",content:u}),(0,s.jsx)("meta",{property:"og:image:secure_url",content:u}),(0,s.jsx)("meta",{property:"og:image:width",content:"1200"}),(0,s.jsx)("meta",{property:"og:image:height",content:"630"}),(0,s.jsx)("meta",{property:"og:image:alt",content:b}),(0,s.jsx)("meta",{property:"og:locale",content:"ja"===m?"ja_JP":"en_US"}),(0,s.jsx)("meta",{property:"og:locale:alternate",content:"ja"===m?"en_US":"ja_JP"}),(0,s.jsx)("meta",{property:"og:site_name",content:"ウィルダー株式会社 / Willeder Inc."}),(0,s.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,s.jsx)("meta",{name:"twitter:url",content:x}),(0,s.jsx)("meta",{name:"twitter:title",content:b}),(0,s.jsx)("meta",{name:"twitter:description",content:g}),(0,s.jsx)("meta",{name:"twitter:image",content:u}),(0,s.jsx)("meta",{name:"robots",content:h?"noindex, nofollow":"index, follow"}),(0,s.jsx)("meta",{name:"author",content:"ウィルダー株式会社 / Willeder Inc."}),(0,s.jsx)("meta",{name:"theme-color",content:"#000000"})]})}},5685:e=>{e.exports={tab_3:"Tab3Form_tab_3__z__4d",tab_content_box:"Tab3Form_tab_content_box__X4w9j",tab_label:"Tab3Form_tab_label__GfH2O",checkbox_section:"Tab3Form_checkbox_section__Ke2gj",checkbox_label:"Tab3Form_checkbox_label__KZ8kn",error:"Tab3Form_error__wLvLI",error_message:"Tab3Form_error_message__Se8jM"}},9209:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact-us",function(){return a(4787)}])}},e=>{var t=t=>e(e.s=t);e.O(0,[742,941,988,636,593,792],()=>t(9209)),_N_E=e.O()}]);