https://brunchmade.co.jp/_next/static/chunks/pages/contact-2fc89cb49bb45238.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="4c47d4e1-366d-412a-86b9-7fffbe2dc7ca",e._sentryDebugIdIdentifier="sentry-dbid-4c47d4e1-366d-412a-86b9-7fffbe2dc7ca")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[335],{3328:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact",function(){return n(7473)}])},9094:function(e,s,n){"use strict";n.d(s,{Z:function(){return h}});var a=n(5893),t=n(5675),l=n.n(t),c=n(1664),r=n.n(c),i=n(7294);function o(e){let{className:s}=e;return(0,a.jsx)("div",{className:"bg-day-accent-400 rounded-xl w-1.5 h-1.5 mr-1 ".concat(s)})}var m=n(1163),d=n(5007),x=n(5524),u=n(5592),h=()=>{let e=(0,m.useRouter)(),s=(0,d.I0)(),n=(0,i.useRef)(null),t=(0,u.v)(e=>e.common);return(0,i.useEffect)(()=>{let e=new IntersectionObserver(e=>{let[n]=e;s((0,x.v0)(n.isIntersecting))});return n.current&&e.observe(n.current),()=>e.disconnect()},[n]),(0,a.jsxs)("div",{className:"grid grid-cols-10 text-sm sm:min-h-[16rem]",ref:n,children:[(0,a.jsx)("div",{className:"col-span-10 sm:col-span-5 relative flex items-center bg-black-100",children:(0,a.jsxs)("div",{className:"p-6 sm:p-4 sm:pl-10 flex flex-col gap-4 w-full max-w-2xl",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4 lg:gap-6",children:[(0,a.jsx)(r(),{href:"/",className:"shrink-0 w-20",children:(0,a.jsx)(l(),{className:"w-20",src:"/brunch_made_logo.png",alt:"Brunch Made ロゴ",width:400,height:400})}),(0,a.jsxs)("div",{className:"tracking-wider leading-6 hidden xl:block text-xs shrink-0 w-48",children:[(0,a.jsx)("p",{children:"株式会社Brunch Made"}),(0,a.jsxs)("p",{className:"text-black-600",children:["東京都品川区西五反田2-12-15",(0,a.jsx)("br",{}),"五反田リーラハイタウン406"]})]}),(0,a.jsx)(s=>(0,a.jsxs)("div",{className:"flex flex-col ".concat(s.className),children:[(0,a.jsxs)("div",{className:"flex items-center mb-1 mx-1 sm:mb-0 hover:cursor-pointer",onClick:()=>e.push("/about-us"),children:[(0,a.jsx)(o,{className:(t.isDay,"!bg-black-800")}),"About Us"]}),(0,a.jsxs)("div",{className:"flex items-center mb-1 mx-1 sm:mb-0 hover:cursor-pointer",onClick:()=>e.push("/business-contents"),children:[(0,a.jsx)(o,{className:(t.isDay,"!bg-black-800")}),"Business Contents"]}),(0,a.jsxs)("div",{className:"flex items-center mb-1 mx-1 sm:mb-0 hover:cursor-pointer",onClick:()=>e.push("/recruitment"),children:[(0,a.jsx)(o,{className:(t.isDay,"!bg-black-800")}),"Recruitment"]}),(0,a.jsxs)("div",{className:"flex items-center mb-1 mx-1 sm:mb-0 hover:cursor-pointer",onClick:()=>e.push("/made-by-us"),children:[(0,a.jsx)(o,{className:(t.isDay,"!bg-black-800")}),"Made by Us"]}),(0,a.jsxs)("div",{className:"flex items-center mb-1 mx-1 sm:mb-0 hover:cursor-pointer",onClick:()=>e.push("/contact"),children:[(0,a.jsx)(o,{className:(t.isDay,"!bg-black-800")}),"Contact"]})]}),{className:"shrink-0"})]}),(0,a.jsxs)("div",{className:"tracking-wider leading-6 xl:hidden text-xs",children:[(0,a.jsx)("p",{children:"株式会社Brunch Made"}),(0,a.jsx)("p",{className:"text-black-600",children:"東京都品川区西五反田2-12-15 五反田リーラハイタウン406"})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-x-4 gap-y-4 lg:gap-x-6",children:[(0,a.jsxs)("div",{className:"flex items-center justify-start shrink-0 lg:w-[15.5rem]",children:[(0,a.jsx)(l(),{className:"mr-3 sm:mr-4 hover:cursor-pointer",onClick:()=>{window.open("https://www.instagram.com/brunchmadekeichan/","_blank")},src:"/common/instagram_icon.png",width:36,height:36,alt:"instagram icon"}),(0,a.jsx)(l(),{className:"mr-3 sm:mr-4 hover:cursor-pointer",onClick:()=>{window.open("https://twitter.com/keigo_chanema","_blank")},src:"/common/x_icon.png",width:36,height:36,alt:"x icon"}),(0,a.jsx)(l(),{className:"mr-3 sm:mr-4 hover:cursor-pointer",onClick:()=>{window.open("https://www.youtube.com/channel/UCdOhvpQClHTQ5ITFR83ALtQ","_blank")},src:"/common/youtube_icon.png",width:36,height:36,alt:"youtube icon"}),(0,a.jsx)(l(),{className:"hover:cursor-pointer",onClick:()=>{window.open("https://www.tiktok.com/@brunchmade?is_from_webapp=1&sender_device=pc","_blank")},src:"/common/tiktok_icon.png",width:36,height:36,alt:"ticktok icon"})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,a.jsx)("a",{href:"https://www.ipa.go.jp/security/security-action/index.html",target:"_blank",rel:"noopener noreferrer",className:"flex items-center shrink-0",children:(0,a.jsx)(l(),{src:"/about/security_action_futatsuboshi.png",alt:"SECURITY ACTION ã

