{"version":3,"sources":["webpack:///./src/images-v2/svg/regnio_logo_white_text.svg","webpack:///./src/images-v2/svg/regnio_logo_color.svg","webpack:///./src/utils/get-offsets.js","webpack:///./src/components/common-components/templates/page-root-v2/footer-v2.jsx","webpack:///./src/components/common-components/templates/page-root-v2/header-v2.jsx","webpack:///./src/components/common-components/templates/page-root-v2/index.jsx","webpack:///./src/styles/color-palette-v2.js"],"names":["module","exports","useGetOffsets","useJudgeServerSideRendering","judgeServerSideRendering","useCallback","x","window","pageXOffset","y","pageYOffset","Root","styled","footer","colorPaletteV2","white","black","FooterLink","Link","Footer","className","alt","pagesV2","index","name","to","path","DXoutside","label","jp","DXinside","works","company","vision","importantForUs","contact","header","HeaderInner","div","Logo","MenuWrapPC","MenuPCset","MenuPC","menuSPbg","MenuPCExternal","a","MenuPCsub","ul","MenuPCsubLink","MenuSP","button","MenuSPContent","props","isVisible","Nav","nav","MenuSPLink","MenuSPExternalLink","Header","useState","isOpen","setIsOpen","setIsVisible","toggleModal","src","RegnioLogo","href","products","target","rel","onClick","RegnioLogoWhite","surface","V2PageRoot","children","showFooterBorder","heroYOffset","isLogoAlwaysVisible","pageTitle","pageDescription","pageUrl","ogpImageName","ogpImageUrl","getOffsets","offsets","useRef","innerHeight","up","down","scrolling","updateScrolling","slideInHeader","setSlideInHeader","slideInFloatingButton","setSlideInFloatingButton","stopUpdateScrolling","setStopUpdateScrolling","constantlyGetOffsets","setInterval","newOffsets","clearInterval","current","useEffect","slideIn","transparentYOffset","currentUrl","showBorderTop","whitePale","blue","orange","blackBlue","gray","grayPale","grad1","grad2"],"mappings":"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","file":"36bb0f9e3dd551d66df98aa75864d6ab3d1819ef-7b33290578b08c30ebfa.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/regnio_logo_white_text-45f92a6ceb7085dc3a967890cbda52b5.svg\";","module.exports = __webpack_public_path__ + \"static/regnio_logo_color-8f1c044634c902536741b6a9000ab2b2.svg\";","import { useCallback } from 'react';\nimport useJudgeServerSideRendering from './judge-ssr';\n\nconst useGetOffsets = () => {\n const judgeServerSideRendering = useJudgeServerSideRendering();\n if (judgeServerSideRendering()) {\n return () => {\n return null;\n };\n }\n const getOffsets = useCallback(() => {\n const { pageXOffset } = window;\n const { pageYOffset } = window;\n const offsets = { x: pageXOffset, y: pageYOffset };\n return offsets;\n }, []);\n\n return getOffsets;\n};\n\nexport default useGetOffsets;\n","import { Link } from 'gatsby';\nimport React from 'react';\nimport styled from 'styled-components';\nimport colorPaletteV2 from '../../../../styles/color-palette-v2';\nimport pagesV2 from '../../../../constants-v2/pages-v2';\n\nconst Root = styled.footer`\n background-color: ${colorPaletteV2.white};\n .footer-inner {\n margin: 0 auto;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n @media (max-width: 959px) {\n padding-top: 0;\n padding-bottom: 0;\n flex-direction: column;\n width: 100%;\n }\n a {\n color: ${colorPaletteV2.black};\n }\n &_block {\n width: 30%;\n @media (max-width: 959px) {\n width: 100%;\n }\n li.list-1st {\n font-size: 24px;\n font-size: 24px;\n font-weight: 500;\n margin-bottom: 32px;\n margin-bottom: 32px;\n }\n li.list-2nd {\n font-size: 16px;\n font-size: 16px;\n margin-left: 24px;\n margin-left: 24px;\n font-weight: 400;\n margin-bottom: 22px;\n margin-bottom: 22px;\n }\n ul.list-2nd {\n margin-top: 26px;\n margin-top: 26px;\n }\n ul.list-1st-sub {\n margin-top: 48px;\n margin-top: 48px;\n }\n li.list-1st-sub {\n font-size: 16px;\n font-size: 16px;\n font-weight: 400;\n margin-bottom: 20px;\n margin-bottom: 20px;\n }\n }\n & .company {\n line-height: 1.8;\n font-size: 14px;\n font-size: 14px;\n width: 24%;\n @media (max-width: 959px) {\n flex-direction: column;\n margin-top: 28px;\n margin-top: 28px;\n width: 100%;\n }\n .company-name {\n font-size: 20px;\n font-size: 20px;\n font-weight: 500;\n margin-bottom: 24px;\n margin-bottom: 24px;\n }\n .company-name-kana {\n font-size: 12px;\n font-size: 12px;\n font-weight: 400;\n }\n .company-tel {\n margin-top: 16px;\n margin-top: 16px;\n }\n }\n }\n width: 100%;\n padding: 80px 0 100px;\n padding: 80px 0 100px;\n @media (max-width: 959px) {\n padding: 54px 0 80px;\n padding: 54px 0 80px;\n }\n`;\n\nconst FooterLink = styled(Link)`\n display: inline-block;\n`;\n\nconst Footer = () => {\n return (\n \n
\n
\n
    \n {/*
  • \n \n {pagesV2.products.label.jp}\n \n
    • */}\n
  • \n \n Regnioの考えるDXとは？\n \n
      \n
    • \n \n {pagesV2.DXoutside.label.jp}\n \n
      • \n
    • \n \n {pagesV2.DXinside.label.jp}\n \n
      • \n
    \n
    • \n
  • \n \n {pagesV2.works.label.jp}\n \n
    • \n {/* 読み物リンクを削除 */}\n
\n
\n
\n
    \n
  • \n \n {pagesV2.company.label.jp}\n \n
      \n
    • \n \n {pagesV2.company.label.jp}\n \n
      • \n
    • \n \n {pagesV2.vision.label.jp}\n \n
      • \n
    • \n \n {pagesV2.importantForUs.label.jp}\n \n
      • \n {/* メンバーリンクを削除 */}\n
    \n
    • \n
  • \n \n {pagesV2.contact.label.jp}\n \n
    • \n {/*
      \n
    • \n \n {pagesV2.news.label.jp}\n \n
      • \n
    */}\n
\n
\n
\n
\n 株式会社Regnio\n （リグニオ）\n
\n
\n 〒810-0023\n
\n 福岡県福岡市中央区警固2-2-23\n
\n ウイングコート警固 601\n
\n
\n
\n \n );\n};\n\nexport default Footer;\n","import { Link } from 'gatsby';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport colorPaletteV2 from '../../../../styles/color-palette-v2';\nimport pagesV2 from '../../../../constants-v2/pages-v2';\nimport RegnioLogo from '../../../../images-v2/svg/regnio_logo_color.svg';\nimport RegnioLogoWhite from '../../../../images-v2/svg/regnio_logo_white_text.svg';\n\nconst Root = styled.header`\n display: flex;\n justify-content: center;\n\n .header-wraper {\n background: #f5f5f5;\n width: 100%;\n margin-top: 0;\n display: flex;\n justify-content: center;\n flex-direction: row;\n padding: 20px 24px;\n padding: 20px 24px;\n position: fixed;\n margin: 0 auto;\n z-index: 999;\n\n @media (min-width: 960px) {\n padding: 32px 0px 16px;\n padding: 32px 0px 16px;\n }\n }\n`;\n\nconst HeaderInner = styled.div`\n display: flex;\n width: 100% !important;\n max-width: 960px;\n`;\n\nconst Logo = styled(Link)`\n img {\n width: 158px;\n width: 158px;\n height: 44px;\n height: 44px;\n margin-left: 8px;\n margin-left: 8px;\n }\n`;\n\nconst MenuWrapPC = styled.div`\n margin-left: auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n @media (max-width: 959px) {\n opacity: 0;\n visibility: hidden;\n position: absolute;\n z-index: -1;\n height: 0;\n overflow: hidden;\n }\n`;\n\nconst MenuPCset = styled.div`\n position: relative;\n &:hover > .list-2nd-pc-wrap {\n opacity: 1;\n visibility: visible;\n display: flex;\n }\n`;\n\nconst MenuPC = styled(Link)`\n display: block;\n font-size: 14px;\n font-size: 14px;\n padding: 12px 16px 30px;\n padding: 12px 16px 30px;\n margin-left: 24px;\n margin-left: 24px;\n transition: all 0.3s;\n position: relative;\n z-index: 1;\n &::after {\n position: absolute;\n top: 40px;\n left: 0;\n content: '';\n width: 100%;\n height: 2px;\n background: ${colorPaletteV2.menuSPbg};\n transform: scale(0, 1);\n transform-origin: center top;\n transition: transform 0.3s;\n }\n &:hover::after {\n transform: scale(1, 1);\n }\n`;\n\nconst MenuPCExternal = styled.a`\n display: block;\n font-size: 14px;\n font-size: 14px;\n padding: 12px 16px 30px;\n padding: 12px 16px 30px;\n margin-left: 24px;\n margin-left: 24px;\n transition: all 0.3s;\n position: relative;\n z-index: 1;\n text-decoration: none;\n color: inherit;\n &::after {\n position: absolute;\n top: 40px;\n left: 0;\n content: '';\n width: 100%;\n height: 2px;\n background: ${colorPaletteV2.menuSPbg};\n transform: scale(0, 1);\n transform-origin: center top;\n transition: transform 0.3s;\n }\n &:hover::after {\n transform: scale(1, 1);\n }\n`;\n\nconst MenuPCsub = styled.ul`\n opacity: 0;\n visibility: hidden;\n position: absolute;\n z-index: 10;\n &.list-2nd-pc-wrap:hover {\n opacity: 1;\n visibility: visible;\n display: flex;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n }\n &.list-2nd-pc-wrap:hover ~ a::after {\n transform: scale(1, 1);\n }\n flex-direction: column;\n position: absolute;\n top: 48px;\n top: 48px;\n left: 24px;\n left: 24px;\n &.dx {\n width: 264px;\n width: 264px;\n }\n &.company {\n width: 216px;\n width: 216px;\n }\n`;\n\nconst MenuPCsubLink = styled(Link)`\n color: ${colorPaletteV2.white};\n padding: 12px 16px;\n padding: 12px 16px;\n line-height: 1;\n font-size: 14px;\n font-size: 14px;\n background: ${colorPaletteV2.menuSPbg};\n display: block;\n margin-bottom: 1px;\n &:hover {\n background: ${colorPaletteV2.black};\n }\n`;\n\nconst MenuSP = styled.button`\n width: 48px;\n width: 48px;\n height: 48px;\n height: 48px;\n margin-left: auto;\n border: none;\n background: none;\n @media (min-width: 960px) {\n opacity: 0;\n visibility: hidden;\n position: absolute;\n z-index: -1;\n height: 0;\n overflow: hidden;\n }\n &.menu-sp {\n .menuSP-txt {\n position: relative;\n top: 4px;\n color: ${colorPaletteV2.white};\n }\n .menu-hamburger-lines span {\n background-color: ${colorPaletteV2.white};\n }\n }\n .menuSP-txt {\n font-size: 10px;\n font-size: 10px;\n }\n .menu-hamburger-lines,\n .menu-hamburger-lines span {\n display: inline-block;\n transition: all 0.4s;\n box-sizing: border-box;\n }\n .menu-hamburger-lines {\n position: relative;\n width: 20px;\n width: 20px;\n height: 20px;\n height: 20px;\n background: none;\n border: none;\n appearance: none;\n cursor: pointer;\n }\n .menu-hamburger-lines span {\n position: absolute;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: ${colorPaletteV2.black};\n border-radius: 2px;\n }\n .menu-hamburger-lines span:nth-of-type(1) {\n top: 2px;\n }\n .menu-hamburger-lines span:nth-of-type(2) {\n top: 9px;\n }\n .menu-hamburger-lines span:nth-of-type(3) {\n bottom: 2px;\n }\n // アニメーション\n .menu-hamburger-lines.active span:nth-of-type(1) {\n transform: translateY(10px) rotate(-45deg);\n width: 110%;\n }\n .menu-hamburger-lines.active span:nth-of-type(2) {\n opacity: 0;\n }\n .menu-hamburger-lines.active span:nth-of-type(3) {\n transform: translateY(-10px) rotate(45deg);\n top: 22px;\n width: 110%;\n }\n`;\n\nconst MenuSPContent = styled.div`\n opacity: ${props => (props.isVisible ? '0' : '1')};\n visibility: ${props => (props.isVisible ? 'hidden' : 'visible')};\n position: fixed;\n z-index: ${props => (props.isVisible ? '-1' : '9999')};\n\n @media (min-width: 960px) {\n opacity: 0;\n visibility: hidden;\n position: absolute;\n z-index: -1;\n height: 0;\n overflow: hidden;\n }\n\n transition: opacity ease 500ms, visibility ease 500ms;\n width: 100%;\n height: 100vh;\n background: ${colorPaletteV2.menuSPbg};\n .menu-sp-header {\n z-index: 9999;\n flex-direction: row;\n display: flex;\n padding: 20px 24px;\n }\n`;\n\nconst Nav = styled.nav`\n z-index: 1;\n .footer-inner {\n z-index: -1;\n position: absolute;\n top: 0;\n margin: 0 auto;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n @media (max-width: 959px) {\n padding-top: 100px;\n padding-top: 100px;\n padding-bottom: 40px;\n padding-bottom: 40px;\n flex-direction: column;\n width: 100%;\n height: 100vh;\n height: 100vh;\n overflow: scroll;\n }\n a {\n color: ${colorPaletteV2.white};\n }\n &_block {\n width: 30%;\n @media (max-width: 959px) {\n width: 100%;\n }\n li.list-1st {\n font-size: 24px;\n font-size: 24px;\n font-weight: 500;\n margin-bottom: 32px;\n margin-bottom: 32px;\n }\n li.list-2nd {\n font-size: 16px;\n font-size: 16px;\n margin-left: 24px;\n margin-left: 24px;\n font-weight: 400;\n margin-bottom: 22px;\n margin-bottom: 22px;\n }\n ul.list-2nd {\n margin-top: 26px;\n margin-top: 26px;\n }\n ul.list-1st-sub {\n margin-top: 48px;\n margin-top: 48px;\n }\n li.list-1st-sub {\n font-size: 16px;\n font-size: 16px;\n font-weight: 400;\n margin-bottom: 20px;\n margin-bottom: 20px;\n }\n }\n & .company {\n line-height: 1.8;\n font-size: 14px;\n font-size: 14px;\n width: 24%;\n flex-direction: column;\n margin-top: 28px;\n margin-top: 28px;\n width: 100%;\n .company-name {\n color: ${colorPaletteV2.white};\n font-size: 20px;\n font-size: 20px;\n font-weight: 500;\n margin-bottom: 24px;\n margin-bottom: 24px;\n }\n .company-name-kana {\n color: ${colorPaletteV2.white};\n font-size: 12px;\n font-size: 12px;\n font-weight: 400;\n }\n .company-address {\n color: ${colorPaletteV2.white};\n margin-top: 16px;\n }\n .company-tel {\n color: ${colorPaletteV2.white};\n margin-top: 16px;\n margin-top: 16px;\n }\n }\n }\n`;\n\nconst MenuSPLink = styled(Link)`\n color: ${colorPaletteV2.white};\n`;\n\n// External link styled like MenuSPLink but using an anchor tag\nconst MenuSPExternalLink = styled.a`\n color: ${colorPaletteV2.white};\n text-decoration: none;\n`;\n\nconst Header = () => {\n const [isOpen, setIsOpen] = useState(false);\n const [isVisible, setIsVisible] = useState(true);\n\n const toggleModal = () => {\n setIsOpen(!isOpen);\n setIsVisible(!isVisible);\n };\n\n return (\n \n
\n \n \n \n \n \n \n {pagesV2.products.label.jp}\n \n \n \n
  • \n \n {pagesV2.DXoutside.label.jp} （事業変革プログラム）\n \n
    • \n
  • \n \n {pagesV2.DXinside.label.jp} （人材育成プログラム）\n \n
    • \n     \n \n DX事業\n \n     \n \n {pagesV2.works.label.jp}\n \n \n \n
  • \n \n {pagesV2.company.label.jp}\n \n
    • \n
  • \n \n {pagesV2.vision.label.jp}\n \n
    • \n
  • \n \n {pagesV2.importantForUs.label.jp}\n \n
    • \n     \n \n {pagesV2.company.label.jp}\n \n     \n {/* \n {pagesV2.contact.label.jp}\n */}\n     \n \n
    \n \n \n \n
    \n MENU\n     \n     \n
    \n {/* SPのメニューここから */}\n \n
    \n \n \n \n \n
    \n \n \n \n
    \n CLOSE\n     \n
    \n \n \n     \n );\n};\n\nexport default Header;\n","import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport colorPaletteV2 from '../../../../styles/color-palette-v2';\nimport '../../../../styles/foundation-v2.css';\nimport useGetOffsets from '../../../../utils/get-offsets';\nimport useJudgeServerSideRendering from '../../../../utils/judge-ssr';\n// import FloatingContactButtonV2 from './floating-contact-button-v2';\nimport FooterV2 from './footer-v2';\nimport HeaderV2 from './header-v2';\nimport SEOHeaderV2 from './seo-v2';\n\nconst Root = styled.div`\n display: inline-block;\n width: 100vw;\n color: ${colorPaletteV2.black};\n background: ${colorPaletteV2.surface};\n`;\n\nconst V2PageRoot = ({\n children,\n showFooterBorder,\n heroYOffset,\n isLogoAlwaysVisible,\n // displayContactButton,\n pageTitle,\n pageDescription,\n pageUrl,\n ogpImageName,\n ogpImageUrl,\n}) => {\n const getOffsets = useGetOffsets();\n const judgeServerSideRendering = useJudgeServerSideRendering();\n const offsets = useRef({ x: 0, y: 0 });\n\n const innerHeight = judgeServerSideRendering() ? 0 : window.innerHeight;\n\n const [scrolling, updateScrolling] = useState({ up: false, down: false });\n const [slideInHeader, setSlideInHeader] = useState(true);\n const [slideInFloatingButton, setSlideInFloatingButton] = useState(false);\n\n const [stopUpdateScrolling, setStopUpdateScrolling] = useState(false);\n\n const constantlyGetOffsets = !stopUpdateScrolling\n ? setInterval(() => {\n const newOffsets = getOffsets();\n if (newOffsets !== null) {\n if (newOffsets.y < 50) {\n clearInterval(constantlyGetOffsets);\n updateScrolling({ up: true, down: false });\n } else if (newOffsets.y > offsets.current.y) {\n clearInterval(constantlyGetOffsets);\n updateScrolling({ up: false, down: true });\n } else if (newOffsets.y < offsets.current.y) {\n clearInterval(constantlyGetOffsets);\n updateScrolling({ up: true, down: false });\n } else {\n clearInterval(constantlyGetOffsets);\n updateScrolling({ up: false, down: false });\n }\n offsets.current = newOffsets;\n }\n }, 100)\n : setInterval(() => {}, 100);\n\n useEffect(() => {\n if (scrolling.down && !scrolling.up) {\n clearInterval(constantlyGetOffsets);\n setSlideInHeader(false);\n if (offsets.current.y >= innerHeight && !slideInFloatingButton) {\n setSlideInFloatingButton(true);\n }\n } else if (!scrolling.down && scrolling.up) {\n clearInterval(constantlyGetOffsets);\n setSlideInHeader(true);\n if (offsets.current.y < innerHeight && slideInFloatingButton) {\n setSlideInFloatingButton(false);\n }\n }\n }, [scrolling]);\n\n return (\n \n \n \n {!stopUpdateScrolling ? children : ''}\n \n {/* {displayContactButton ? (\n \n ) : null} */}\n \n );\n};\n\nexport default V2PageRoot;\n","const colorPaletteV2 = {\n white: '#ffffff',\n whitePale: '#f1f1f1',\n surface: '#F5F5F5',\n blue: '#066F9D',\n orange: '#D76A1C',\n black: '#222222',\n blackBlue: '#202026',\n gray: '#686868',\n grayPale: '#C4C4C4',\n menuSPbg: '#414146',\n\n grad1: 'linear-gradient(90deg, #2c91ee 0%, #f2b62c 100%)',\n grad2: 'linear-gradient(90deg, #6CA5DB 0%, #DEAC38 100%)',\n};\n\nexport default colorPaletteV2;\n"],"sourceRoot":""}