https://www.francfranc.co.jp/_next/static/chunks/pages/contact-f0c77cbe91d48cc4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[335],{3328:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact",function(){return a(9533)}])},9533:function(e,s,a){"use strict";a.r(s),a.d(s,{default:function(){return m}});var l=a(5893),c=a(1679),r=a(1664),n=a.n(r),i=a(7294);let t="CUSTOMER",o="MEDIA";function m(){let[e,s]=(0,i.useState)(t),[a,r]=(0,i.useState)(0),[m,d]=(0,i.useState)(0),h=(0,i.useRef)(null),u=(0,i.useRef)(null),j=(0,i.useMemo)(()=>e===o,[e]),x=(0,i.useMemo)(()=>e!==t,[e]),[f,p]=(0,i.useState)(!1);(0,i.useEffect)(()=>{h.current&&r(h.current.scrollHeight)},[j]),(0,i.useEffect)(()=>{u.current&&d(u.current.scrollHeight)},[x]);let N=async s=>{s.preventDefault(),p(!0);let a=Object.fromEntries(new FormData(s.currentTarget).entries());a.subjectCode=e,j||delete a.mediaName,x||delete a.companyName;try{if((await fetch("".concat("https://www.francfranc.co.jp","/api/contact"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)})).ok)window.location.href="/contact/thanks";else throw Error()}catch(e){alert("お問い合わせを送信できませんでした。しばらくしてから再度お試しください。\nThere was an error trying to send your message. Please try again later.")}finally{p(!1)}};return(0,l.jsx)(c.A,{pageTitle:"Contact",children:(0,l.jsx)("main",{className:"pageContent",role:"main",children:(0,l.jsx)("div",{className:"container-fluid",children:(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("div",{className:"col-16 col-md-12 offset-md-2",children:[(0,l.jsx)("h1",{className:"heading",children:"Contact"}),(0,l.jsx)("p",{children:"*は必須入力です。*Required Information"}),(0,l.jsxs)("form",{method:"post",action:"",id:"contactForm",onSubmit:N,children:[(0,l.jsxs)("div",{className:"row form-group",children:[(0,l.jsx)("div",{className:"col-md-3",children:(0,l.jsxs)("label",{htmlFor:"subject",children:["ご用件*",(0,l.jsx)("br",{}),"Subject*"]})}),(0,l.jsx)("div",{className:"col-md-8",children:(0,l.jsxs)("ul",{children:[(0,l.jsxs)("li",{children:[(0,l.jsxs)("label",{className:"form-check-label",children:[(0,l.jsx)("input",{type:"radio",id:"subject_1",name:"subject",className:"form-check-input",value:"Francfranc商品、店舗・サービスなどについて Francfranc Products, Stores and Services",onChange:()=>s(t),defaultChecked:!0}),"Francfranc商品、店舗・サービスなどについて",(0,l.jsx)("br",{}),"Francfranc Products, Stores and Services"]}),(0,l.jsxs)("p",{className:"text-note",children:["ご購入頂きました商品に関するご用件は、スムーズなご案内のため、",(0,l.jsx)("a",{href:"https://help.francfranc.com/hc/ja/requests/new",target:"_blank",rel:"noopener noreferrer",children:"こちら"}),"よりお願いいたします。"]})]}),(0,l.jsx)("li",{children:(0,l.jsxs)("label",{className:"form-check-label",children:[(0,l.jsx)("input",{type:"radio",id:"subject_2",name:"subject",className:"form-check-input",value:"法人でのご購入について（大口注文など） Business Sales",onChange:()=>s("BUSINESS")}),"法人でのご購入について（大口注文など）",(0,l.jsx)("br",{}),"Business Sales"]})}),(0,l.jsx)("li",{children:(0,l.jsxs)("label",{className:"form-check-label",children:[(0,l.jsx)("input",{type:"radio",id:"subject_3",name:"subject",className:"form-check-input",value:"取材・雑誌掲載のお問い合わせについて Media Inquiries",onChange:()=>s(o)}),"取材・雑誌掲載のお問い合わせについて",(0,l.jsx)("br",{}),"Media Inquiries"]})}),(0,l.jsx)("li",{children:(0,l.jsxs)("label",{className:"form-check-label",children:[(0,l.jsx)("input",{type:"radio",id:"subject_4",name:"subject",className:"form-check-input",value:"コラボプロモーション、タイアップについて Collaboration",onChange:()=>s("COLLABORATION")}),"コラボプロモーション、タイアップについて",(0,l.jsx)("br",{}),"Collaboration"]})}),(0,l.jsx)("li",{children:(0,l.jsxs)("label",{className:"form-check-label",children:[(0,l.jsx)("input",{type:"radio",id:"subject_5",name:"subject",className:"form-check-input",value:"その他 Other",onChange:()=>s("OTHER")}),"その他",(0,l.jsx)("br",{}),"Other"]})})]})})]}),(0,l.jsxs)("div",{className:"row form-group",children:[(0,l.jsx)("div",{className:"col-md-3",children:(0,l.jsxs)("label",{htmlFor:"name",children:["お名前*",(0,l.jsx)("br",{}),"Name*"]})}),(0,l.jsx)("div",{className:"col-md-8",children:(0,l.jsx)("input",{required:!0,id:"name",type:"text",name:"name",className:"form-control",defaultValue:""})})]}),(0,l.jsxs)("div",{ref:u,style:{maxHeight:x?"".concat(m,"px"):"0",opacity:x?1:0,transition:"max-height 200ms ease-out, opacity 200ms ease-out",marginBottom:x?"":"0"},className:"row form-group",children:[(0,l.jsx)("div",{className:"col-md-3",children:(0,l.jsxs)("label",{htmlFor:"companyName",children:["御社名",(0,l.jsx)("br",{}),"Company Name"]})}),(0,l.jsx)("div",{className:"col-md-8",children:(0,l.jsx)("input",{id:"companyName",type:"text",name:"companyName",className:"form-control",defaultValue:""})})]}),(0,l.jsxs)("div",{ref:h,style:{maxHeight:j?"".concat(a,"px"):"0",opacity:j?1:0,transition:"max-height 200ms ease-out, opacity 200ms ease-out",marginBottom:j?"":"0"},className:"row form-group",children:[(0,l.jsx)("div",{className:"col-md-3",children:(0,l.jsxs)("label",{htmlFor:"mediaName",children:["媒体名",(0,l.jsx)("br",{}),"Media Name"]})}),(0,l.jsx)("div",{className:"col-md-8",children:(0,l.jsx)("input",{id:"mediaName",type:"text",name:"mediaName",className:"form-control",defaultValue:""})})]}),(0,l.jsxs)("div",{className:"row form-group",children:[(0,l.jsx)("div",{className:"col-md-3",children:(0,l.jsxs)("label",{htmlFor:"email",children:["メールアドレス*",(0,l.jsx)("br",{}),"Email*"]})}),(0,l.jsx)("div",{className:"col-md-8",children:(0,l.jsx)("input",{required:!0,id:"email",type:"email",name:"email",className:"form-control",defaultValue:""})})]}),(0,l.jsxs)("div",{className:"row form-group",children:[(0,l.jsx)("div",{className:"col-md-3",children:(0,l.jsxs)("label",{htmlFor:"phone",children:["お電話番号",(0,l.jsx)("br",{}),"Daytime Phone"]})}),(0,l.jsx)("div",{className:"col-md-8",children:(0,l.jsx)("input",{id:"phone",type:"tel",name:"phone",className:"form-control",defaultValue:""})})]}),(0,l.jsxs)("div",{className:"row form-group",children:[(0,l.jsx)("div",{className:"col-md-3",children:(0,l.jsxs)("label",{htmlFor:"message",children:["お問い合わせ内容*",(0,l.jsx)("br",{}),"Comments*"]})}),(0,l.jsx)("div",{className:"col-md-8",children:(0,l.jsx)("textarea",{required:!0,rows:10,cols:40,id:"message",className:"form-control",name:"message"})})]}),(0,l.jsx)("div",{className:"row form-group",children:(0,l.jsx)("div",{className:"col-md-13 offset-md-3",children:(0,l.jsx)("button",{type:"submit",disabled:f,children:"送信 Submit"})})})]}),(0,l.jsx)("p",{children:"＜注意事項＞"}),(0,l.jsxs)("ul",{className:"list-style__disc",children:[(0,l.jsxs)("li",{children:["お問い合わせ内容によっては、ご返答にお時間を頂く場合や、ご返答できない場合がございます。",(0,l.jsx)("br",{className:"hidden-sm-down"}

1),"またお電話などでご連絡する場合がございますので、あらかじめご了承下さい。"]}),(0,l.jsx)("li",{children:"お客様とのお電話につきましては、応対サービス向上のために録音をさせていただきますので、あらかじめご理解下さいませ。"}),(0,l.jsx)("li",{children:"土日、祝祭日、年末年始は翌営業日以降の対応となります。"}),(0,l.jsx)("li",{children:"迷惑メール防止のため受信設定をされている場合はドメイン指定「@francfranc.co.jp」「@ainj.co.jp」の受信設定をお願い申し上げます。"}),(0,l.jsx)("li",{children:"ご回答の内容は、転用、二次利用、または当該お客様以外に開示することを固くお断りいたします。"}),(0,l.jsxs)("li",{children:["お問い合わせ内容およびお客様の個人情報は「",(0,l.jsx)(n(),{href:"/privacy-policy",children:"プライバシーポリシー"}),"」に則り管理します。"]}),(0,l.jsx)("li",{children:"お預かりする個人情報は、お問い合わせへの回答にのみ利用いたします。"})]})]})})})})})}}},function(e){e.O(0,[996,679,888,774,179],function(){return e(e.s=3328)}),_N_E=e.O()}]);