https://it-trend.jp/_next/static/chunks/pages/contact-44ec834b649b4c99.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1364],{5244:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var s=r(37876),a=r(69241);function l(e){let{children:t,width:r="w-full",height:l="h-full",rounded:i="rounded-md",onClick:n,className:c}=e;return(0,s.jsx)("button",{className:(0,a.A)("bg-gradient-to-b from-it-gray-600 to-black text-2xl text-white","shadow-[var(--shadow-inset-soft)]","px-4 py-2",c,r,l,i),onClick:n,type:"button",children:t})}},16413:(e,t,r)=>{"use strict";r.d(t,{H:()=>i,w:()=>l});var s=r(88992);let a=(e,t,r)=>{if(e&&"reportValidity"in e){let a=(0,s.Jt)(r,t);e.setCustomValidity(a&&a.message||""),e.reportValidity()}},l=(e,t)=>{for(let r in t.fields){let s=t.fields[r];s&&s.ref&&"reportValidity"in s.ref?a(s.ref,r,e):s.refs&&s.refs.forEach(t=>a(t,r,e))}},i=(e,t)=>{t.shouldUseNativeValidation&&l(e,t);let r={};for(let a in e){let l=(0,s.Jt)(t.fields,a),i=Object.assign(e[a]||{},{ref:l&&l.ref});if(n(t.names||Object.keys(e),a)){let e=Object.assign({},(0,s.Jt)(r,a));(0,s.hZ)(e,"root",i),(0,s.hZ)(r,a,e)}else(0,s.hZ)(r,a,i)}return r},n=(e,t)=>e.some(e=>e.startsWith(t+"."))},27582:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact",function(){return r(86263)}])},34830:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var s=r(37876),a=r(69241);let l=(0,r(14232).forwardRef)((e,t)=>{var r;let{id:l,type:i="text",placeholder:n,width:c="w-full",height:d="h-full",className:o="",error:x,onChange:m,autoComplete:h,disabled:p,...u}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("input",{autoComplete:h,className:(0,a.A)("rounded-md border px-3 shadow-sm focus:outline-none focus:ring-it-primary-500","border-it-gray-300 focus:border-it-primary-500",c,d,o),disabled:p,id:l,onChange:m,placeholder:n,ref:t,type:i,...u}),x&&(0,s.jsx)("p",{className:"mt-1 text-sm text-it-primary-600",children:null==(r=x.message)?void 0:r.toString()})]})});l.displayName="Input";let i=l},39456:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var s=r(37876),a=r(69241);let l=(0,r(14232).forwardRef)((e,t)=>{var r;let{id:l,options:i,error:n,placeholder:c="お選び下さい",className:d="",width:o="w-full",height:x="h-full",...m}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("select",{className:(0,a.A)("rounded-md border px-3 shadow-sm focus:outline-none focus:ring-it-primary-500","border-it-gray-300 focus:border-it-primary-500",o,x,d),id:l,ref:t,...m,children:[(0,s.jsx)("option",{value:"",children:c}),i.map(e=>(0,s.jsx)("option",{value:e.id.toString(),children:e.name},e.id))]}),n&&(0,s.jsx)("p",{className:"text-sm text-it-primary-600",children:null==(r=n.message)?void 0:r.toString()})]})});l.displayName="Select";let i=l},45350:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var s=r(37876),a=r(69241);let l=e=>{let{className:t,icon:r,text:l}=e;return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("h2",{className:(0,a.A)("flex p-2.5 border-t-2 font-bold break-all","green"===t?"bg-it-green-100 border-t-it-green-800 text-it-green-800":"bg-it-dark-red-100 border-t-it-primary-800 text-it-primary-800"),children:[r&&r({size:25}),"string"==typeof l?(0,s.jsx)("span",{className:"text-black ml-[5px] align-middle",children:l}):l]})})}},52493:(e,t,r)=>{"use strict";r.d(t,{V:()=>a});var s=r(14232);let a=e=>{let t=(0,s.useRef)(null),r=(0,s.useRef)(null),a=(0,s.useRef)(null),l=(0,s.useRef)(null);return(0,s.useEffect)(()=>{var s;if(!e)return;let i=!1,n=()=>{!i&&window.grecaptcha&&t.current&&null===r.current&&(r.current=window.grecaptcha.render(t.current,{sitekey:e,size:"invisible",callback:e=>{var t;null==(t=a.current)||t.call(a,e),a.current=null,l.current=null},"error-callback":()=>{var e;null==(e=l.current)||e.call(l),a.current=null,l.current=null}}))};if(null==(s=window.grecaptcha)?void 0:s.render)return n(),()=>{i=!0};if(!document.querySelector('script[src*="recaptcha/api.js"]')){let e=document.createElement("script");e.src="https://www.google.com/recaptcha/api.js?render=explicit",e.async=!0,e.defer=!0,document.head.appendChild(e)}let c=setInterval(()=>{var e,t;(null==(e=window.grecaptcha)?void 0:e.ready)&&(clearInterval(c),null==(t=window.grecaptcha)||t.ready(n))},100);return()=>{i=!0,clearInterval(c)}},[e]),{containerRef:t,execute:(0,s.useCallback)(()=>new Promise(e=>{var t;if(null===r.current)return void e(null);a.current=e,l.current=()=>e(null),null==(t=window.grecaptcha)||t.execute(r.current)}),[]),reset:(0,s.useCallback)(()=>

