@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&family=Dosis:wght@200..800&family=Julius+Sans+One&family=Open+Sans:ital,wght@0,300;1,300&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=SUSE:wght@100&family=Sawarabi+Gothic&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:clarikageo-regular;src:url(/assets/clarikageo-regular-webfont-DCxkKczY.woff2) format("woff2"),url(/assets/clarikageo-regular-webfont-DCxkKczY.woff2) format("woff");font-weight:400;font-style:normal;font-display:swap}.App{width:100%;height:100vh;font-size:18px}*::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}@keyframes drawLeftToRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes disappearThenDraw{0%{transform-origin:right;transform:scaleX(1)}50%{transform-origin:right;transform:scaleX(0)}51%{transform-origin:left;transform:scaleX(0)}to{transform-origin:left;transform:scaleX(1)}}.hamburger{cursor:pointer;transition:all .6s ease}.hamburger div{display:block;width:30px;height:1px;background:#000;margin:5px;transition:all .3s ease}.hamburger:hover .line-one{transform:translateY(-1.5px)}.hamburger:hover .line-two{transform:translateY(1.5px)}.hamburger-open{height:20px;cursor:pointer}.hamburger-open div{display:block;width:30px;height:1px;background:#fff;margin:5px;transform-origin:left;transform:scaleX(0)}.hamburger-open.menuOpen div{transform:scaleX(1);animation:drawLeftToRight 1s ease forwards}.hamburger-open.menuOpen:hover div{animation:disappearThenDraw 1.2s ease forwards}header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:#2c2c2c;width:100%;z-index:100;height:11vh;padding-left:8.4vw;padding-right:8.4vw}header .logo p{font-family:clarikageo-regular,Helvetica,sans-serif;font-size:13px;font-style:normal;font-weight:400}.header-nav-ul{display:flex;margin-left:50px}.header-nav{display:flex;flex-direction:row}.header-nav ul{list-style:none}.header-nav ul li{margin:0 5px;position:relative;cursor:pointer}.header-nav ul li.LinkHOME:hover .circle circle{stroke-dashoffset:0}.header-nav ul li.LinkWORK:hover .circle circle{stroke-dashoffset:0}.header-nav ul li.LinkSNS:hover .circle circle{stroke-dashoffset:0}.circle-hover{position:relative;display:inline-block;cursor:pointer;padding:8px 12px}.circle{position:absolute;left:50%;bottom:-20px;transform:translate(-50%);width:8px;height:8px}.circle circle{fill:none;stroke:#000;stroke-width:3px;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .9s ease}.header-nav ul li a{text-decoration:none;color:#2c2c2c;font-family:clarikageo-regular,Helvetica,sans-serif;font-size:13px;font-style:normal;font-weight:400}@media screen and (max-width:500px){.header-nav ul{display:none}}.menu-window{position:fixed;top:0;right:0;width:100%;height:100%;background:#24292b;opacity:0;visibility:hidden;z-index:500}.MenuTitle{color:#535353;text-align:center;font-family:clarikageo-regular,Helvetica,sans-serif;font-size:100px;font-style:normal;font-weight:400;text-transform:lowercase;z-index:800}.dud{color:#535353;display:inline-block;font-family:clarikageo-regular,Helvetica,sans-serif;font-size:100px;font-style:normal;font-weight:400}.bg{position:fixed;width:100%;height:100%;display:flex;justify-content:center;padding-top:45vh}.empty{width:10px}.menu-window.open{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}.menu-nav-wrapper{display:flex;justify-content:center;padding-top:100px}.menu-nav-wrapper nav{height:50vh}.menu-nav-wrapper nav ul{display:flex;flex-direction:column}.menu-window nav ul li{list-style:none;display:inline-block;margin-right:30px;height:10vh}.menu-window nav ul li a{text-decoration:none;color:#fff;transform:all .2s;font-family:SUSE,Helvetica,Arial,sans-serif;font-size:50px}.menu-window nav ul li a:hover{color:#bff3db}.menu-nav-txt.menuOpen{animation:slideInClip 1s cubic-bezier(.2,1,.7,1) forwards}.menu-close{color:#fff;display:inline-block}.menu-header{display:flex;justify-content:space-between;align-items:center;background-color:#24292b;width:100%;z-index:1000;height:11vh;padding-left:8.4vw;padding-right:8.4vw}#homepage-section-1{height:40vh;display:flex;justify-content:center;align-items:flex-end}#homepage-section-1 p{font-size:2em;text-transform:uppercase;font-family:SUSE,Arial,Helvetica,sans-serif;text-align:center}#homepage-section-2{display:flex;justify-content:center}.videoContainer{display:flex;width:100%;align-items:center;justify-content:space-between}.HomepageVideoClip1{width:100%}@keyframes slideInClip{0%{clip-path:inset(0% 100% 0% 0%)}to{clip-path:inset(0% 0% 0% 0%)}}.test{display:block;color:brown;animation:slideInClip 1.2s ease-out forwards}.centerContentWrap{display:flex;align-items:center;justify-content:center}