https://made-in-local.vercel.app/_next/static/chunks/pages/contact/100selection/recommend-6e734ac47f609dcb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5749],{4783:(t,c,a)=>{"use strict";a.r(c),a.d(c,{default:()=>p});var e=a(7876),o=a(8145),n=a.n(o),r=a(9099),s=a(4232),l=a(8992),_=a(7361),i=a(6347),m=a(9135),d=a.n(m);function p(t){let{}=t,c=(0,r.useRouter)(),{register:a,handleSubmit:o,watch:m,getValues:p,formState:{errors:h,isValid:x}}=(0,l.mN)({mode:"onChange"}),[b,u]=(0,s.useState)(1),j=()=>{u(b+1),window.scrollTo({top:0})},f=()=>{c.push("/")},F=o(async t=>{let c=new FormData;Object.entries(t).forEach(t=>{let[a,e]=t;c.append(a,e)}),await n().post("https://recruit.form.newt.so/v1/uIt25DKAX",t).then(function(t){console.log(t),j()}).catch(function(t){console.log(t),f()})});return(0,e.jsx)(e.Fragment,{children:(0,e.jsxs)("div",{children:[(0,e.jsx)(_.A,{area:"about",current:"contact"}),(0,e.jsx)("div",{className:"relative h-[360px] w-full after:absolute after:inset-0 after:block after:bg-[rgba(0,0,0,0.4)] after:content-['']",children:(0,e.jsx)("div",{className:"relative h-full w-full bg-[url(/images/senshu-scenery02.jpg)] bg-cover text-white",children:(0,e.jsxs)("div",{className:"absolute bottom-[60px] left-6 z-[1] xl:left-12",children:[(0,e.jsx)("div",{className:"font-oswald text-[32px] font-medium not-italic xl:text-[52px]",children:"RECOMMEND FORM"}),(0,e.jsx)("div",{className:"-mt-2 text-[15px]",children:"推薦フォーム"})]})})}),(0,e.jsxs)("div",{className:d().contact_wrapper,children:[(0,e.jsx)("h4",{className:"mt-12 w-full border-l-[3px] border-solid border-l-[#004848] pl-4 text-lg xl:text-[28px]",children:"地域を代表する企業100選 推薦フォーム"}),1===b&&(0,e.jsx)("p",{className:d().contact_caption,children:"地域を代表する企業100選の全国展開開始につき、魅力的な企業を探しています。※自薦も可 下記フォームから、企業名と推薦する理由を教えてください。"}),2===b&&(0,e.jsx)("p",{className:d().contact_caption,children:"入力した内容に間違いがなければ「送信する」ボタンを押してください。"}),3===b&&(0,e.jsx)("p",{className:d().contact_caption,children:"この度は、フォームへのご記入ありがとうございました。"}),(0,e.jsxs)("ul",{className:d()["contact_step-wrapper"],children:[(0,e.jsx)("li",{className:"".concat(d()["contact_step-item"]," ").concat(1===b?d().current:""),children:"01 必要項目の入力"}),(0,e.jsx)("li",{className:"".concat(d()["contact_step-item"]," ").concat(2===b?d().current:""),children:"02 入力内容の確認"}),(0,e.jsx)("li",{className:"".concat(d()["contact_step-item"]," ").concat(3===b?d().current:""),children:"03 送信完了"})]}),1===b&&(0,e.jsxs)("form",{className:d().contact_form,onSubmit:t=>{t.preventDefault(),j()},children:[(0,e.jsxs)("div",{className:d()["contact_form-item"],children:[(0,e.jsxs)("div",{className:d()["contact_form-left"],children:[(0,e.jsx)("label",{className:d().contact_label,children:"推薦したい企業名"}),(0,e.jsx)("h6",{className:"".concat(d()["contact_form-snackbar"]),children:"必須"})]}),(0,e.jsx)("input",{name:"recommend",type:"text",placeholder:"推薦したい企業名（自薦も可）",className:h.recommend?"".concat(d().contact_input," ").concat(d()["is-error"]):"".concat(d().contact_input),...a("recommend",{required:"推薦したい企業名を入力してください"})}),h.recommend&&h.recommend.message&&(0,e.jsx)("p",{className:d().error_message,children:h.recommend.message})]}),(0,e.jsxs)("div",{className:d()["contact_form-item"],children:[(0,e.jsxs)("div",{className:d()["contact_form-left"],children:[(0,e.jsx)("label",{className:d().contact_label,children:"推薦したい企業のエリア"}),(0,e.jsx)("h6",{className:"".concat(d()["contact_form-snackbar"]),children:"必須"})]}),(0,e.jsxs)("select",{className:"region__selector h-14 w-full border border-solid border-[#bbb] bg-white bg-[url(/images/dropdown-black.svg)] bg-[length:14px_14px] bg-[right_36px_center] bg-no-repeat px-9 py-3 font-bold tracking-widest text-[#2a3a4b]",...a("category",{required:"推薦企業のエリアを選択してください",name:"category"}),children:[(0,e.jsx)("option",{value:"",children:"エリアを選択"}),i.N.map((t,c)=>(0,e.jsx)("option",{value:t.name,children:t.name},c))]}),(null==h?void 0:h.length)>0&&(0,e.jsx)("p",{className:d().error_message,children:h[0]})]}),(0,e.jsxs)("div",{className:d()["contact_form-item"],children:[(0,e.jsx)("div",{className:d()["contact_form-left"],children:(0,e.jsx)("label",{className:d().contact_label,children:"推薦する理由"})}),(0,e.jsx)("textarea",{name:"お問い合わせ",placeholder:"上で書いていただいた企業の魅力的なポイントなど、推薦する理由を教えてください。",className:"".concat(d().contact_input," ").concat(d().textarea," ").concat(h.message&&h.message.message?"border-2 border-solid border-[#ed4646] !bg-[#ffeaea]":""),...a("message",{})})]}),(0,e.jsxs)("div",{className:d().contact_privacy,children:[(0,e.jsx)("a",{href:"https://iobi.co.jp/privacy",target:"_blank",className:d()["contact_privacy-link"],rel:"noreferrer",children:"プライバシーポリシー"}),"に同意のうえ、確認画面へおすすみください。"]}),(0,e.jsxs)("button",{type:"submit",disabled:!x,className:"".concat(d().contact__button," ").concat(x?"":d().disabled),children:[(0,e.jsx)("p",{className:d()["contact__button-text"],children:"入力内容を確認する"}),(0,e.jsx)("div",{className:d()["contact__button-circle"],children:(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",className:d()["contact__button-icon"],children:[(0,e.jsx)("path",{id:"Fill_1","data-name":"Fill 1",d:"M14,1a1,1,0,0,1-1,1H1A1,1,0,0,1,1,0H13A1,1,0,0,1,14,1Z",transform:"translate(6 11)"}),(0,e.jsx)("path",{id:"Fill_2","data-name":"Fill 2",d:"M4.707,3.293a1,1,0,0,1,0,1.414l-3,3A1,1,0,0,1,.293,6.293L2.586,4,.293,1.707A1,1,0,0,1,1.707.293Z",transform:"translate(17 8)"}),(0,e.jsx)("path",{id:"Fill_3","data-name":"Fill 3",d:"M3,6A3,3,0,1,1,6,3,3,3,0,0,1,3,6ZM3,2A1,1,0,1,0,4,3,1,1,0,0,0,3,2Z",transform:"translate(2 9)"})]})})]})]}),2===b&&(0,e.jsxs)("div",{className:d()["contact_confirmation-wrapper"],children:[(0,e.jsxs)("dl",{className:d()["contact_confirmation-item"],children:[(0,e.jsx)("dt",{children:"推薦したい企業名"}),(0,e.jsx)("dd",{children:p("recommend")})]}),(0,e.jsxs)("dl",{className:d()["contact_confirmation-item"],children:[(0,e.jsx)("dt",{children:"推薦したい企業のエリア"}),(0,e.jsx)("dd",{children:p("category")})]}),(0,e.jsxs)("dl",{className:d()["contact_confirmation-item"],children:[(0,e.jsx)("dt",{children:"推薦する理由"}),(0,e.jsx)("dd",{children:p("message")})]}),(0,e.jsxs)("div",{className:"".concat(d()["contact_button-wrapper"]," ").concat(d().confirmation),children:[(0,e.jsxs)("button",{type:"submit",className:"".concat(d().contact__button," ").concat(d().disabled),onClick:()=>void(u(1),window.scrollTo({top:0})),children:[(0,e.jsx)("p",{className:d()["contact__button-text"],children:"入力画面に戻る"}),(0,e.jsx)("div",{className:d()["contact__button-circle"],children:(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",className:d()["contact__button-icon"],children:[(0,e.jsx)("path",{id:"Fill_1","data-name":"Fill 1",d:"M14,1a1,1,0,0,1-1,1H1A1,1,0,0,1,1,0H13A1,1,0,0,1,14,1Z",transform:"translate(6 11)"}),(0,e.jsx)("path",{id:"Fill_2","data-name":"Fill 2",d:"M4.707,3.293a1,1,0,0,1,0,1.414l-3,3A1,1,0,0,1,.293,6.293L2.586,4,.293,1.707A1,1,0,0,1,1.707.293Z",transform:"translate(17 8)"}),(0,e.jsx)("path",{id:"Fill_3","data-name":"Fill 3",d:"M3,6A3,3,0,1,1,6,3,3,3,0,0,1,3,6ZM3,2A1,1,0,1,0,4,3,1,1,0,0,0,3,2Z",transform:"translate(2 9)"})]})})]}),(0,e.jsxs)("button",{type:"submit",className:d().contact__button,onClick:()=>F(),children:[(0,e.jsx)("p",{className:d()["contact__button-text"],children:"フォームを送信する"}),(0,e.jsx)("div",{className:d()["contact__button-circle"],children:(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",className:d()["contact__button-icon"],children:[(0,e.jsx)("path",{id:"Fill_1","data-name":"Fill 1",d:"M14,1a1,1,0,0,1-1,1H1A1,1,0,0,1,1,0H13A1,1,0,0,1,14,1Z",transform:"translate(6 11)"}),(0,e.jsx)("path",{id:"Fill_2","data-name":"Fill 2",d:"M4.707,3.293a1,1,0,0,1,0,1.414l-3,3A1,1,0,0,1,.293,6.293L2.586,4,.293,1.707A1,1,0,0,1,1.707.293Z",transform:"translate(17 8)"}),(0,e.jsx)("path",{id:"Fill_3","data-name":"Fill 3",d:"M3,6A3,3,0,1,1,6,3,3,3,0,0,1,3,6ZM3,2A1,1,0,1,0,4,3,1,1,0,0,0,3,2Z",transform:"translate(2 9)"})]})})]})]})]}),3===b&&(0,e.jsx)("div",{className:d()["contact_thanks-wrapper"],children:(0,e.jsx)("button",{className:d().contact_button,onClick:()=>f(),children:"トップページに戻る"})})]})]})})}},9036:(t,c,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact/100selection/recommend",function(){return a(4783)}])},9135:t=>{t.exports={"only-sp":"Form_only-sp__Veais","only-pc":"Form_only-pc__rIDnJ","only-below-ipadpro":"Form_only-below-ipadpro__kdLog","only-above-ipadpro":"Form_only-above-ipadpro__IGKcj","only-lg":"Form_only-lg__A34La",contact_wrapper:"Form_contact_wrapper__8zFsb",contact_title:"Form_contact_title__OxH4e",contact_caption:"Form_contact_caption__9FmI0","contact_step-wrapper":"Form_contact_step-wrapper___5WRR","contact_step-item":"Form_contact_step-item__wor2_",current:"Form_current__XZ6rE",contact_form:"Form_contact_form__TZY7U","contact_form-left":"Form_contact_form-left__wL4VU","contact_form-item":"Form_contact_form-item__F3Zbl",checkbox:"Form_checkbox__DXTVw","contact_form-snackbar":"Form_contact_form-snackbar__3QKgr",optional:"Form_optional__gendP",contact_label:"Form_contact_label__zeCO3",contact_input:"Form_contact_input__pYuJF",number:"Form_number__Xc86d","is-error":"Form_is-error__Hp6Jv",textarea:"Form_textarea__hqaBz",contact_error:"Form_contact_error__FwZVD",contact_radio:"Form_contact_radio__wrZ6C","contact_radio-item":"Form_contact_radio-item__9MIXa","contact_radio-item-label":"Form_contact_radio-item-label__4NIu_",contact_privacy:"Form_contact_privacy__SPor3","contact_privacy-link":"Form_contact_privacy-link__PUlu9",contact__button:"Form_contact__button__uPM6e",disabled:"Form_disabled__LNZfp","contact__button-circle":"Form_contact__button-circle__Ir2Sr","contact__button-icon":"Form_contact__button-icon__WX5YU","contact__button-text":"Form_contact__button-text__UcWAs","contact_confirmation-wrapper":"Form_contact_confirmation-wrapper__h_xit","contact_confirmation-item":"Form_contact_confirmation-item__9IjnA","contact_button-wrapper":"Form_contact_button-wrapper__EH_4g",confirmation:"Form_confirmation__GgzBO",contact_button:"Form_contact_button__5KMut",back:"Form_back__BMIGK","contact_thanks-wrapper":"Form_contact_thanks-wrapper__Mpv05",error_message:"Form_error_message__6j5Yo","contact_form-outer":"Form_contact_form-outer__Iud5_"}}},t=>{t.O(0,[8145,8992,7361,636,6593,8792],()=>t(t.s=9036)),_N_E=t.O()}]);