{"version":3,"sources":["webpack:///./src/components/title.tsx","webpack:///./src/pages/contact.tsx"],"names":["Title","title","css","Contact","location","lang","defaultLangKey","pathnameWithoutLang","models","pages","contact","path","image","seoData","description","pathname","style","minHeight","name","method","netlify-honeypot","data-netlify","action","type","value","htmlFor","required","placeholder","id"],"mappings":"uTAYeA,MAND,EAAGC,WACf,uBACE,kBAAIC,IAAG,GAAmDD,I,ytPCgK/CE,UA1Jf,UAAiB,SAAEC,IAAmB,UACpC,OACE,YAAC,IAAD,CACEC,KAAMC,iBACNF,SAAUA,EACVG,oBAAqBC,SAAOC,MAAOC,QAAQC,MAE3C,YAAC,IAAD,CACEC,MAAK,UAAEC,IAAQH,QAAQE,aAAlB,aAAE,EAAwBN,kBAC/BL,MAAK,UAAEY,IAAQH,QAAQT,aAAlB,aAAE,EAAwBK,kBAC/BQ,YAAW,UAAED,IAAQH,QAAQI,mBAAlB,aAAE,EAA8BR,kBAC3CD,KAAMC,iBACNS,SAAUX,EAASW,WAErB,uBACEb,IAAG,EACHc,MAAO,CAAEC,UAAW,UAEpB,YAAC,IAAD,KACE,mBAAKf,IAAG,GACN,YAAC,EAAD,CAAOD,MAAK,YAEd,uBAASC,IAAG,GACV,oBACEgB,KAAK,UACLhB,IAAG,EACHiB,OAAO,OACPC,mBAAiB,YACjBC,eAAa,OACbC,OAAO,KAEP,qBAAOC,KAAK,SAASL,KAAK,YAAYM,MAAM,YAC5C,qBAAOD,KAAK,SAASL,KAAK,cAC1B,mBAAKhB,IAAG,GACN,mBAAKA,IAAG,GACN,qBACEA,IAAG,EACHuB,QAAQ,WAFV,MAIK,oBAAMvB,IAAG,GAAT,KAJL,KAMA,qBACEA,IAAG,EACHgB,KAAK,UACLK,KAAK,OACLG,UAAU,EACVC,YAAY,kBAIlB,mBAAKzB,IAAG,GACN,mBAAKA,IAAG,GACN,qBACEA,IAAG,EACHuB,QAAQ,aAFV,KAII,oBAAMvB,IAAG,GAAT,KAJJ,KAMA,qBACEA,IAAG,EACH0B,GAAG,YACHL,KAAK,OACLG,UAAU,EACVR,KAAK,YACLS,YAAY,QAGhB,mBAAKzB,IAAG,GACN,qBACEA,IAAG,EACHuB,QAAQ,cAFV,KAII,oBAAMvB,IAAG,GAAT,KAJJ,KAMA,qBACEA,IAAG,EACH0B,GAAG,aACHL,KAAK,OACLG,UAAU,EACVR,KAAK,aACLS,YAAY,SAIlB,mBAAKzB,IAAG,GACN,mBAAKA,IAAG,GACN,qBACEA,IAAG,EACHuB,QAAQ,OAFV,WAMA,qBACEvB,IAAG,EACH0B,GAAG,eACHL,KAAK,MACLL,KAAK,MACLS,YAAY,oBAIlB,mBAAKzB,IAAG,GACN,mBAAKA,IAAG,GACN,qBACEA,IAAG,EACHuB,QAAQ,SAFV,WAIU,oBAAMvB,IAAG,GAAT,KAJV,KAMA,qBACEA,IAAG,EACH0B,GAAG,eACHF,UAAU,EACVH,KAAK,QACLL,KAAK,QACLS,YAAY,0BAIlB,mBAAKzB,IAAG,GACN,mBAAKA,IAAG,GACN,qBACEA,IAAG,EACHuB,QAAQ,WAFV,YAIW,oBAAMvB,IAAG,GAAT,KAJX,KAMA,wBACEA,IAAG,EACH0B,GAAG,UACHV,KAAK,UACLS,YAAY,wBAKlB,mBAAKzB,IAAG,GACN,mBAAKA,IAAG,GACN,sBACEqB,KAAK,SACLrB,IAAG,GAFL","file":"component---src-pages-contact-tsx-e601cbe510dfb7a91fc6.js","sourcesContent":["import tw from 'twin.macro';\n\ntype Props = {\n  title: string;\n};\n\nconst Title = ({ title }: Props) => (\n  <div>\n    <h1 css={tw`text-center font-bold text-2xl md:text-4xl`}>{title}</h1>\n  </div>\n);\n\nexport default Title;\n","import * as React from 'react';\nimport tw from 'twin.macro';\nimport Layout from '../components/layout';\nimport SEO from '../components/seo';\nimport { models } from '../../models';\nimport { seoData } from '../data/seo';\nimport { defaultLangKey } from '../data/languages';\nimport Title from '../components/title';\nimport ContentWidth from '../components/contentWidth';\n\ntype Props = {\n  location: Location;\n};\n\nfunction Contact({ location }: Props) {\n  return (\n    <Layout\n      lang={defaultLangKey}\n      location={location}\n      pathnameWithoutLang={models.pages!.contact.path}\n    >\n      <SEO\n        image={seoData.contact.image?.[defaultLangKey]}\n        title={seoData.contact.title?.[defaultLangKey]}\n        description={seoData.contact.description?.[defaultLangKey]}\n        lang={defaultLangKey}\n        pathname={location.pathname}\n      />\n      <section\n        css={tw`flex flex-col justify-center relative`}\n        style={{ minHeight: '100vh' }}\n      >\n        <ContentWidth>\n          <div css={tw`mt-24 md:mt-12`}>\n            <Title title={`お問い合わせ`} />\n          </div>\n          <section css={tw`mt-12 max-w-screen-md mx-auto`}>\n            <form\n              name=\"contact\"\n              css={tw`w-full`}\n              method=\"post\"\n              netlify-honeypot=\"bot-field\"\n              data-netlify=\"true\"\n              action=\"/\"\n            >\n              <input type=\"hidden\" name=\"form-name\" value=\"contact\" />\n              <input type=\"hidden\" name=\"bot-field\" />\n              <div css={tw`flex flex-wrap -mx-3 mb-2`}>\n                <div css={tw`w-full px-3`}>\n                  <label\n                    css={tw`block uppercase tracking-wide text-white text-xs font-bold mb-2`}\n                    htmlFor=\"address\"\n                  >\n                    件名(<span css={tw`text-red-400`}>*</span>)\n                  </label>\n                  <input\n                    css={tw`appearance-none block w-full bg-gray-200 text-white border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 bg-opacity-10 focus:bg-opacity-10`}\n                    name=\"subject\"\n                    type=\"text\"\n                    required={true}\n                    placeholder=\"件名を入力してください\"\n                  />\n                </div>\n              </div>\n              <div css={tw`flex flex-wrap -mx-3 mb-2`}>\n                <div css={tw`w-full md:w-1/2 px-3`}>\n                  <label\n                    css={tw`block uppercase tracking-wide text-white text-xs font-bold mb-2`}\n                    htmlFor=\"last-name\"\n                  >\n                    姓(<span css={tw`text-red-400`}>*</span>)\n                  </label>\n                  <input\n                    css={tw`appearance-none block w-full bg-gray-200 text-white border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 bg-opacity-10 focus:bg-opacity-10`}\n                    id=\"last-name\"\n                    type=\"text\"\n                    required={true}\n                    name=\"last-name\"\n                    placeholder=\"山田\"\n                  />\n                </div>\n                <div css={tw`w-full md:w-1/2 px-3`}>\n                  <label\n                    css={tw`block uppercase tracking-wide text-white text-xs font-bold mb-2`}\n                    htmlFor=\"first-name\"\n                  >\n                    名(<span css={tw`text-red-400`}>*</span>)\n                  </label>\n                  <input\n                    css={tw`appearance-none block w-full bg-gray-200 text-white border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 bg-opacity-10 focus:bg-opacity-10`}\n                    id=\"first-name\"\n                    type=\"text\"\n                    required={true}\n                    name=\"first-name\"\n                    placeholder=\"太郎\"\n                  />\n                </div>\n              </div>\n              <div css={tw`flex flex-wrap -mx-3 mb-2`}>\n                <div css={tw`w-full px-3`}>\n                  <label\n                    css={tw`block uppercase tracking-wide text-white text-xs font-bold mb-2`}\n                    htmlFor=\"tel\"\n                  >\n                    TEL(任意)\n                  </label>\n                  <input\n                    css={tw`appearance-none block w-full bg-gray-200 text-white border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 bg-opacity-10 focus:bg-opacity-10`}\n                    id=\"grid-address\"\n                    type=\"tel\"\n                    name=\"tel\"\n                    placeholder=\"000-0000-0000\"\n                  />\n                </div>\n              </div>\n              <div css={tw`flex flex-wrap -mx-3 mb-2`}>\n                <div css={tw`w-full px-3`}>\n                  <label\n                    css={tw`block uppercase tracking-wide text-white text-xs font-bold mb-2`}\n                    htmlFor=\"email\"\n                  >\n                    メールアドレス(<span css={tw`text-red-400`}>*</span>)\n                  </label>\n                  <input\n                    css={tw`appearance-none block w-full bg-gray-200 text-white border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 bg-opacity-10 focus:bg-opacity-10`}\n                    id=\"grid-address\"\n                    required={true}\n                    type=\"email\"\n                    name=\"email\"\n                    placeholder=\"example@example.com\"\n                  />\n                </div>\n              </div>\n              <div css={tw`flex flex-wrap -mx-3 mb-2`}>\n                <div css={tw`w-full px-3`}>\n                  <label\n                    css={tw`block uppercase tracking-wide text-white text-xs font-bold mb-2`}\n                    htmlFor=\"message\"\n                  >\n                    お問い合わせ内容(<span css={tw`text-red-400`}>*</span>)\n                  </label>\n                  <textarea\n                    css={tw`appearance-none block w-full bg-gray-200 text-white border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 h-48 bg-opacity-10 focus:bg-opacity-10`}\n                    id=\"message\"\n                    name=\"message\"\n                    placeholder=\"お問い合わせ内容を入力してください\"\n                  />\n                </div>\n              </div>\n\n              <div css={tw`flex flex-wrap -mx-3 mb-2`}>\n                <div css={tw`w-full px-3`}>\n                  <button\n                    type=\"submit\"\n                    css={tw`py-5 px-12 rounded bg-white bg-opacity-10 border border-white text-white active:text-gray-900 focus:text-gray-900 hover:text-gray-900 text-sm font-bold focus:bg-white active:bg-white hover:bg-white`}\n                  >\n                    送信する\n                  </button>\n                </div>\n              </div>\n            </form>\n          </section>\n        </ContentWidth>\n      </section>\n    </Layout>\n  );\n}\n\nexport default Contact;\n"],"sourceRoot":""}