{"version":3,"file":"component---src-pages-service-js-4bdf1d1497d6d1911562.js","mappings":"qMAGe,SAASA,EAAT,GAA4C,IAA1BC,EAAyB,EAAzBA,KAAMC,EAAmB,EAAnBA,MAAOC,EAAY,EAAZA,SAC5C,OACE,uBAAKC,UAAU,4BACZD,EACC,qBAAGE,KAAMJ,EAAMK,OAAO,SAASC,IAAI,uBAChCC,EAAUN,IAGb,gBAAC,EAAAO,KAAD,CAAMC,GAAIT,GAAOO,EAAUN,KAMnC,SAASM,EAAUN,GACjB,OAEE,0BAAQE,UAAU,uMACfF,K,6ECjBQ,SAASS,IACtB,OACE,uBAAKP,UAAU,sBACb,uBACEA,UAAU,oHAOV,uBAAKA,UAAU,IACb,kDACA,gBAAC,IAAD,CACEH,KAAM,WACNC,MAAO,SACPC,UAAU,S,mEClBP,SAASS,EAAT,GAIX,IAHFV,EAGC,EAHDA,MAGC,IAFDW,GAAAA,OAEC,MAFI,GAEJ,MADDC,MAAAA,OACC,MADO,yBACP,EACD,OACE,uBACED,GAAIA,EACJT,UACE,oDACAU,EADA,gDAKDZ,K,mECbQ,SAASa,EAAT,GAA+D,IAA/CC,EAA8C,EAA9CA,SAAUC,EAAoC,EAApCA,SAAUC,EAA0B,EAA1BA,SAA0B,IAAhBC,QAAAA,OAAgB,MAAN,GAAM,EACrEC,EAAmB,MAAZF,EAAmBA,EAAW,WAE3C,OACE,uBAAKd,UAAU,QACb,uBAAKA,UAAU,iEACb,uBACEA,UACE,uDAAyDe,GAG3D,uBAAKf,UAAW,yBAA2BgB,GACzC,sBAAIhB,UAAU,kDACXY,EACD,wBAAMZ,UAAU,gBAAgBa,U,qJCR/B,SAASI,IACtB,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEC,MAAM,+BACNC,YAAY,yDACZC,YAAY,kCAGd,gBAAC,IAAD,CAAMR,SAAU,YAEhB,uBAAKZ,UAAU,qBACb,uBAAKA,UAAU,0BAA0BS,GAAG,UAC1C,gBAAC,IAAD,CAAWX,MAAO,iBAClB,uBAAKE,UAAU,wBACb,uBAAKA,UAAU,QAAf,uDAIF,uBAAKA,UAAU,+BACb,uBAAKA,UAAU,IAAf,mBACA,sBAAIA,UAAU,4BACZ,sBAAIA,UAAU,QAAd,yCAGA,sBAAIA,UAAU,QAAd,wCAGA,sBAAIA,UAAU,QAAd,+CAGA,sBAAIA,UAAU,QAAd,2CAMJ,gBAAC,IAAD,CAAWF,MAAO,aAClB,uBAAKE,UAAU,QAAQS,GAAG,SACxB,uBAAKT,UAAU,wBACb,gBAAC,EAAAqB,EAAD,CACEC,IAAI,wBACJC,IAAI,MACJC,YAAY,UACZC,OAAO,YACPzB,UAAU,uBALZ,sBAOA,uBAAKA,UAAU,UACZ,IAAI0B,MAAOC,cADd,6CAIA,wDACA,uBAAK3B,UAAU,QACb,yHAGA,qFAKJ,gBAAC,IAAD,CACEF,MAAO,aACPD,KAAM,sBACNE,UAAU,IAGZ,uBAAKC,UAAU,QACb,uBAAKA,UAAU,iCACb,uBAAKA,UAAU,mDACb,gBAAC,EAAAqB,EAAD,CACEC,IAAI,wBACJC,IAAI,MACJC,YAAY,UACZC,OAAO,YACPzB,UAAU,aALZ,uBAQF,uBAAKA,UAAU,6BACb,6DAGA,sEAGA,gBAAC,IAAD,CACEF,MAAO,UACPD,KAAM,gDACNE,UAAU,UASxB,gBAAC,IAAD,S","sources":["webpack://gatsby-starter-hello-world/./src/components/button.js","webpack://gatsby-starter-hello-world/./src/components/contact.js","webpack://gatsby-starter-hello-world/./src/components/head-label.js","webpack://gatsby-starter-hello-world/./src/components/hero.js","webpack://gatsby-starter-hello-world/./src/pages/service.js"],"sourcesContent":["import { Link } from \"gatsby\"\nimport React from \"react\"\n\nexport default function Button({ link, label, external }) {\n  return (\n    <div className=\"flex justify-center pb-6\">\n      {external ? (\n        <a href={link} target=\"_blank\" rel=\"noreferrer noopener\">\n          {GetButton(label)}\n        </a>\n      ) : (\n        <Link to={link}>{GetButton(label)}</Link>\n      )}\n    </div>\n  )\n}\n\nfunction GetButton(label) {\n  return (\n    // <button className=\"shadow-md shadow-sky-900/50 transition duration-300 ease-in bg-sky-800 border-0 mt-4 py-2 px-8 focus:outline-none hover:bg-sky-900 hover:scale-105 rounded-full w-48\">\n    <button className=\"shadow-md bg-white transition duration-300 ease-in border-sky-600 text-sky-600 border-2 mt-4 py-2 px-8 focus:outline-none hover:border-sky-700 hover:text-sky-700 hover:scale-105 rounded-full w-48\">\n      {label}\n    </button>\n  )\n}\n","// src/components/hero.js\nimport React from \"react\"\nimport Button from \"./button\"\n\nexport default function Contact() {\n  return (\n    <div className=\"w-full mx-auto m-0\">\n      <div\n        className=\"\n        text-white\n        h-72 \n        bg-gradient-to-r from-slate-500 to-slate-700 \n\n      flex justify-center items-center p-3 text-center\"\n      >\n        <div className=\"\">\n          <div>ご相談はこちらからお問い合わせください</div>\n          <Button\n            link={\"/contact\"}\n            label={\"お問い合わせ\"}\n            external={false}\n          ></Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React from \"react\"\n\nexport default function HeadLabel({\n  label,\n  id = \"\",\n  color = \"before:border-gray-800\",\n}) {\n  return (\n    <div\n      id={id}\n      className={\n        `flex items-center text-lg my-4 before:border-t-2 ` +\n        color +\n        ` before:content-[''] before:w-20 before:mx-2`\n      }\n    >\n      {label}\n    </div>\n  )\n}\n","// src/components/hero.js\nimport React from \"react\"\n\nexport default function Hero({ message1, message2, textSize, bgClass = \"\" }) {\n  const size = textSize != null ? textSize : \"text-2xl\"\n\n  return (\n    <div className=\"hero\">\n      <div className=\"w-full mx-auto m-0 bg-gradient-to-br from-gray-200 to-gray-50\">\n        <div\n          className={\n            `h-48 lg:h-60 flex items-center p-3 max-w-3xl mx-auto` + bgClass\n          }\n        >\n          <div className={` animate-fade-in-left ` + size}>\n            <h1 className=\"text-gray-700 py-3 tracking-wide leading-tight\">\n              {message1}\n              <span className=\"inline-block\">{message2}</span>\n            </h1>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React from \"react\"\nimport Layout from \"../components/layout\"\nimport Contact from \"../components/contact\"\nimport HeadLabel from \"../components/head-label\"\nimport Seo from \"../components/seo\"\nimport Button from \"../components/button\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport Hero from \"../components/hero\"\n\nexport default function Service() {\n  return (\n    <Layout>\n      <Seo\n        title=\"Service | 株式会社STARKS | スタークス\"\n        description=\"株式会社STARKSが展開するコンサルティング事業、エステサロン事業、美容商材卸事業について掲載しています。\"\n        ogpSiteName=\"Service | 株式会社STARKSコーポレートサイト\"\n      />\n\n      <Hero message1={\"サービス・事業\"} />\n\n      <div className=\"container mx-auto\">\n        <div className=\"max-w-4xl mx-auto mt-10\" id=\"consul\">\n          <HeadLabel label={\"コンサルティングサービス\"} />\n          <div className=\"px-3 pb-8 typography\">\n            <div className=\"my-4\">\n              業界問わず、BtoB、BtoCサービスそれぞれで事業立ち上げやIT/DX推進の支援を行っております。\n            </div>\n          </div>\n          <div className=\"px-6 py-4 mb-20 bg-gray-100\">\n            <div className=\"\">コンサルティングサービスの特徴</div>\n            <ol className=\"list-decimal list-inside\">\n              <li className=\"my-4\">\n                エンジニア経験豊富なIT・Web領域のリテラシーの高いコンサルタントが在籍\n              </li>\n              <li className=\"my-4\">\n                小売店や飲食店、サロンなど店舗のデジタル化やDX推進・運用改善事例が多数\n              </li>\n              <li className=\"my-4\">\n                業界問わず、SaaSサービスやEC・サブスクリプションサービスのサービス改善経験が豊富\n              </li>\n              <li className=\"my-4\">\n                ロジカルシンキングとデータドリブンな支援を得意とするコンサルティングチーム\n              </li>\n            </ol>\n          </div>\n\n          <HeadLabel label={\"エステサロン事業\"} />\n          <div className=\"mb-20\" id=\"salon\">\n            <div className=\"px-3 pb-8 typography\">\n              <StaticImage\n                src=\"../images/lavoute.png\"\n                alt=\"CEO\"\n                placeholder=\"blurred\"\n                layout=\"fullWidth\"\n                className=\"m-auto max-w-[250px]\"\n              />\n              <div className=\"mt-10\">\n                {new Date().getFullYear()}\n                年現在、名古屋と岐阜2店舗を運営している美肌専門店「Lavoute(ラボーテ)」。\n              </div>\n              <div>全ての女性が心からくつろげる空間を提供しています。</div>\n              <div className=\"my-4\">\n                <div>\n                  Lavouteでは、皮膚科医監修のもと『高い技術力』『高い美容学』を兼ね揃えたエステティシャンがお客様のお身体とお肌を第一に考え親身に寄り添い『綺麗になりたい』をサポート致します。\n                </div>\n                <div>\n                  当店ではお客様のお悩みに合わせたトリートメントをご提案し、美しさを引き出せるよう施術させていただきます。\n                </div>\n              </div>\n            </div>\n            <Button\n              label={\"LaVouteサイト\"}\n              link={\"https://lavoute.jp/\"}\n              external={true}\n            />\n\n            <div className=\"my-6\">\n              <div className=\"flex justify-around flex-wrap\">\n                <div className=\"w-full mb-5 md:mb-0 md:w-1/2 px-2 max-w-[300px]\">\n                  <StaticImage\n                    src=\"../images/3dsalon.png\"\n                    alt=\"CEO\"\n                    placeholder=\"blurred\"\n                    layout=\"fullWidth\"\n                    className=\"rounded-md\"\n                  />\n                </div>\n                <div className=\"md:w-1/2 px-2 self-center\">\n                  <div>\n                    コロナ渦中で非対面で当店を知って頂く為、VRを導入しました。\n                  </div>\n                  <div>\n                    バーチャル空間でサロンに入店していただくことができます。またご予約も可能です。\n                  </div>\n                  <Button\n                    label={\"VR空間を見る\"}\n                    link={\"https://my.matterport.com/show/?m=asfjgcA5dym\"}\n                    external={true}\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <Contact />\n    </Layout>\n  )\n}\n"],"names":["Button","link","label","external","className","href","target","rel","GetButton","Link","to","Contact","HeadLabel","id","color","Hero","message1","message2","textSize","bgClass","size","Service","title","description","ogpSiteName","S","src","alt","placeholder","layout","Date","getFullYear"],"sourceRoot":""}