https://www.m-hand.co.jp/_next/static/chunks/pages/contact-6bbeaa3e7273f156.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9335],{3328:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact",function(){return a(1146)}])},7821:function(e,t,a){"use strict";a.d(t,{X:function(){return r}});var c=a(5893);a(7294);let s=({children:e,id:t,className:a,tag:s="p"})=>(0,c.jsx)(s,{id:t||void 0,role:"alert","aria-live":"polite",className:a,children:e}),r=({id:e,errors:t,classNames:a})=>t?Array.isArray(t)?(0,c.jsx)("div",{id:e,className:a??void 0,children:t.map(e=>(0,c.jsx)(s,{children:(0,c.jsx)(c.Fragment,{children:e})},e.toString()))}):(0,c.jsx)(s,{id:e,className:a,children:t}):null},1146:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return x}});var c=a(5893),s=a(6490),r=a(7294),n=a(3448),l=a(7821),i=a(6016),o=a(7536),m=a(5286),d=a(4782);let p=n.Ry({contact_type:n.IX(n.Z_()).min(1,"ご用件は必須です。"),contact_office:n.Z_().min(1,"対応希望オフィスを入力してください。"),contact_company:n.Z_().min(1,"会社名を入力してください。"),name:n.Z_().min(1,"ご担当者名を入力してください。"),contact_tel:n.Z_().min(1,"お電話番号を入力してください。").regex(/^0[-\d]{9,12}$/,"電話番号の形式で入力してください。"),email:n.Z_().min(1,"メールアドレスを入力してください。").email("メールアドレスの形式で入力してください。"),contact_request:n.IX(n.Z_()),contact_site:n.Z_().optional(),contact_budget:n.Z_().optional(),contact_date:n.Z_().optional(),repFile:n.PG(e=>{if(!e||0===e.length)return!0;let t=["application/pdf","application/zip","application/x-zip-compressed"].includes(e[0].type),a=e[0].size<=4718592;return t&&a},{message:"PDFまたはzip形式で、4.5MB以下のファイルをアップロードしてください。"}),repURL:n.Z_().optional(),contact_textarea:n.Z_().min(1,"お問い合わせ内容を入力してください。"),agree:n.i0(!0,{errorMap:()=>({message:"同意するにチェックを入れてください。"})})}),h=()=>{let[e,t]=(0,r.useState)(""),[a,s]=(0,r.useState)(!1),[h,x]=(0,r.useState)({}),u=e=>{t(e.target.value)},_=e.length,j=e=>{s(e.target.checked);let t=document.getElementById("submit");e.target.checked&&t&&t.scrollIntoView({behavior:"smooth",block:"center"})},f=(e,t)=>{let a=n.Ry({[e]:p.shape[e]}).safeParse({[e]:t});if(a.success)x(t=>{let a={...t};return delete a[e],a});else{let t=a.error.issues[0]?.message||"";x(a=>({...a,[e]:t}))}},b=e=>{x(t=>{let a={...t};return delete a[e],a})},g=e=>{let t=document.querySelector("form");return t?new FormData(t).getAll(e):[]};return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(i.W,{className:"l-container",children:[(0,c.jsx)(m.f,{title:"お問い合わせ",sub:"contact",slug:"contact"}),(0,c.jsx)("div",{id:"intro02",className:"c-intro02",children:(0,c.jsx)("p",{className:"c-intro02__img",children:(0,c.jsxs)("picture",{children:[(0,c.jsx)("source",{srcSet:"/images/contact/img_intro01_pc.webp",media:`(min-width: ${d.dl.md}px)`}),(0,c.jsx)("img",{src:"/images/contact/img_intro01_sp.webp",alt:"お電話または下記お問い合わせフォームよりご連絡ください。1営業日以内に担当者よりご返信いたします。"})]})})}),(0,c.jsxs)("main",{children:[(0,c.jsx)("div",{id:"tel",className:"contact-tel u-cf",children:(0,c.jsx)("div",{className:"contact-tel__inner u-inner is-narrow",children:(0,c.jsx)("a",{className:"contact-tel__link",href:"tel:0120-868-102",children:(0,c.jsxs)("div",{className:"contact-tel__link-inner",children:[(0,c.jsx)("p",{className:"contact-tel__num u-en",children:"0120-868-102"}),(0,c.jsxs)("p",{className:"contact-tel-time",children:[(0,c.jsx)("span",{className:"contact-tel-time__span",children:"受付時間"}),"10:00 - 19:00（平日）"]})]})})})}),(0,c.jsx)("section",{id:"form",className:"contact-form",children:(0,c.jsxs)("div",{className:"contact-form__inner",children:[(0,c.jsx)("h2",{className:"contact-form__head c-head03 is-22-pc u-en u-uppercase",children:"contact form"}),(0,c.jsx)("form",{action:"https://hyperform.jp/api/mZcUVtNH",method:"POST",encType:"multipart/form-data",onSubmit:e=>{e.preventDefault();let t=e.currentTarget,a=new FormData(t),c=p.safeParse({contact_type:a.getAll("contact_type[]"),contact_office:a.get("contact_office"),contact_company:a.get("contact_company"),name:a.get("name"),contact_tel:a.get("contact_tel"),email:a.get("email"),contact_request:a.getAll("contact_request[]"),contact_site:a.get("contact_site"),contact_budget:a.get("contact_budget"),contact_date:a.get("contact_date"),repFile:t.elements.namedItem("repFile").files,repURL:a.get("repURL"),

