{"version":3,"sources":["webpack:///./src/components/organisms/contact/index.js","webpack:///./src/pages/contact.js","webpack:///./src/components/molecules/breadcrumb/index.js","webpack:///./src/components/atoms/title/index.js"],"names":["Contact","react_default","a","createElement","className","title","subtitle","name","method","data-netlify","type","value","htmlFor","id","placeholder","required","rows","ContactPage","layout","seo","keywords","breadcrumb","breadcrumbs","to","label","active","contact","prop_types__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","prop_types__WEBPACK_IMPORTED_MODULE_0___default","n","react__WEBPACK_IMPORTED_MODULE_1__","react__WEBPACK_IMPORTED_MODULE_1___default","gatsby__WEBPACK_IMPORTED_MODULE_2__","_breadcrumb_module_css__WEBPACK_IMPORTED_MODULE_3__","_breadcrumb_module_css__WEBPACK_IMPORTED_MODULE_3___default","Breadcrumb","_ref","styles","breadcrumbNav","container","map","index","key","propTypes","PropTypes","array","defaultProps","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","_title_module_css__WEBPACK_IMPORTED_MODULE_1__","_title_module_css__WEBPACK_IMPORTED_MODULE_1___default","Title","sub","Fragment"],"mappings":"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","file":"component---src-pages-contact-js-248ad207e6af3d1ee26a.js","sourcesContent":["import React from \"react\"\nimport Title from \"@components/atoms/title\"\n\nconst Contact = () => (\n  <div className=\"w-full\">\n    <div className=\"container\">\n      <Title title=\"お問い合わせ\" subtitle=\"こちらからお問い合わせください\" />\n      <form\n        name=\"contact\"\n        method=\"post\"\n        className=\"mx-2 lg:mx-0 lg:px-8 pb-8 mb-4\"\n        data-netlify=\"true\"\n      >\n        <input type=\"hidden\" name=\"form-name\" value=\"contact\" /> \n\n        <div className=\"lg:flex mx-3 mb-6 mt-10\">\n          <div className=\"lg:w-1/2 px-3 mb-6 md:mb-0\">\n            <label\n                className=\"block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2\"\n                htmlFor=\"name\"\n              >\n                名前\n            </label>\n            <input\n              id=\"name\"\n              type=\"text\"\n              name=\"name\"\n              placeholder=\"山田 太郎\"\n              className=\"appearance-none block w-full bg-grey-lighter text-grey-darker border rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white\"\n              required\n            />\n          </div>\n          <div className=\"lg:w-1/2 px-3 mb-6 md:mb-0\">\n            <label\n              className=\"block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2\"\n              htmlFor=\"email\">\n              メールアドレス\n            </label>\n            <input\n              id=\"email\"\n              type=\"email\"\n              name=\"email\"\n              placeholder=\"example@nnn.com\"\n              className=\"appearance-none block w-full bg-grey-lighter text-grey-darker border rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-grey\"\n              required\n            />\n          </div>\n        </div>\n          <div className=\"mx-3 mb-6 px-3\">\n            <label\n              className=\"block text-grey-darker text-sm font-bold mb-2\"\n              htmlFor=\"content\">\n              問い合わせ内容\n            </label>\n            <textarea\n              name=\"content\"\n              rows=\"6\"\n              className=\"shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker mb-3 bg-grey-lighter focus:outline-none focus:bg-white\"\n              required\n            ></textarea>\n          </div>\n\n          <div className=\"flex items-center justify-center\">\n            <button\n              type=\"submit\"\n              className=\"w-2/3 bg-primary hover:bg-red text-lg text-white font-bold py-4 px-8 border-b-4 hover:opacity-75 rounded\"\n            >\n              送信する\n            </button>\n          </div>\n      </form>\n    </div>\n  </div>\n)\n\nexport default Contact\n","import React from \"react\"\nimport Layout from \"@components/templates/layout\"\nimport SEO from \"@components/seo\"\nimport Breadcrumb from \"@components/molecules/breadcrumb\"\nimport Contact from \"@components/organisms/contact\"\n\nconst ContactPage = () => (\n  <Layout>\n    <SEO title=\"問い合わせ\" keywords={[`問い合わせ`]} />\n    <div className=\"bg-white container mx-auto\">\n      <div className=\"flex flex-col justify-center\">\n        <Breadcrumb breadcrumbs={[\n          { to: '/', label: 'Home' },\n          { to: `/contact`, label: '問い合わせ', active: true },\n        ]}\n        />\n        <Contact />\n      </div>\n    </div>\n\n  </Layout>\n)\n\nexport default ContactPage","import PropTypes from \"prop-types\"\nimport React from \"react\"\nimport { Link } from \"gatsby\"\nimport styles from \"./breadcrumb.module.css\"\n\nconst Breadcrumb = ({ breadcrumbs }) => (\n  <div className={styles.breadcrumbNav}>\n    <nav className={styles.container}>\n      <ol className={styles.breadcrumb}>\n        {breadcrumbs.map((value, index) => {\n          return (\n            value.active ? (\n              <li key={index}>\n                <span>{value.label}</span>\n              </li>\n            ) : (\n              <li key={index}>\n                <Link to={value.to}>{value.label}</Link>\n              </li>\n            )        \n          )\n        })}\n      </ol>\n    </nav>\n  </div>\n)\n \n\nBreadcrumb.propTypes = {\n    breadcrumbs: PropTypes.array\n}\n\nBreadcrumb.defaultProps = {\n    breadcrumbs: [],\n}\n\n\nexport default Breadcrumb\n","import React from \"react\"\nimport styles from \"./title.module.css\"\n\nconst Title = ({ title, subtitle }) => {\n  const sub = subtitle ? <p className={styles.subtitle}>{subtitle}</p> : null;\n  return (\n    <>\n      <h1 className={styles.title}>{title}</h1>\n      {sub}\n    </>\n  )\n}\n\nexport default Title\n"],"sourceRoot":""}