{"version":3,"sources":["webpack:///./src/components/utils/Movie.js","webpack:///./src/components/header/IntroductionHeader.js","webpack:///./src/pages/introduction.js"],"names":["Movie","param","className","id","src","title","allow","allowfullscreen","IntroductionHeader","props","toggleMenu","value","setState","openMenu","handleScroll","visibilityClass","state","window","pageYOffset","componentDidMount","addEventListener","this","componentWillUnmount","removeEventListener","render","to","config","siteTitle","onClick","_","type","aria-controls","aria-expanded","aria-label","DownloadText","Scroll","element","href","HowtouseText","ContactText","LangSelect","Component","introduction","Layout","Social","Footer"],"mappings":"gKAEe,SAASA,EAAMC,GAC5B,OACE,yBAAKC,UAAU,WACb,4BACEC,GAAG,aACHC,IAAI,4CACJC,MAAM,uBACNC,MAAM,2FACNC,iBAAe,K,6GCDFC,E,YAEnB,WAAYC,GAAQ,IAAD,SACjB,cAAMA,IAAN,MAMFC,WAAa,SAAAC,GACX,EAAKC,SAAS,CAAEC,SAAUF,KART,EAWnBG,aAAe,WACb,IAAQC,EAAoB,EAAKC,MAAzBD,gBACJE,OAAOC,YAAc,IACC,kBAApBH,GACF,EAAKH,SAAS,CAAEG,gBAAiB,kBAGX,kBAApBA,GACF,EAAKH,SAAS,CAAEG,gBAAiB,MAjBrC,EAAKC,MAAQ,CACXH,UAAU,EACVE,gBAAiB,IAJF,E,4CAuBnBI,kBAAA,WACEF,OAAOG,iBAAiB,SAAUC,KAAKP,e,EAEzCQ,qBAAA,WACEL,OAAOM,oBAAoB,SAAUF,KAAKP,e,EAG5CU,OAAA,WAAU,IAAD,OACP,EAAsCH,KAAKL,MAAnCH,EAAR,EAAQA,SAAUE,EAAlB,EAAkBA,gBAClB,OACE,yBACEb,UAAS,kDAAoDa,EAC7DZ,GAAG,WAEH,yBAAKD,UAAU,aACX,kBAAC,OAAD,CAAMA,UAAU,eAAeuB,GAAG,KAAKC,IAAOC,WAC9C,4BACIC,QAAS,SAAAC,GAAC,OAAI,EAAKnB,YAAYG,IAC/BX,UAAS,wCACTW,EAAW,GAAK,aAEhBiB,KAAK,SACLC,gBAAc,mBACdC,gBAAenB,EACfoB,aAAW,qBAEf,uBAAG/B,UAAU,iBAGf,yBACEA,UAAS,6BAA8BW,EAAW,OAAS,IAC3DV,GAAG,oBAEH,wBAAID,UAAU,sBACZ,wBAAIA,UAAU,YACV,kBAAC,OAAD,CAAMA,UAAU,WAAWuB,GAAG,KAC1B,kBAACS,EAAA,EAAD,QAIR,wBAAIhC,UAAU,YACZ,kBAACiC,EAAA,EAAD,CAAQP,QAAS,SAAAC,GAAC,OAAI,EAAKnB,YAAYG,IAAWiB,KAAK,KAAKM,QAAQ,YAClE,uBAAGlC,UAAU,WAAWmC,KAAK,aACzB,kBAACC,EAAA,EAAD,SAMR,wBAAIpC,UAAU,YACZ,kBAACiC,EAAA,EAAD,CAAQP,QAAS,SAAAC,GAAC,OAAI,EAAKnB,YAAYG,IAAWiB,KAAK,KAAKM,QAAQ,WAClE,uBAAGlC,UAAU,WAAWmC,KAAK,YACzB,kBAACE,EAAA,EAAD,SAKR,wBAAIrC,UAAU,YACZ,kBAACsC,EAAA,EAAD,Y,GAnFgCC,a,UC0BjCC,UA1BM,WAEnB,OACE,kBAACC,EAAA,EAAD,KACE,kBAAC,EAAD,MACA,4BAAQzC,UAAU,YAChB,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,0BACb,kBAACF,EAAD,SAKN,6BAASE,UAAU,qBAAqBC,GAAG,WACzC,yBAAKD,UAAU,aACb,4BACE,kBAACqC,EAAA,EAAD,OAEF,kBAACK,EAAA,EAAD,QAGJ,kBAACC,EAAA,EAAD","file":"component---src-pages-introduction-js-07b4b415210834614cd2.js","sourcesContent":["import React from 'react';\n\nexport default function Movie(param) {\n  return (\n    <div className=\"youtube\">\n      <iframe\n        id='YoutubeUrl'\n        src=\"https://www.youtube.com/embed/MtCzVlcQVcU\"\n        title=\"YouTube video player\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowfullscreen\n      >\n      </iframe>\n    </div>\n  );\n}\n","import React, { Component } from 'react';\nimport config from '../../../config';\nimport Scroll from '../Scroll';\nimport DownloadText from '../otherlanguage/DownloadText';\nimport HowtouseText from '../otherlanguage/HowtouseText';\nimport { Link } from 'gatsby';\nimport LangSelect from '../LangSelect';\nimport ContactText from '../otherlanguage/ContactText';\n\nexport default class IntroductionHeader extends Component {\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      openMenu: false,\n      visibilityClass: '',\n    };\n  }\n  toggleMenu = value => {\n    this.setState({ openMenu: value });\n  };\n\n  handleScroll = () => {\n    const { visibilityClass } = this.state;\n    if (window.pageYOffset > 300) {\n      if (visibilityClass !== 'navbar-shrink') {\n        this.setState({ visibilityClass: 'navbar-shrink' });\n      }\n    } else {\n      if (visibilityClass === 'navbar-shrink') {\n        this.setState({ visibilityClass: '' });\n      }\n    }\n  };\n  componentDidMount() {\n    window.addEventListener('scroll', this.handleScroll);\n  }\n  componentWillUnmount() {\n    window.removeEventListener('scroll', this.handleScroll);\n  }\n  \n  render() {\n    const { openMenu, visibilityClass } = this.state;\n    return (\n      <nav\n        className={`navbar navbar-expand-lg navbar-light fixed-top ${visibilityClass}`}\n        id=\"mainNav\"\n      >\n        <div className=\"container\">\n            <Link className=\"navbar-brand\" to=\"/\">{config.siteTitle}</Link>\n            <button\n                onClick={_ => this.toggleMenu(!openMenu)}\n                className={`navbar-toggler navbar-toggler-right ${\n                openMenu ? '' : 'collapsed'\n                }`}\n                type=\"button\"\n                aria-controls=\"navbarResponsive\"\n                aria-expanded={openMenu}\n                aria-label=\"Toggle navigation\"\n            >\n            <i className=\"fas fa-bars\"></i>\n          </button>\n\n          <div\n            className={`collapse navbar-collapse ${openMenu ? 'show' : ''}`}\n            id=\"navbarResponsive\"\n          >\n            <ul className=\"navbar-nav ml-auto\">\n              <li className=\"nav-item\" >\n                  <Link className=\"nav-link\" to=\"/\">\n                      <DownloadText/>\n                  </Link>\n              </li>\n\n              <li className=\"nav-item\">\n                <Scroll onClick={_ => this.toggleMenu(!openMenu)} type=\"id\" element=\"howtouse\">\n                  <a className=\"nav-link\" href=\"#howtouse\">\n                      <HowtouseText/>\n                  </a>\n                </Scroll>\n              </li>\n\n              {/* コンタクト */}\n              <li className=\"nav-item\">\n                <Scroll onClick={_ => this.toggleMenu(!openMenu)} type=\"id\" element=\"contact\">\n                  <a className=\"nav-link\" href=\"#contact\">\n                      <ContactText/>\n                  </a>\n                </Scroll>\n              </li>\n\n              <li className=\"nav-item\">\n                <LangSelect/>\n              </li>\n\n            </ul>\n          </div>\n        </div>\n      </nav>\n    );\n  }\n}\n","import React from 'react';\nimport Layout from '../components/Layout';\nimport Footer from '../components/Footer';\nimport Social from '../components/Social';\nimport Movie from '../components/utils/Movie';\nimport ContactText from '../components/otherlanguage/ContactText';\nimport IntroductionHeader from '../components/header/IntroductionHeader';\nimport '../assets/sass/_masthead.scss';\n\nconst introduction = () => {\n  \n  return(\n    <Layout>\n      <IntroductionHeader />\n      <header className=\"masthead\">\n        <div className=\"container my-auto\">\n          <div className=\"howtouse video_wrapper\" > \n            <Movie/>\n          </div>\n        </div>\n      </header>\n\n      <section className=\"contact bg-primary\" id=\"contact\">\n        <div className=\"container\">\n          <h2>\n            <ContactText/>\n          </h2>\n          <Social />\n        </div>\n      </section>\n      <Footer />\n    </Layout>\n  )\n};\n\nexport default introduction;\n"],"sourceRoot":""}