1‚»ã‚­ãƒ¥ãƒªãƒ†ã‚£å¯¾ç­–自己宣言",width:56,height:56})}),(0,a.jsx)("a",{href:"https://www.biz-partnership.jp/outline.html",target:"_blank",rel:"noopener noreferrer",className:"flex items-center shrink-0",children:(0,a.jsx)(l(),{src:"/about/partnership_logo.png",alt:"パートナーシップ構築宣言",width:80,height:41})}),(0,a.jsx)("a",{href:"https://ites.or.jp/",target:"_blank",rel:"noopener noreferrer",className:"text-[10px] leading-4 text-black-600 hover:underline w-full sm:w-36",children:"一般社団法人ITエンジニアリングサービス協会（ITES）会員"})]})]})]})}),(0,a.jsx)("div",{className:"col-span-5 hidden sm:block relative overflow-hidden",children:(0,a.jsx)(l(),{src:t.isDay?"/day.jpg":"/night.jpg",className:"absolute inset-0 w-full h-full object-cover",alt:"Brunch madeカバー画像",width:2e3,height:1200})})]})}},2658:function(e,s,n){"use strict";n.d(s,{Z:function(){return x}});var a=n(5893),t=n(5524),l=n(5592),c=n(4981),r=n(5675),i=n.n(r),o=n(1664),m=n.n(o),d=n(5007);function x(){let e=(0,d.I0)(),s=(0,l.v)(e=>e.common),n=()=>(0,a.jsx)("div",{className:"rounded-xl w-1.5 h-1.5 relative top-[calc(1px)] ".concat(s.isDay?"bg-day-accent-400":"bg-night-accent-400")});return(0,a.jsx)("header",{className:"px-6 shadow-lg w-screen bg-white fixed z-10",children:(0,a.jsxs)("div",{className:"flex justify-between items-center mx-auto max-w-7xl",children:[(0,a.jsx)("h1",{className:"w-16 py-3",children:(0,a.jsx)(m(),{href:"/",children:(0,a.jsx)(i(),{src:"/brunch_made_logo.png",alt:"Brunch Made Logo",width:400,height:400})})}),(0,a.jsx)("ul",{className:"hidden sm:flex",children:[{name:"About Us",link:"/about-us"},{name:"Business Contents",link:"/business-contents"},{name:"Recruitment",link:"/recruitment"},{name:"Made by Us",link:"/made-by-us"},{name:"Contact",link:"/contact"}].map((e,s)=>(0,a.jsx)("li",{className:"px-6",children:(0,a.jsxs)(m(),{href:e.link,className:"flex items-center",children:[(0,a.jsx)(n,{}),(0,a.jsx)("span",{className:"ml-1 font-bold",children:e.name})]})},s))}),(0,a.jsx)(c.Z,{onClick:()=>e((0,t.MD)(!0)),className:"sm:hidden fixed z-20 h-14 w-14 rounded-full right-4 top-4 p-2 bg-white ".concat(s.isDay?"bg-day-accent-400 text-day-accent-400":"bg-night-accent-400 text-night-accent-400")})]})})}},9172:function(e,s,n){"use strict";var a=n(5893),t=n(5592);n(7294),s.Z=e=>{let{onClick:s,text:n,subText:l}=e,c=(0,t.v)(e=>e.common);return(0,a.jsx)("button",{onClick:s,className:"px-6 py-3 text-white min-w-20 w-44 rounded text-center hover:opacity-80 duration-300 ".concat(c.isDay?"bg-day-accent-400":"bg-night-accent-400"),children:(0,a.jsxs)("div",{className:"relative top-1",children:[(0,a.jsx)("span",{children:n}),(0,a.jsx)("br",{}),(0,a.jsx)("span",{className:"text-xs -top-1 relative",children:l})]})})}},9439:function(e,s,n){"use strict";var a=n(5893);n(7294);var t=n(7439),l=n.n(t),c=n(5592);s.Z=e=>{let{title:s,className:n,underlineWidthClass:t="w-24 sm:w-32",underlineThicknessClass:r="h-[3px]",underlineAlign:i="center",underlineOffsetClass:o="mt-2",showUnderline:m=!0}=e,d=(0,c.v)(e=>e.common);return(0,a.jsx)("div",{children:(0,a.jsx)("h2",{className:"".concat(l().variable," font-caveatBrush text-5xl sm:text-6xl font-bold tracking-wide\n          ").concat(d.isDay?"text-day-accent-400":"text-night-accent-400","\n          relative inline-block ").concat(null!=n?n:""),children:s})})}},7473:function(e,s,n){"use strict";n.r(s);var a=n(5893),t=n(9008),l=n.n(t),c=n(9094),r=n(2658),i=n(9172),o=n(9439);n(7294);var m=n(7536),d=n(6501);s.default=()=>{var e,s,n,t,x,u,h,p,f,g,b,N,j;let{getValues:v,handleSubmit:w,formState:{errors:y},register:k,setValue:_}=(0,m.cI)();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l(),{children:(0,a.jsx)("title",{children:"Contact | BrunchMade"})}),(0,a.jsxs)("div",{className:"",children:[(0,a.jsx)(r.Z,{}),(0,a.jsxs)("div",{className:"flex flex-col items-center py-20 pt-32",children:[(0,a.jsx)(o.Z,{title:"Contact",className:"text-day-accent-400 mb-4"}),(0,a.jsx)("h1",{className:"text-xl",children:"お問い合わせフォーム"})]}),(0,a.jsxs)("form",{onSubmit:w(()=>{let e=v("companyName"),s=v("department"),n=v("fullName"),a=v("fullNameKana"),t=v("phoneNumber"),l=v("email"),c=v("content"),r="ホームページよりお問合せがございましたã

