{"version":3,"sources":["webpack://gatsby-starter-default/./node_modules/@mui/icons-material/ArrowForward.js","webpack://gatsby-starter-default/./src/pages/index.js"],"names":["_interopRequireDefault","exports","_createSvgIcon","_jsxRuntime","_default","default","jsx","d","useStyles","makeStyles","outer","width","height","position","top","left","inner","display","paddingLeft","paddingRight","alignItems","baseStyles","backgroundPosition","backgroundRepeat","backgroundSize","margin","padding","catchphrase","color","title","marginBottom","fontWeight","subTitle","BackgroundSection","props","site","siteMetadata","description","classes","style","minHeight","className","breakpoints","sm","maxWidth","md","fontSize","href","process","rel","textDecoration","variant","endIcon","useStaticQuery","useBreakpoint","location","minWidth","zIndex","filename","opacity"],"mappings":"0IAEIA,EAAyB,EAAQ,OAKrCC,EAAQ,OAAU,EAElB,IAAIC,EAAiBF,EAAuB,EAAQ,QAEhDG,EAAc,EAAQ,OAEtBC,GAAW,EAAIF,EAAeG,UAAuB,EAAIF,EAAYG,KAAK,OAAQ,CACpFC,EAAG,6DACD,gBAEJN,EAAQ,EAAUG,G,iJCLZI,GAAYC,OAAW,CAC3BC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,SAAU,WACVC,IAAK,EACLC,KAAM,GAGRC,MAAO,CACLC,QAAS,OACTC,YAAa,MACbC,aAAc,MACdC,WAAY,UAIdC,WAAY,CACVR,SAAU,WACVS,mBAAoB,gBACpBC,iBAAkB,WAClBC,eAAgB,QAChBC,OAAQ,EACRC,QAAS,GAGXC,YAAa,CACXC,MAAO,SAETC,MAAO,CACLD,MAAO,QACPE,aAAc,MACdC,WAAY,QAEdC,SAAU,CACRJ,MAAO,QACPE,aAAc,SAMZG,EAAoB,SAACC,GAAW,IAAD,MAE7BL,EAAK,UAAGK,EAAMC,KAAKC,oBAAd,aAAG,EAAyBP,MACjCF,EAAW,UAAGO,EAAMC,KAAKC,oBAAd,aAAG,EAAyBT,YACvCU,EAAW,UAAGH,EAAMC,KAAKC,oBAAd,aAAG,EAAyBC,YAEvCC,EAAU9B,IAChB,OACE,uBAAK+B,MAAS,CAAC1B,SAAU,WAAYC,IAAK,IACxC,uBACEyB,MAAO,CAACC,UAAW,OAEnB,uBAAKC,UAAWH,EAAQ5B,OAEtB,uBAAK+B,UAAWH,EAAQtB,MAAOuB,MAAO,CAACC,WAAWN,EAAMQ,YAAYC,GAAK,UACvE,uBAAKJ,MAAO,CAACK,UAAUV,EAAMQ,YAAYC,IAAcT,EAAMQ,YAAYG,GAA3B,UAC5C,2BACE,uBAAKJ,UAAWH,EAAQX,YAAaY,MAAO,CAACO,SAAUZ,EAAMQ,YAAYC,GAAK,GAAKT,EAAMQ,YAAYG,GAAK,GAAK,KAAMlB,GACrH,uBAAKc,UAAWH,EAAQT,MAAOU,MAAO,CAACO,SAAUZ,EAAMQ,YAAYC,GAAK,GAAKT,EAAMQ,YAAYG,GAAK,GAAK,KAAMhB,IAEjH,uBAAKY,UAAWH,EAAQN,SAAUO,MAAO,CAACO,SAAUZ,EAAMQ,YAAYC,GAAK,GAAKT,EAAMQ,YAAYG,GAAK,GAAK,KAA5G,IAAmHR,GAEnH,2BACE,4BACE,qBAAGU,KAAUC,gPAAwCC,IAAI,aAAaV,MAAS,CAACrB,YAAa,EAAEgC,eAAgB,OAAQ/B,aAAc,KACnI,gBAAC,IAAD,CAAQoB,MAAO,CAACO,SAAU,GAAInC,MAAO,KAAMwC,QAAQ,YAAYvB,MAAM,YAAYwB,QAAS,gBAAC,IAAD,OAA1F,qBAyCpB,UA9BkB,SAAClB,GAEjB,IAAQC,GAASkB,oBAAe,cAAxBlB,KAgBFO,GAAcY,UACpB,OACA,gBAAC,IAAD,CAAQC,SAAUrB,EAAMqB,SAAUb,YAAeA,GAC/C,gBAAC,IAAD,CAAKb,MAAOM,EAAKC,aAAaT,cAC9B,2BACA,uBAAMY,MAAO,CAAC1B,SAAU,QAASC,IAAK,EAAG0C,SAAU,OAAQhB,UAAW,IAAK5B,OAAQ8B,WAAaC,GAAK,OAAS,OAAQc,QAAS,IAAI,gBAAC,IAAD,CAAOC,SAAS,uBAAuBnB,MAAO,CAAC3B,OAAQ,UAAW4B,UAAW,cAChN,gBAACP,EAAD,CAAmBE,KAAOA,EAAMO,YAAeA,EAAaH,MAAO,CAACoB,QAAS","file":"component---src-pages-index-js-47262b38fc6aca95099a.js","sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _jsxRuntime = require(\"react/jsx-runtime\");\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\n}), 'ArrowForward');\n\nexports.default = _default;","import * as React from \"react\"\nimport { useBreakpoint } from 'gatsby-plugin-breakpoints';\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward';\nimport { makeStyles } from \"@mui/styles\";\nimport Button from \"@mui/material/Button\";\n\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport Image from \"../components/image\"\n\n// スタイルの記述をする\nconst useStyles = makeStyles({\n  outer: {\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\", \n    top: 0,\n    left: 0\n  },\n\n  inner: {\n    display: \"grid\",\n    paddingLeft: \"5vw\",\n    paddingRight: \"5vw\",\n    alignItems: \"center\",\n    //textAlign: \"center\"\n  },\n\n  baseStyles: {\n    position: 'relative',\n    backgroundPosition: 'bottom center',\n    backgroundRepeat: 'repeat-y',\n    backgroundSize: 'cover',\n    margin: 0,\n    padding: 0,\n  },\n\n  catchphrase: {\n    color: \"white\",\n  },\n  title: {\n    color: \"white\",\n    marginBottom: '4vh',\n    fontWeight: 'bold'\n  },\n  subTitle: {\n    color: \"white\",\n    marginBottom: '4vh'\n\n  },\n\n});\n\nconst BackgroundSection = (props) => {\n\n  const title = props.site.siteMetadata?.title\n  const catchphrase = props.site.siteMetadata?.catchphrase\n  const description = props.site.siteMetadata?.description\n\n  const classes = useStyles();\n  return (\n    <div style = {{position: \"relative\", top: 0}}>\n      <div\n        style={{minHeight: 300}}\n      />\n        <div className={classes.outer}>\n          \n          <div className={classes.inner} style={{minHeight: props.breakpoints.sm ? \"30vh\" : \"30vh\"}}>\n            <div style={{maxWidth: props.breakpoints.sm ? \"100%\" : props.breakpoints.md ? \"100%\" : \"100%\"}}>\n              <div>\n                <div className={classes.catchphrase} style={{fontSize: props.breakpoints.sm ? 18 : props.breakpoints.md ? 26 : 28}}>{catchphrase}</div>\n                <div className={classes.title} style={{fontSize: props.breakpoints.sm ? 30 : props.breakpoints.md ? 44 : 48}}>{title}</div>\n              </div>\n              <div className={classes.subTitle} style={{fontSize: props.breakpoints.sm ? 14 : props.breakpoints.md ? 16 : 22}}> {description}</div>\n              \n              <div>\n                <span>\n                  <a href= {`${process.env.GATSBY_AWS_COGNITO_LOGIN}`} rel=\"noreferrer\" style = {{paddingLeft: 5,textDecoration: \"none\", paddingRight: 10}}>\n                    <Button style={{fontSize: 16, width: 300}} variant=\"contained\" color=\"secondary\" endIcon={<ArrowForwardIcon />}>システムを使用する</Button>\n                  </a>\n                </span>\n              </div> \n            </div>\n          </div>\n        </div>\n    </div>\n  )\n}\n\nconst IndexPage = (props) => {\n\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            title\n            description\n            author\n            siteUrl\n            catchphrase\n          }\n        }\n      }\n    `\n  )\n\n  const breakpoints = useBreakpoint();\n  return (\n  <Layout location={props.location} breakpoints = {breakpoints}>\n    <Seo title={site.siteMetadata.catchphrase} />\n    <div>\n    <div  style={{position: \"fixed\", top: 0, minWidth: \"100%\", minHeight: 460, height: breakpoints?.sm ? \"50vh\" : \"40vh\", zIndex: -1}}><Image filename=\"carrot_eyecatch.jpeg\" style={{height: \"inherit\", minHeight: \"inherit\"}}/></div>\n    <BackgroundSection site= {site} breakpoints = {breakpoints} style={{opacity: '0.8'}}/>\n    </div>\n  </Layout>\n  )\n}\n\nexport default IndexPage\n"],"sourceRoot":""}