1contact_textarea:a.get("contact_textarea"),agree:t.elements.namedItem("your-agree").checked});if(!c.success){let e={},t=c.error.issues[0].path[0];for(let t of c.error.issues){let a=t.path[0];e[a]||(e[a]=t.message)}x(e);let a=`${t}-error`;setTimeout(()=>{let e=document.getElementById(a);e&&e.scrollIntoView({behavior:"smooth",block:"center"})},0);return}x({}),HTMLFormElement.prototype.submit.call(t)},noValidate:!0,children:(0,c.jsxs)("div",{className:"c-form01",children:[(0,c.jsx)("table",{className:"c-form01-table",children:(0,c.jsxs)("tbody",{children:[(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{children:"ご用件"}),(0,c.jsx)("span",{className:"ico is-required",children:"必須"})]}),(0,c.jsx)("td",{children:(0,c.jsxs)("fieldset",{className:"wpcf7-form-control wpcf7-checkbox",children:[(0,c.jsxs)("legend",{className:"sr-only",children:["ご用件",(0,c.jsx)("span",{className:"c-form-label is-required",children:"必須"})]}),(0,c.jsxs)("div",{role:"radiogroup",children:[(0,c.jsx)("div",{className:"mwform-checkbox-field horizontal-item wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_type[]",value:"情報収集段階のため、サービス内容や制作フローを知りたい",onChange:()=>b("contact_type"),onBlur:()=>f("contact_type",g("contact_type[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"情報収集段階のため、サービス内容や制作フローを知りたい"})]})}),(0,c.jsx)("div",{className:"mwform-checkbox-field horizontal-item wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_type[]",value:"お打ち合わせ不要で、既存サイト/参考サイトをもとに見積りを出してほしい",onChange:()=>b("contact_type"),onBlur:()=>f("contact_type",g("contact_type[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"お打ち合わせ不要で、既存サイト/参考サイトをもとに見積りを出してほしい"})]})}),(0,c.jsx)("div",{className:"mwform-checkbox-field horizontal-item wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_type[]",value:"お打ち合わせの上、見積りを出してほしい",onChange:()=>b("contact_type"),onBlur:()=>f("contact_type",g("contact_type[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"お打ち合わせの上、見積りを出してほしい"})]})}),(0,c.jsx)("div",{className:"mwform-checkbox-field horizontal-item wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_type[]",value:"費用感や制作期間は問題ないので具体的な提案がほしい",onChange:()=>b("contact_type"),onBlur:()=>f("contact_type",g("contact_type[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"費用感や制作期間は問題ないので具体的な提案がほしい"})]})}),(0,c.jsx)("div",{className:"mwform-checkbox-field horizontal-item wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_type[]",value:"コンペに参加してほしい",onChange:()=>b("contact_type"),onBlur:()=>f("contact_type",g("contact_type[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"コンペに参加してほしい"})]})}),(0,c.jsx)("div",{className:"mwform-checkbox-field horizontal-item wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_type[]",value:"その他",onChange:()=>b("contact_type"),onBlur:()=>f("contact_type",g("contact_type[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"その他"})]})}),(0,c.jsx)(l.X,{id:"contact_type-error",classNames:"c-color-red",errors:h.contact_type})]})]})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{children:"対応希望オフィス"}),(0,c.jsx)("span",{className:"ico is-required",children:"必須"})]}),(0,c.jsx)("td",{children:(0,c.jsx)("span",{className:"wpcf7-form-control-wrap","data-name":"your-office",children:(0,c.jsxs)("span",{className:"wpcf7-form-control wpcf7-radio",children:[(0,c.jsx)("span",{className:"wpcf7-list-item first",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"radio",name:"contact_office",value:"東京",defaultChecked:!0,onChange:()=>b("contact_office"),onBlur:e=>f("contact_office",e.target.value)}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"東京"})]})}),(0,c.jsx)("span",{className:"wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"radio",name:"contact_office",value:"大阪",onChange:()=>b("contact_office"),onBlur:e=>f("contact_office",e.target.value)}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"大阪"})]})}),(0,c.jsx)("span",{className:"wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"radio",name:"contact_office",value:"京都",onChange:()=>b("contact_office"),onBlur:e=>f("contact_office",e.target.value)}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"京都"})]})}),(0,c.jsx)("span",{className:"wpcf7-list-item last",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"radio",name:"contact_office",value:"どちらでもOK",onChange:()=>b("contact_office"),onBlur:e=>f("contact_office",e.target.value)}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"どちらでもOK"})]})})]})})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{htmlFor:"your-company",children:"会社名"}),(0,c.jsx)("span",{className:"ico is-required",children:"必須"})]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("span",{className:"wpcf7-form-control-wrap","data-name":"your-company",children:(0,c.jsx)("input",{type:"text",className:"wpcf7-form-control wpcf7-text wpcf7-validates-as-required",id:"your-company",name:"contact_company","aria-required":!0,"aria-invalid":h.contact_company?"true":void 0,"aria-describedby":"

1contact_company_note","aria-errormessage":h.contact_company?"contact_company-error":void 0,onChange:()=>b("contact_company"),onBlur:e=>f("contact_company",e.target.value)})}),(0,c.jsx)("p",{className:"c-form01__supplement",id:"contact_company_note",children:"例）株式会社エムハンド"}),(0,c.jsx)(l.X,{id:"contact_company-error",classNames:"c-color-red",errors:h.contact_company})]})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{htmlFor:"your-name",children:"ご担当者名"}),(0,c.jsx)("span",{className:"ico is-required",children:"必須"})]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("span",{className:"wpcf7-form-control-wrap","data-name":"your-name",children:(0,c.jsx)("input",{className:"wpcf7-form-control wpcf7-text wpcf7-validates-as-required",id:"your-name",name:"name",type:"text","aria-required":!0,"aria-invalid":h.name?"true":void 0,"aria-describedby":"name_note","aria-errormessage":h.name?"name-error":void 0,onChange:()=>b("name"),onBlur:e=>f("name",e.target.value)})}),(0,c.jsx)("p",{className:"c-form01__supplement",id:"name_note",children:"例）山田太郎"}),(0,c.jsx)(l.X,{id:"name-error",classNames:"c-color-red",errors:h.name})]})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{htmlFor:"your-tel",children:"お電話番号"}),(0,c.jsx)("span",{className:"ico is-required",children:"必須"})]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("span",{className:"wpcf7-form-control-wrap","data-name":"your-tel",children:(0,c.jsx)("input",{className:"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel",type:"tel",id:"your-tel",name:"contact_tel","aria-required":!0,"aria-invalid":h.contact_tel?"true":void 0,"aria-describedby":"contact_tel_note","aria-errormessage":h.contact_tel?"contact_tel-error":void 0,onChange:()=>b("contact_tel"),onBlur:e=>f("contact_tel",e.target.value)})}),(0,c.jsx)("p",{className:"c-form01__supplement",id:"contact_tel_note",children:"例）0123-456-789"}),(0,c.jsx)(l.X,{id:"contact_tel-error",classNames:"c-color-red",errors:h.contact_tel})]})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{htmlFor:"your-mail",children:"メールアドレス"}),(0,c.jsx)("span",{className:"ico is-required",children:"必須"})]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("span",{className:"wpcf7-form-control-wrap","data-name":"your-mail",children:(0,c.jsx)("input",{type:"email",className:"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email",id:"your-mail",name:"email","aria-required":!0,"aria-invalid":h.email?"true":void 0,"aria-describedby":"email_note","aria-errormessage":h.email?"email-error":void 0,onChange:()=>b("email"),onBlur:e=>f("email",e.target.value)})}),(0,c.jsx)("p",{className:"c-form01__supplement",id:"email_note",children:"例）[email protected]"}),(0,c.jsx)(l.X,{id:"email-error",classNames:"c-color-red",errors:h.email})]})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{htmlFor:"your-request",children:"制作依頼内容"}),(0,c.jsx)("span",{className:"ico",children:"任意"})]}),(0,c.jsx)("td",{children:(0,c.jsx)("span",{className:"wpcf7-form-control-wrap","data-name":"your-request",children:(0,c.jsxs)("span",{className:"wpcf7-form-control wpcf7-checkbox",id:"your-request",children:[(0,c.jsx)("span",{className:"wpcf7-list-item first",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_request[]",value:"コーポレートサイト",onChange:()=>b("contact_request"),onBlur:()=>f("contact_request",g("contact_request[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"コーポレートサイト"})]})}),(0,c.jsx)("span",{className:"wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_request[]",value:"採用サイト",onChange:()=>b("contact_request"),onBlur:()=>f("contact_request",g("contact_request[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"採用サイト"})]})}),(0,c.jsx)("span",{className:"wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_request[]",value:"サービス・商品紹介サイト",onChange:()=>b("contact_request"),onBlur:()=>f("contact_request",g("contact_request[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"サービス・商品紹介サイト"})]})}),(0,c.jsx)("span",{className:"wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_request[]",value:"キャンペーン・特設サイト",onChange:()=>b("contact_request"),onBlur:()=>f("contact_request",g("contact_request[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"キャンペーン・特設サイト"})]})}),(0,c.jsx)("span",{className:"wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_request[]",value:"ランディングページ",onChange:()=>b("contact_request"),onBlur:()=>f("contact_request",g("contact_request[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"ランディングページ"})]})}),(0,c.jsx)("span",{className:"wpcf7-list-item",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_request[]",value:"パンフレットなどの印刷物",onChange:()=>b("contact_request"),onBlur:()=>f("contact_request",g("contact_request[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"パンフレットなどの印刷物"})]})}),(0,c.jsx)("span",{className:"wpcf7-list-item last",children:(0,c.jsxs)("label",{children:[(0,c.jsx)("input",{type:"checkbox",name:"contact_request[]",value:"その他",onChange:()=>b("contact_request"),onBlur:()=>f("contact_request",g("contact_request[]"))}),(0,c.jsx)("span",{className:"wpcf7-list-item-label",children:"その他"})]})})]})})})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{htmlFor:"your-site",children:"既存サイトのURL"}),(0,c.jsx)("span",{className:"ico",children:"任意"})]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("span",{className:"wpcf7-form-control-wrap","data-name":"your-site",children:(0,c.jsx)("input",{className:"wpcf7-form-control wpcf7-text",id:"your-site",name:"contact_site",type:"text","aria-describedby":"

1contact_site_note",onChange:()=>b("contact_site"),onBlur:e=>f("contact_site",e.target.value)})}),(0,c.jsx)("p",{className:"c-form01__supplement",id:"contact_site_note",children:"例）https://www.m-hand.co.jp"})]})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{htmlFor:"your-budget",children:"想定のご予算（目安）"}),(0,c.jsx)("span",{className:"ico",children:"任意"})]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("span",{className:"wpcf7-form-control-wrap","data-name":"your-budget",children:(0,c.jsx)("input",{className:"wpcf7-form-control wpcf7-text",id:"your-budget",name:"contact_budget","aria-describedby":"contact_budget-note",type:"text",onChange:()=>b("contact_budget"),onBlur:e=>f("contact_budget",e.target.value)})}),(0,c.jsx)("p",{className:"c-form01__supplement",id:"contact_budget-note",children:"例）〇万円～〇万円程度"})]})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{htmlFor:"your-date",children:"公開希望時期（目安）"}),(0,c.jsx)("span",{className:"ico",children:"任意"})]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("span",{className:"wpcf7-form-control-wrap","data-name":"your-date",children:(0,c.jsx)("input",{className:"wpcf7-form-control wpcf7-text",id:"your-date",name:"contact_date","aria-describedby":"contact_date-note",type:"text",onChange:()=>b("contact_date"),onBlur:e=>f("contact_date",e.target.value)})}),(0,c.jsx)("p",{className:"c-form01__supplement",id:"contact_date-note",children:"例）〇年〇月頃"})]})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{id:"rep",children:"RFP/要件書"}),(0,c.jsx)("span",{className:"ico",children:"任意"})]}),(0,c.jsxs)("td",{children:[(0,c.jsxs)("div",{className:"c-form-item",children:[(0,c.jsx)("p",{className:"c-form01__note",children:"ファイルアップロードの場合（最大4.5MB以下※zip,pdfのみ送信可能です）"}),(0,c.jsx)("input",{id:"repFile",name:"repFile",type:"file",accept:"application/zip,application/pdf",className:"c-form-parts","aria-labelledby":"rep","aria-invalid":h.repFile?"true":void 0,"aria-errormessage":h.repFile?"repFile-error":void 0,onChange:e=>{b("repFile"),f("repFile",e.currentTarget.files)}}),(0,c.jsx)(l.X,{id:"repFile-error",classNames:"c-form-item__error c-color-red",errors:h.repFile})]}),(0,c.jsxs)("div",{className:"c-form01__item",children:[(0,c.jsx)("p",{className:"c-form01__note",children:"URLの場合"}),(0,c.jsx)("input",{id:"repURL",name:"repURL",type:"url",className:"wpcf7-form-control wpcf7-text","aria-labelledby":"rep","aria-describedby":"repURL_note",onChange:()=>b("repURL"),onBlur:e=>f("repURL",e.target.value)}),(0,c.jsx)("p",{id:"repURL_note",className:"c-form01__supplement",children:"例）https://www.m-hand.co.jp"}),(0,c.jsx)(l.X,{id:"repURL-error",classNames:"c-form-item__error c-color-red",errors:h.repURL})]})]})]}),(0,c.jsxs)("tr",{children:[(0,c.jsxs)("th",{children:[(0,c.jsx)("label",{htmlFor:"js-contact-txt-count-element",children:"お問い合わせ内容"}),(0,c.jsx)("span",{className:"ico is-required",children:"必須"})]}),(0,c.jsxs)("td",{children:[(0,c.jsx)("span",{className:"wpcf7-form-control-wrap","data-name":"your-message",children:(0,c.jsx)("textarea",{className:"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required",id:"js-contact-txt-count-element",name:"contact_textarea",placeholder:"例）下記の参考サイトと同じボリュームで制作すると費用はどのくらいか？","aria-required":!0,"aria-invalid":h.contact_textarea?"true":void 0,"aria-errormessage":h.contact_textarea?"contact_textarea-error":void 0,onChange:e=>{u(e),b("contact_textarea")},onBlur:e=>f("contact_textarea",e.target.value),value:e})}),(0,c.jsxs)("p",{className:"count",children:[(0,c.jsx)("span",{id:"js-contact-txt-count-result",children:_}),"/500"]}),(0,c.jsx)(l.X,{id:"contact_textarea-error",classNames:"c-color-red",errors:h.contact_textarea})]})]})]})}),(0,c.jsxs)("div",{className:"c-form01-agree",children:[(0,c.jsxs)("label",{htmlFor:"your-agree",children:[(0,c.jsx)("input",{type:"checkbox",name:"your-agree",id:"your-agree",value:"プライバシーポリシーに同意する",className:"js-contact-agree","aria-required":!0,"aria-invalid":h.agree?"true":void 0,"aria-errormessage":h.agree?"agree-error":void 0,checked:a,onChange:e=>{j(e),e.target.checked?b("agree"):f("agree",!1)}}),(0,c.jsxs)("span",{children:[(0,c.jsx)(o.W,{href:"/privacy/",children:"プライバシーポリシー"}),"に同意する"]})]}),(0,c.jsx)(l.X,{id:"agree-error",classNames:"c-color-red",errors:h.agree})]}),(0,c.jsx)("p",{className:"c-form01-note",children:"※プライバシーポリシーのチェックは必須項目となります"}),(0,c.jsxs)("div",{className:`c-form01-submit js-contact-submit ${a?"":"is-disabled"}`,children:[(0,c.jsx)("div",{className:"c-form01-submit__mov",children:(0,c.jsxs)("picture",{children:[(0,c.jsx)("source",{srcSet:"/images/common/bg_cv01_pc.webp",width:1920,height:701,media:"(min-width: 768px)"}),(0,c.jsx)("img",{src:"/images/common/bg_cv01_sp.webp",alt:"CREATE THE FUTURE",width:750,height:862,loading:"lazy"})]})}),(0,c.jsx)("button",{type:"submit",id:"submit",className:`js-contact-submit-btn wpcf7-form-control wpcf7-submit ${a?"":"is-disabled"}`,children:(0,c.jsxs)("span",{className:"c-form01-submit__area-txt",children:[(0,c.jsx)("span",{className:"c-form01-submit__txt",children:(0,c.jsxs)("picture",{children:[(0,c.jsx)("source",{srcSet:"/images/contact/txt_submit01_pc.webp",media:`(min-width: ${d.dl.md}px)`}),(0,c.jsx)("img",{src:"/images/contact/txt_submit01_sp.webp",alt:"送信する",loading:"lazy"})]})}),(0,c.jsx)("span",{className:"c-form01-submit__en",children:(0,c.jsxs)("picture",{children:[(0,c.jsx)("source",{srcSet:"/images/contact/txt_submit02_pc.webp",media:`(min-width: ${d.dl.md}px)`}),(0,c.jsx)("img",{src:"/images/contact/txt_submit02_sp.webp",alt:"Create the future",loading:"lazy"})]})})]})})]})]})})]})})]})]})})};var x=()=>(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.P,{title:"お問合せ CONTACT",description:"ホームページ制作、運用・更新に関するお問い合わせはこちら。お電話でのご相談も随時受け付けております。費用感を把握いただくための見積依頼も承っております。Webに関するお困りごとやご要望など、まずはお気軽にご相談ください。",canonical:`${d._O}/contact/`,openGraph:{url:`${d._O}/contact/`}}),(0,c.jsx)(h,{})]})}},function(e){e.O(0,[8333,3448,8300,2888,9774,179],function(){return e(e.s=3328)}),_N_E=e.O()}]);