1®ã§ã”確認お願いいたします。\n\n【お問合せ内容】\n会社名：".concat(e,"\n部署：").concat(s,"\n氏名：").concat(n,"\nふりがな：").concat(a,"\n電話番号：").concat(t,"\nメールアドレス：").concat(l,"\nお問い合わせ内容：\n").concat(c,"\n\nよろしくお願いいたします。\nホームページ自動送信メール");fetch("/api/email",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:"".concat(e," ").concat(n),email:l,subject:"HPからのお問合せ",message:r})}).catch(e=>console.error(e)),_("companyName",""),_("department",""),_("fullName",""),_("fullNameKana",""),_("phoneNumber",""),_("email",""),_("content",""),window.scrollTo({top:0,behavior:"smooth"}),d.ZP.success("お問い合わせを受け付けました。")}),className:"max-w-xl mx-auto px-6 mb-20",children:[(0,a.jsxs)("div",{className:"flex flex-col mb-8",children:[(0,a.jsxs)("label",{className:"mb-1 text-gray-500 text-sm",htmlFor:"companyName",children:["会社名",(0,a.jsx)("span",{className:"text-orange-500 text-md",children:"*"})]}),(0,a.jsx)("input",{className:"px-2 py-2 bg-gray-100 focus:bg-day-orange100 focus:outline-none transition duration-100 w-full rounded-none",id:"companyName",...k("companyName",{required:"入力をお願いいたします。"})}),(null===(e=y.companyName)||void 0===e?void 0:e.message)&&(0,a.jsx)("p",{className:"text-orange-500 text-sm h-4 ml-1 mt-2",children:null===(s=y.companyName)||void 0===s?void 0:s.message})]}),(0,a.jsxs)("div",{className:"flex flex-col mb-8",children:[(0,a.jsx)("label",{className:"mb-1 text-gray-500 text-sm",htmlFor:"department",children:"所属部署"}),(0,a.jsx)("input",{className:"px-2 py-2 bg-gray-100 focus:bg-day-orange100 focus:outline-none transition duration-100 w-full rounded-none",id:"department",...k("department")}),(null===(n=y.department)||void 0===n?void 0:n.message)&&(0,a.jsx)("p",{className:"text-orange-500 text-sm h-4 ml-1 mt-2",children:null===(t=y.department)||void 0===t?void 0:t.message})]}),(0,a.jsxs)("div",{className:"flex flex-col mb-8",children:[(0,a.jsxs)("label",{className:"mb-1 text-gray-500 text-sm",htmlFor:"fullName",children:["氏名",(0,a.jsx)("span",{className:"text-orange-500 text-md",children:"*"})]}),(0,a.jsx)("input",{className:"px-2 py-2 bg-gray-100 focus:bg-day-orange100 focus:outline-none transition duration-100 w-full rounded-none",id:"fullName",...k("fullName",{required:"入力をお願いいたします。"})}),(null===(x=y.fullName)||void 0===x?void 0:x.message)&&(0,a.jsx)("p",{className:"text-orange-500 text-sm h-4 ml-1 mt-2",children:null===(u=y.fullName)||void 0===u?void 0:u.message})]}),(0,a.jsxs)("div",{className:"flex flex-col mb-8",children:[(0,a.jsx)("label",{className:"mb-1 text-gray-500 text-sm",htmlFor:"fullNameKana",children:"ふりがな"}),(0,a.jsx)("input",{className:"px-2 py-2 bg-gray-100 focus:bg-day-orange100 focus:outline-none transition duration-100 w-full rounded-none",id:"fullNameKana",...k("fullNameKana")}),(null===(h=y.fullNameKana)||void 0===h?void 0:h.message)&&(0,a.jsx)("p",{className:"text-orange-500 text-sm h-4 ml-1 mt-2",children:null===(p=y.fullNameKana)||void 0===p?void 0:p.message})]}),(0,a.jsxs)("div",{className:"flex flex-col mb-8",children:[(0,a.jsxs)("label",{className:"mb-1 text-gray-500 text-sm",htmlFor:"phoneNumber",children:["電話番号",(0,a.jsx)("span",{className:"text-orange-500 text-md",children:"*"})]}),(0,a.jsx)("input",{type:"number",onKeyDown:e=>{("ArrowUp"===e.key||"ArrowDown"===e.key)&&e.preventDefault()},onWheel:e=>{e.currentTarget.blur(),e.stopPropagation()},className:"px-2 py-2 bg-gray-100 focus:bg-day-orange100 focus:outline-none transition duration-100 w-full rounded-none",placeholder:"例）08012345678",...k("phoneNumber",{required:"入力してください。",pattern:{value:/^[0-9]{11}$/,message:"数字のみの11桁で入力してください。"}})}),(null===(f=y.phoneNumber)||void 0===f?void 0:f.message)&&(0,a.jsx)("p",{className:"text-orange-500 text-sm h-4 ml-1 mt-2",children:null===(g=y.phoneNumber)||void 0===g?void 0:g.message})]}),(0,a.jsxs)("div",{className:"flex flex-col mb-8",children:[(0,a.jsxs)("label",{className:"mb-1 text-gray-500 text-sm",htmlFor:"email",children:["メールアドレス",(0,a.jsx)("span",{className:"text-orange-500 text-md",children:"*"})]}),(0,a.jsx)("input",{className:"px-2 py-2 bg-gray-100 focus:bg-day-orange100 focus:outline-none transition duration-100 w-full rounded-none",id:"email",...k("email",{required:"入力をお願いいたします。",pattern:{value:/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/,message:"メールアドレスの形式で入力をお願いいたします。"}})}),(null===(b=y.email)||void 0===b?void 0:b.message)&&(0,a.jsx)("p",{className:"text-orange-500 text-sm h-4 ml-1 mt-2",children:null===(N=y.email)||void 0===N?void 0:N.message})]}),(0,a.jsxs)("div",{className:"flex flex-col mb-2",children:[(0,a.jsxs)("label",{className:"w-40 mb-1 text-gray-500 text-sm ",htmlFor:"content",children:["お問い合せ内容",(0,a.jsx)("span",{className:"text-orange-500 text-md",children:"*"})]}),(0,a.jsxs)("div",{className:"w-full",children:[(0,a.jsx)("textarea",{className:"p-4 w-full focus:ring-0 focus:outline-none bg-gray-100",rows:6,...k("content",{required:"入力してください。"})}),(0,a.jsx)("p",{className:"text-orange-500 text-sm h-4 ml-1 mt-2",children:null===(j=y.content)||void 0===j?void 0:j.message})]})]}),(0,a.jsx)("div",{className:"flex justify-center",children:(0,a.jsx)(i.Z,{text:"送信",subText:"send",onClick:()=>{}})})]}),(0,a.jsx)(c.Z,{})]})]})}},7439:function(e){e.exports={style:{fontFamily:"'__Caveat_Brush_da3329', '__Caveat_Brush_Fallback_da3329'",fontWeight:400,fontStyle:"normal"},className:"__className_da3329",variable:"__variable_da3329"}},4981:function(e,s,n){"use strict";var a=n(7294);let t=a.forwardRef(function(e,s){let{title:n,titleId:t,...l}=e;return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},l),n?a.createElement("title",{id:t},n):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"}))});s.Z=t}},function(e){e.O(0,[61,536,888,774,179],function(){return e(e.s=3328)}),_N_E=e.O()}]);