1{if(null!==r.current){var e;null==(e=window.grecaptcha)||e.reset(r.current)}},[])}}},64885:(e,t,r)=>{"use strict";r.d(t,{u:()=>i});var s=r(16413),a=r(88992),l=function(e,t){for(var r={};e.length;){var s=e[0],l=s.code,i=s.message,n=s.path.join(".");if(!r[n])if("unionErrors"in s){var c=s.unionErrors[0].errors[0];r[n]={message:c.message,type:c.code}}else r[n]={message:i,type:l};if("unionErrors"in s&&s.unionErrors.forEach(function(t){return t.errors.forEach(function(t){return e.push(t)})}),t){var d=r[n].types,o=d&&d[s.code];r[n]=(0,a.Gb)(n,t,r,l,o?[].concat(o,s.message):s.message)}e.shift()}return r},i=function(e,t,r){return void 0===r&&(r={}),function(a,i,n){try{return Promise.resolve(function(l,i){try{var c=Promise.resolve(e["sync"===r.mode?"parse":"parseAsync"](a,t)).then(function(e){return n.shouldUseNativeValidation&&(0,s.w)({},n),{errors:{},values:r.raw?a:e}})}catch(e){return i(e)}return c&&c.then?c.then(void 0,i):c}(0,function(e){if(Array.isArray(null==e?void 0:e.errors))return{values:{},errors:(0,s.H)(l(e.errors,!n.shouldUseNativeValidation&&"all"===n.criteriaMode),n)};throw e}))}catch(e){return Promise.reject(e)}}}},73165:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var s=r(37876),a=r(69241);function l(e){let{children:t,isLoading:r=!1,type:l="submit",width:i="w-full",height:n="h-full",rounded:c="rounded-xl",className:d,onClick:o,icon:x}=e;return(0,s.jsx)("button",{className:(0,a.A)(d,"bg-gradient-to-r from-it-dark-red-700 to-it-primary-700","text-white text-center font-medium","py-4 px-10","shadow-[var(--shadow-inset-soft)]","hover:opacity-90 transition-opacity duration-200",{"opacity-50 cursor-not-allowed":r},i,n,c),disabled:r,onClick:o,type:l,children:(0,s.jsxs)("span",{className:"flex items-center justify-center gap-1",children:[t,x]})})}},86263:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>H,default:()=>B});var s=r(37876),a=r(85752),l=r(14232),i=r(72824),n=r(91655),c=r(64885),d=r(89099),o=r(88992),x=r(89848),m=r(6381),h=r(10802),p=r(52493),u=r(54822);let f=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return m.z.object({"g-recaptcha-response":e?m.z.string().min(1,"reCAPTCHAが無効です"):m.z.string(),contact_kind:m.z.string().min(1,"お問い合わせ種類を選択してください"),company_name:m.z.string().min(1,"会社名を入力してください").max(256,"会社名は256文字以内で入力してください"),last_name:m.z.string().min(1,"姓を入力してください").max(256,"姓は256文字以内で入力してください"),first_name:m.z.string().min(1,"名を入力してください").max(256,"名は256文字以内で入力してください"),email:m.z.string().email("有効なメールアドレスを入力してください").max(256,"メールアドレスは256文字以内で入力してください"),phone_number:m.z.string().min(1,"電話番号を入力してください").max(256,"電話番号は256文字以内で入力してください").regex(/^[0-9-]+$/,"電話番号は数字とハイフンで入力してください"),body:m.z.string().min(1,"お問い合わせ内容を入力してください").max(2048,"お問い合わせ内容は2048文字以内で入力してください")})},g=()=>{let[e,t]=(0,l.useState)(!1),[r,s]=(0,l.useState)("input"),a=(0,d.useRouter)(),{contact_kind:i}=a.query,n=(0,o.mN)({resolver:(0,c.u)(f(!1)),defaultValues:{"g-recaptcha-response":"",contact_kind:i,company_name:"",last_name:"",first_name:"",email:"",phone_number:"",body:""}}),{containerRef:m,execute:g,reset:j}=(0,p.V)("6LdqhRsrAAAAAFUy7QJjh3hN23z-vKCe6BzH51Q1"),y=async()=>{try{t(!0);let e=await g();e&&n.setValue("g-recaptcha-response",e);let r=f(!0),s=n.getValues();if(!r.safeParse(s).success){x.oR.error("reCAPTCHA認証に失敗しました"),j();return}let l=(0,u.A)(),i=await l.post(h.A.Contact.REGISTER,s);if(200!==i.status)return void x.oR.error("お問い合わせの送信に失敗しました");x.oR.success("お問い合わせが送信されました"),await a.push(h.A.ContactPage.TNX)}catch(e){console.error("Send contact failed:",e),x.oR.error("お問い合わせの送信に失敗しました")}finally{t(!1)}};return{form:n,step:r,onSubmit:()=>{s("confirm")},goBackToInput:()=>{s("input")},registerContact:y,isLoading:e,recaptchaRef:m}};var j=r(5244),y=r(73165);r(65364);let b=function(){let{onLoad:e,onError:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(document.querySelector('script[src*="recaptcha"]'))return void(window.grecaptcha?window.grecaptcha.ready(()=>null==e?void 0:e()):setTimeout(()=>{window.grecaptcha?window.grecaptcha.ready(()=>null==e?void 0:e()):null==t||t(Error("reCAPTCHA failed to initialize"))},100));let r=document.createElement("script");r.src="https://www.google.com/recaptcha/api.js",r.async=!0,r.defer=!0,r.onload=()=>{window.grecaptcha&&window.grecaptcha.ready(()=>null==e?void 0:e())},r.onerror=()=>{null==t||t(Error("Failed to load reCAPTCHA script"))},document.head.appendChild(r)};function N(e){let{form:t,goBackToInput:r,registerContact:a,isLoading:i}=e,{getValues:n,handleSubmit:c}=t,d=()=>{x.oR.error("reCAPTCHAの読み込みに失敗しました。入力画面に戻って再度お試しください")};return(0,l.useEffect)(()=>{b({onError:d})},[]),(0,s.jsx)("div",{className:"my-8 p-16 border border-it-gray-600",children:(0,s.jsxs)("form",{onSubmit:c(a),children:[(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"お問い合わせ種類"}),(0,s.jsx)("p",{className:"flex-1 text-it-gray-600 mt-1 break-words",children:n("contact_kind")})]}),(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"会社名"}),(0,s.jsx)("p",{className:"flex-1 text-it-gray-600 mt-1 break-words",children:n("company_name")})]}),(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"お名前"}),(0,s.jsxs)("p",{className:"flex-1 text-it-gray-600 mt-1 break-words",children:[n("last_name")," ",n("first_name")]})]}),(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"メールアドレス"}),(0,s.jsx)("p",{className:"flex-1 text-it-gray-600 mt-1 break-all",children:n("email")})]}),(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"電話番号"}),(0,s.jsx)("p",{className:"flex-1 text-it-gray-600 mt-1 break-words",children:n("phone_number")})]}),(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"お問い合わせ内容"}),(0,s.jsx)("p",{className:"flex-1 text-it-gray-600 mt-1 break-words whitespace-pre-wrap",children:n("body")})]}),(0,s.jsx)("div",{className:"border-dashed border-b-2 border-it-gray-300 mb-[20px]"}),(0,s.jsx)("div",{id:"recaptcha-container",style:{display:"none"}}),(0,s.jsxs)("div",{className:"flex justify-center gap-8 my-5",children:[(0,s.jsx)(j.A,{className:"py-2 text-lg",height:"h-[55px]",onClick:r,rounded:"rounded-md",children:"戻る"}),(0,s.jsx)(y.A,{className:"py-2 text-lg",height:"h-[55px]",isLoading:i,rounded:"rounded-md",type:"submit",children:i?"送信中...":"送信する"})]})]})})}var w=r(34830),v=r(39456),_=r(69241);let A=(0,l.forwardRef)((e,t)=>{var r;let{id:a,placeholder:l,width:i="w-full",height:n="h-full",className:c="",error:d,onChange:o,autoComplete:x,disabled:m,...h}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("textarea",{autoComplete:x,className:(0,_.A)("roun

1ded-md border px-3 shadow-sm focus:outline-none focus:ring-it-primary-500","border-it-gray-300 focus:border-it-primary-500",i,n,c),disabled:m,id:a,onChange:o,placeholder:l,ref:t,...h}),d&&(0,s.jsx)("p",{className:"mt-1 text-sm text-it-primary-600",children:null==(r=d.message)?void 0:r.toString()})]})});A.displayName="TextArea";let k=[{id:"掲載内容についてのお問い合わせ",name:"掲載内容についてのお問い合わせ"},{id:"パスワードの再発行のお問い合わせ",name:"パスワードの再発行のお問い合わせ"},{id:"商品掲載・広告出稿のお問い合わせ",name:"商品掲載・広告出稿のお問い合わせ"},{id:"ビジネスアライアンスについてのお問い合わせ",name:"ビジネスアライアンスについてのお問い合わせ"},{id:"取材についてのお問い合わせ",name:"取材についてのお問い合わせ"},{id:"修正依頼・取り下げ依頼",name:"修正依頼・取り下げ依頼"},{id:"会員登録削除",name:"会員登録削除"}];function C(e){let{form:t,onSubmit:r,isLoading:a}=e,{register:l,handleSubmit:i,formState:{errors:n}}=t;return(0,s.jsx)("div",{className:"my-8 p-16 border border-it-gray-600",children:(0,s.jsxs)("form",{onSubmit:i(r),children:[(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsxs)("label",{className:"w-1/3 flex items-end gap-1 text-sm font-bold text-it-gray-700",htmlFor:"contact_kind",children:["お問い合わせ種類",(0,s.jsx)("span",{className:"text-it-primary-600 text-xs",children:"(必須)"})]}),(0,s.jsx)("div",{className:"w-2/3",children:(0,s.jsx)(v.A,{...l("contact_kind"),error:n.contact_kind,height:"h-[40px]",id:"contact_kind",options:k})})]}),(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsxs)("label",{className:"w-1/3 flex items-end gap-1 text-sm font-bold text-it-gray-700",htmlFor:"company_name",children:["会社名",(0,s.jsx)("span",{className:"text-it-primary-600 text-xs",children:"(必須)"})]}),(0,s.jsx)("div",{className:"w-2/3",children:(0,s.jsx)(w.A,{...l("company_name"),error:n.company_name,height:"h-[40px]",id:"company_name",type:"text"})})]}),(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsxs)("label",{className:"w-1/3 flex items-end gap-1 text-sm font-bold text-it-gray-700",htmlFor:"last_name",children:["お名前",(0,s.jsx)("span",{className:"text-it-primary-600 text-xs",children:"(必須)"})]}),(0,s.jsxs)("div",{className:"w-2/3 flex gap-4",children:[(0,s.jsxs)("div",{className:"flex items-start gap-2 w-1/2",children:[(0,s.jsx)("span",{className:"w-4 text-it-gray-600 text-sm mt-2",children:"姓"}),(0,s.jsx)("div",{children:(0,s.jsx)(w.A,{...l("last_name"),error:n.last_name,height:"h-[40px]",id:"last_name",type:"text"})})]}),(0,s.jsxs)("div",{className:"flex items-start gap-2 w-1/2",children:[(0,s.jsx)("span",{className:"w-4 text-it-gray-600 text-sm mt-2",children:"名"}),(0,s.jsx)("div",{children:(0,s.jsx)(w.A,{...l("first_name"),error:n.first_name,height:"h-[40px]",id:"first_name",type:"text"})})]})]})]}),(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsxs)("label",{className:"w-1/3 flex items-end gap-1 text-sm font-bold text-it-gray-700",htmlFor:"email",children:["メールアドレス",(0,s.jsx)("span",{className:"text-it-primary-600 text-xs",children:"(必須)"})]}),(0,s.jsx)("div",{className:"w-2/3",children:(0,s.jsx)(w.A,{...l("email"),error:n.email,height:"h-[40px]",id:"email",type:"email"})})]}),(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsxs)("label",{className:"w-1/3 flex items-end gap-1 text-sm font-bold text-it-gray-700",htmlFor:"phone_number",children:["電話番号",(0,s.jsx)("span",{className:"text-it-primary-600 text-xs",children:"(必須)"})]}),(0,s.jsx)("div",{className:"w-2/3",children:(0,s.jsx)(w.A,{...l("phone_number"),error:n.phone_number,height:"h-[40px]",id:"phone_number",type:"text"})})]}),(0,s.jsxs)("div",{className:"flex items-start pb-[30px]",children:[(0,s.jsxs)("label",{className:"w-1/3 flex items-end gap-1 text-sm font-bold text-it-gray-700",htmlFor:"body",children:["お問い合わせ内容",(0,s.jsx)("span",{className:"text-it-primary-600 text-xs",children:"(必須)"})]}),(0,s.jsx)("div",{className:"w-2/3",children:(0,s.jsx)(A,{...l("body"),error:n.body,height:"h-[160px]",id:"body"})})]}),(0,s.jsx)("div",{className:"border-dashed border-b-2 border-it-gray-300 mb-[20px]"}),(0,s.jsxs)("div",{className:"text-sm text-it-gray-600",children:["※",(0,s.jsx)("a",{className:"underline text-it-link hover:text-it-link-hover",href:"https://www.media.innovation.co.jp/policy",target:"_blank",children:"プライバシーポリシー"}),"をご確認の上、お問い合わせください。"]}),(0,s.jsx)("div",{className:"text-center my-5",children:(0,s.jsx)(y.A,{className:"py-2 text-lg",height:"h-[55px]",isLoading:a,roun

1ded:"rounded-md",type:"submit",width:"w-[280px]",children:"内容を確認する"})})]})})}function F(){let{form:e,step:t,onSubmit:r,goBackToInput:a,registerContact:l,isLoading:i,recaptchaRef:c}=g();return(0,s.jsxs)(s.Fragment,{children:["input"===t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.j,{className:"text-2xl text-it-gray-700 mt-8",text:"お問い合わせフォーム"}),(0,s.jsx)(C,{form:e,isLoading:i,onSubmit:r})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.j,{className:"text-2xl text-it-gray-700 mt-8",text:"確認画面"}),(0,s.jsx)(N,{form:e,goBackToInput:a,isLoading:i,registerContact:l})]}),(0,s.jsx)("div",{ref:c})]})}function E(){return(0,s.jsxs)("div",{className:"w-[950px] mx-auto mb-[120px]",children:[(0,s.jsx)("h1",{className:"border-t-[3px] border-b-[3px] border-it-gray-600 py-4 text-center text-3xl text-it-gray-700 font-bold",children:"お問い合わせ"}),(0,s.jsx)(F,{})]})}var T=r(45350);function S(e){let{form:t,goBackToInput:r,registerContact:a,isLoading:i}=e,{getValues:n,handleSubmit:c}=t,d=()=>{x.oR.error("reCAPTCHAの読み込みに失敗しました。入力画面に戻って再度お試しください")};return(0,l.useEffect)(()=>{b({onError:d})},[]),(0,s.jsx)("div",{className:"m-2.5 p-2.5",children:(0,s.jsxs)("form",{className:"space-y-4",onSubmit:c(a),children:[(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"お問い合わせ種類"}),(0,s.jsx)("p",{className:"flex-1 text-it-gray-600 mt-1 break-words",children:n("contact_kind")})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"会社名"}),(0,s.jsx)("p",{className:"flex-1 text-it-gray-600 mt-1 break-words",children:n("company_name")})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"お名前"}),(0,s.jsxs)("p",{className:"flex-1 text-it-gray-600 mt-1 break-words",children:[n("last_name")," ",n("first_name")]})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"メールアドレス"}),(0,s.jsx)("p",{className:"flex-1 text-it-gray-600 mt-1 break-all",children:n("email")})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"電話番号"}),(0,s.jsx)("p",{className:"flex-1 text-it-gray-600 mt-1 break-words",children:n("phone_number")})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("label",{className:"w-1/4 flex-shrink-0 text-sm font-bold text-it-gray-700",children:"お問い合わせ内容"}),(0,s.jsx)("p",{className:"flex-1 text-it-gray-600 mt-1 break-words whitespace-pre-wrap",children:n("body")})]}),(0,s.jsx)("div",{className:"border-dashed border-b-2 border-it-gray-300 mb-[20px]"}),(0,s.jsx)("div",{id:"recaptcha-container",style:{display:"none"}}),(0,s.jsxs)("div",{className:"flex gap-3 mt-6",children:[(0,s.jsx)(j.A,{className:"py-2 text-lg",height:"h-[55px]",onClick:r,rounded:"rounded-md",width:"w-1/2",children:"戻る"}),(0,s.jsx)(y.A,{className:"py-2 text-lg",height:"h-[55px]",isLoading:i,rounded:"rounded-md",type:"submit",width:"w-1/2",children:i?"送信中...":"送信する"})]})]})})}function R(){return(0,s.jsx)("span",{className:"bg-it-blue-400 text-white px-1.5 py-0.5 text-[10px] rounded-xs",children:"必須"})}function P(e){let{form:t,onSubmit:r,isLoading:a}=e,{register:l,handleSubmit:i,formState:{errors:n}}=t;return(0,s.jsx)("div",{className:"p-2.5 mb-6",children:(0,s.jsxs)("form",{className:"space-y-4",onSubmit:i(r),children:[(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium text-it-gray-700",htmlFor:"contact_kind",children:[(0,s.jsx)(R,{}),"お問い合わせ種類"]}),(0,s.jsx)(v.A,{...l("contact_kind"),error:n.contact_kind,height:"h-[40px]",id:"contact_kind",options:k})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium text-it-gray-700",htmlFor:"company_name",children:[(0,s.jsx)(R,{}),"会社名"]}),(0,s.jsx)(w.A,{...l("company_name"),error:n.company_name,height:"h-[40px]",id:"company_name",type:"text"})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium text-it-gray-700",htmlFor:"last_name",children:[(0,s.jsx)(R,{}),"姓"]}),(0,s.jsx)(w.A,{...l("last_name"),className:"bg-white border-it-gray-400",error:n.last_name,height:"h-[38px]",id:"last_name",type:"text"})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium text-it-gray-700",htmlFor:"first_name",children:[(0,s.jsx)(R,{}),"名"]}),(0,s.jsx)(w.A,{...l("first_name"),className:"bg-white border-it-gray-400",error:n.first_name,height:"h-[38px]",id:"first_name",type:"text"})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium text-it-gray-700",htmlFor:"email",children:[(0,s.jsx)(R,{}),"メールアドレス"]}),(0,s.jsx)(w.A,{...l("email"),error:n.email,height:"h-[40px]",id:"email",type:"email"})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium text-it-gray-700",htmlFor:"phone_number",children:[(0,s.jsx)(R,{}),"電話番号"]}),(0,s.jsx)(w.A,{...l("phone_number"),error:n.phone_number,height:"h-[40px]",id:"phone_number",type:"text"})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("label",{className:"flex items-center gap-2 text-sm font-medium text-it-gray-700",htmlFor:"body",children:[(0,s.jsx)(R,{}),"お問い合わせ内容"]}),(0,s.jsx)(A,{...l("body"),error:n.body,height:"h-[160px]",id:"body"})]}),(0,s.jsx)("div",{className:"border-dashed border-b-2 border-it-gray-300 mb-[20px]"}),(0,s.jsxs)("div",{className:"text-sm text-it-gray-600",children:["※",(0,s.jsx)("a",{className:"underline text-it-link hover:text-it-link-hover",href:"https://www.media.innovation.co.jp/policy",target:"_blank",children:"プライバシーポリシー"}),"をご確認の上、お問い合わせください。"]}),(0,s.jsx)("div",{className:"text-center my-5",children:(0,s.jsx)(y.A,{className:"py-2 text-lg",height:"h-[55px]",isLoading:a,roun

1ded:"rounded-md",type:"submit",width:"w-[280px]",children:"内容を確認する"})})]})})}function z(){let{form:e,step:t,onSubmit:r,goBackToInput:a,registerContact:l,isLoading:i,recaptchaRef:n}=g();return(0,s.jsxs)(s.Fragment,{children:["input"===t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(T.A,{text:"お問い合わせ"}),(0,s.jsx)(P,{form:e,isLoading:i,onSubmit:r})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(T.A,{text:"確認画面"}),(0,s.jsx)(S,{form:e,goBackToInput:a,isLoading:i,registerContact:l})]}),(0,s.jsx)("div",{ref:n})]})}function I(){return(0,s.jsx)(z,{})}function L(){let{viewport:e}=(0,l.useContext)(i.A);return(0,s.jsx)(s.Fragment,{children:"pc"===e?(0,s.jsx)(E,{}):(0,s.jsx)(I,{})})}var O=r(95643);let V=()=>{let e="お問い合わせ｜ITトレンド｜IT製品の比較・資料請求サイト",t="IT製品の比較・検討が無料でできるITトレンドのお問い合わせページです。",r={description:t,image:"https://static.it-trend.jp/ogp/top_og.jpg",site_name:"ITトレンド",title:e,type:"article",url:h.A.Page.CONTACT};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.A,{meta:{description:t,title:e,keywords:"IT製品,ITシステム,資料請求,製品比較,お問い合わせ"},og:r}),(0,s.jsx)(L,{})]})};V.getLayout=e=>(0,s.jsx)(O.A,{children:e});var H=!0;let B=V},91655:(e,t,r)=>{"use strict";r.d(t,{j:()=>n});var s=r(37876),a=r(69241),l=r(14232),i=r(72824);function n(e){let{viewport:t}=(0,l.useContext)(i.A),r=e.background?{background:e.background}:{};return(0,s.jsx)(s.Fragment,{children:"pc"===t?(0,s.jsx)("h2",{className:(0,a.A)("w-full",e.className),id:e.id,style:r,children:(0,s.jsx)("p",{className:"pl-2.5 text-[1em] font-bold border-l-[5px] border-l-it-primary-700 border-solid",children:e.text})}):"mobile"===t?(0,s.jsx)("h2",{className:(0,a.A)("w-full bg-[#f0bfc1] p-2",e.className),id:e.id,children:(0,s.jsx)("p",{className:"text-[0.7em] font-bold",children:e.text})}):(0,s.jsx)("h2",{className:(0,a.A)("w-full",e.className),id:e.id,style:r,children:(0,s.jsx)("p",{className:"pl-2.5 text-[1em] font-bold border-l-[5px] border-l-it-primary-700 border-solid",children:e.text})})})}},95643:(e,t,r)=>{"use strict";r.d(t,{A:()=>v});var s=r(37876),a=r(14232),l=r(10496),i=r(97995),n=r(10802),c=r(72824),d=r(489),o=r(46128),x=r(44517),m=r(21772);let h=e=>{let{category_type_name:t,onClick:r}=e;return(0,s.jsxs)("button",{"aria-label":"リストの".concat(t,"に資料請求する"),className:"flex items-center gap-2 bg-[#f19d09] text-white border-2 border-[#f19d09] m-1.5 text-[15px] font-bold py-[13px] px-5 rounded-lg cursor-pointer hover:bg-white hover:text-[#f19d09]",onClick:r,children:[(0,s.jsxs)("span",{children:["リストの",t,"に資料請求する"]}),(0,s.jsx)(m.g,{className:"w-5",icon:x.qtl})]})};var p=r(68201);let u=e=>{let{category_type_name:t,category_display_name:r,category_name:a,isBulkBillingEligible:l,cart:i,handleBulkAddToCart:n,handleListOrderForm:c}=e;return(0,s.jsxs)("div",{className:"hidden tb:flex items-center gap-3 justify-center fixed bottom-0 left-0 w-full z-10000 h-[65px] bg-[rgba(242,242,242,0.93)] shadow-[0_-3px_2px_rgba(0,0,0,0.2)]",children:[(0,s.jsx)("div",{className:"font-bold text-[#333] top-3 text-lg pc:text-xl text-nowrap",children:0===i.carts.length?"".concat(r||a,"の").concat(t,"をまとめて資料請求"):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"text-it-dark-red-700 text-[160%]",children:i.carts.length}),"件の製品が資料請求リストにあります。"]})}),0===i.carts.length&&l?(0,s.jsx)(p.A,{onClick:n,text:"すべての".concat(t,"に資料請求する")}):(0,s.jsxs)("div",{className:"flex",children:[(0,s.jsx)(h,{category_type_name:t,onClick:c}),l&&(0,s.jsx)(p.A,{onClick:n,text:"すべての".concat(t,"に資料請求する")}),(0,s.jsx)(o.A,{})]})]})};var f=r(69541),g=r(42382),j=r(82582);let y=e=>{let{category_type_name:t,category_display_name:r,category_name:l,isBulkBillingEligible:i,all_product_ids:x,all_order_position:m,position:y}=e,{cart:b}=(0,a.useContext)(g.M),{viewport:N}=(0,a.useContext)(c.A),w=(0,f.k)(x,m),{loading:v}=(0,d.M)(),{isDisplay:_}=(0,j.SO)(),A=()=>{_?window.location.href="".concat(n.A.APP_DOMAIN,"/orders/add/position:").concat(y):window.location.href="".concat(n.A.APP_DOMAIN,"/overseas_orders/a

1dd")};return(0,s.jsx)(s.Fragment,{children:"pc"===N?!v&&(0,s.jsxs)("div",{className:"flex items-center gap-3 justify-center fixed bottom-0 left-0 w-full z-10000 h-[65px] bg-[rgba(242,242,242,0.93)] shadow-[0_-3px_2px_rgba(0,0,0,0.2)]",children:[(0,s.jsx)("div",{className:"font-bold text-[#333] top-3 text-xl",children:0===b.carts.length?"".concat(r||l,"の").concat(t,"をまとめて資料請求"):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"text-it-dark-red-700 text-[160%]",children:b.carts.length}),"件の製品が資料請求リストにあります。"]})}),0===b.carts.length&&i?(0,s.jsx)(p.A,{onClick:w,text:"すべての".concat(t,"に資料請求する")}):(0,s.jsxs)("div",{className:"flex",children:[(0,s.jsx)(h,{category_type_name:t,onClick:A}),i&&(0,s.jsx)(p.A,{onClick:w,text:"すべての".concat(t,"に資料請求する")}),(0,s.jsx)(o.A,{})]})]}):"mobile"===N?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(u,{cart:b,category_display_name:r,category_name:l,category_type_name:t,handleBulkAddToCart:w,handleListOrderForm:A,isBulkBillingEligible:i})})};var b=r(92192),N=r(52211),w=r(79336);function v(e){let{children:t,width:r,category_type_name:n,category_id:c,category_display_name:d,category_name:o,all_product_ids:x,all_order_position:m,position:h,is_fixed_header:p=!1}=e,u=!0;c&&Object.values(i.W).includes(c)&&(u=!1);let f=(0,a.useRef)(null);return(0,a.useEffect)(()=>{let e=()=>{if(f.current){let e=f.current.offsetHeight;document.documentElement.style.setProperty("--header-height","".concat(e,"px"))}};return p&&(e(),window.addEventListener("resize",e)),()=>{window.removeEventListener("resize",e)}},[p]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(N.A,{headerRef:f,is_fixed:p}),(0,s.jsx)("div",{className:"container mx-auto max-w-[1200px] w-full font-meiryo ".concat(null!=r?r:""),style:{paddingTop:p?"var(--header-height)":void 0},children:t}),(0,s.jsx)(l.A,{}),n||d||o||x||m||h?(0,s.jsx)(y,{all_order_position:m||"",all_product_ids:x||[],category_display_name:d||"",category_name:o||"",category_type_name:n||"",isBulkBillingEligible:u,position:h||""}):(0,s.jsx)(b.A,{}),(0,s.jsx)(w.A,{})]})}},97995:(e,t,r)=>{"use strict";r.d(t,{W:()=>s,e:()=>a});let s={EMR:410,CRO_TOOL:610},a="/attendance_management_system/"}},e=>{e.O(0,[4840,7164,114,7671,7263,6988,8992,6381,8601,8924,636,6593,8792],()=>e(e.s=27582)),_N_E=e.O()}]);