/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */@import"https://fonts.googleapis.com/css2?family=DotGothic16&display=swap";*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:rgba(0,0,0,0);text-decoration:none;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:rgba(0,0,0,0);padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}body{overflow-x:hidden;font-family:"DotGothic16",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;background:#111}.fadeIn{opacity:0;transition:opacity 1s ease-out}.fadeIn.active{opacity:1}@-webkit-keyframes secondaryImageOverlayIn{0%{width:0}100%{width:100%}}@keyframes secondaryImageOverlayIn{0%{width:0}100%{width:100%}}@-webkit-keyframes secondaryImageOverlayOut{0%{transform:translateX(0)}100%{transform:translateX(102%)}}@keyframes secondaryImageOverlayOut{0%{transform:translateX(0)}100%{transform:translateX(102%)}}.bloc{position:relative;display:inline-block;overflow:hidden;opacity:0;visibility:hidden}.bloc.active{opacity:1;visibility:visible}.bloc.active:after{content:"";position:absolute;left:0;top:0;height:100%;background-color:#000;-webkit-animation:secondaryImageOverlayIn .6s 0s cubic-bezier(0.77, 0, 0.175, 1),secondaryImageOverlayOut .6s .6s cubic-bezier(0.77, 0, 0.175, 1);animation:secondaryImageOverlayIn .6s 0s cubic-bezier(0.77, 0, 0.175, 1),secondaryImageOverlayOut .6s .6s cubic-bezier(0.77, 0, 0.175, 1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.bloc.active>div{position:relative;-webkit-animation:fadeIn .1s .5s;animation:fadeIn .1s .5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}section{position:relative;mix-blend-mode:difference}.container{position:relative;z-index:2;width:95%;max-width:1400px;margin:auto}@media screen and (max-width: 1024px){.container{max-width:auto}}#logo__top{position:fixed;z-index:999;top:20px;left:20px;mix-blend-mode:difference}#logo__top img{width:74px}#stars{z-index:1;position:fixed;inset:0;height:100vh;width:100%;opacity:.5}#dot__txt{z-index:2;color:rgba(100,100,100,.4);font-size:20rem;position:fixed;bottom:150px;left:0px;opacity:0}#bg__grid{overflow:hidden;height:104vh;width:108%;position:fixed;inset:0;background:rgba(0,0,0,0);transform:translate(-4%, -2%);z-index:3}#bg__grid .dot{position:absolute;background:rgba(0,0,0,0);z-index:1;transition:all 900ms ease-out}#bg__grid .dot:before,#bg__grid .dot:after{content:"";position:absolute;background:traansparent;width:1px;height:1px;z-index:2;border-collapse:collapse;border-style:solid;border-color:rgba(125,125,125,.4)}#bg__grid .dot:before{border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}#bg__grid .dot:after{border-right-width:1px;border-bottom-width:1px;right:0;bottom:0}#bg__grid .dot:hover{background:rgba(128,128,128,.4)}header{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;z-index:99;position:relative;text-align:center}header div{width:100%;color:#fff}header div h1{margin:0 auto 2em;width:600px}@media screen and (max-width: 1024px){header div h1{width:50%}}header div h2{font-size:1.6rem;font-weight:bolder;letter-spacing:4px;opacity:0;transition:opacity .5s .2s linear}header div h2.active{opacity:1}@media screen and (max-width: 768px){header div h2{font-size:1.2rem;letter-spacing:2px}}@media screen and (max-width: 600px){header div h2{font-size:1rem}}#about{padding:12em 0 8em;background:#fff;color:#111;text-align:center}#about .video{z-index:2}#about .video video{margin:auto;width:60vw}#about h1{font-weight:bolder;letter-spacing:2px;font-size:4rem;line-height:1;margin:0 0 .6em}#about p{line-height:1.6}#about p.en{font-size:1.2rem;margin:.4em auto}#about p.jp{font-size:.85rem}#about #business{margin:4em auto;text-align:center}#about #business .img{width:550px;margin:auto}#about #business .txt{margin:2em auto}@media screen and (max-width: 1024px){#about h1{font-size:3rem}#about p.en{font-size:1.1rem}#about p.jp{font-size:.8rem}}@media screen and (max-width: 768px){#about h1{font-size:2.5rem}#about p.en{font-size:1rem}#about #business{margin:2em auto}#about #business .img{width:80%}#about .txt{width:90%;font-size:.9rem}}@media screen and (max-width: 600px){#about{padding:6em 0 4em}#about h1{font-size:2rem}#about p{width:90%;margin:auto}#about p.en{font-size:1rem}#about p.jp{font-size:.75rem}#about #business{margin:2em auto}#about #business .img{width:90%}}@media screen and (max-width: 460px){#about{padding:6em 0 2em}#about h1{font-size:1.4rem}}#works{background:#111;padding:10em 0;position:relative;color:#fff}#works h2{text-align:center;font-size:3rem;line-height:1.4;font-weight:bolder;letter-spacing:4px}#works .contactus{margin:5em auto;text-align:center}#works dl{position:relative;display:flex;margin:4em auto;align-items:center}#works dl dt .parallax{height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center}#works dl dt img{-o-object-fit:cover;object-fit:cover;border-radius:2px;box-shadow:0 12px 32px rgba(0,0,0,.4)}#works dl dd{padding:0 4em 4em}#works dl dd h3{font-size:2rem;line-height:1.5;margin:0 0 1em}#works dl dd p{font-size:.9rem;line-height:2;word-break:break-all}@media screen and (max-width: 460px){#works{padding:6em 0 4em}#works h2{font-size:2rem}#works .contactus{width:90%;font-size:.9rem}}#contact{position:relative;z-index:99999;position:relative;min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center}#contact .container{max-width:800px}#contact h2{text-align:center;font-size:3rem;line-height:1.6;font-weight:bolder;letter-spacing:4px}#contact h4{text-align:center;font-size:.7rem;line-height:1.4;font-weight:normal;letter-spacing:1px}#contact h3{margin:2em auto;letter-spacing:2px;font-weight:bolder;text-align:center;font-size:1.1rem;line-height:2}#contact h5{text-align:center;font-size:1rem;line-height:1.4;font-weight:normal;letter-spacing:1px;margin-bottom:.4em}#contact p{text-align:center;font-size:.8rem;line-height:1.4;font-weight:normal;letter-spacing:1px}#contact .gmap{margin:3em auto}#contact .gmap iframe{width:100%;height:450px}@media screen and (max-width: 600px){#contact{min-height:auto;padding:6em 0 8em}#contact h2{font-size:2rem;letter-spacing:2px}#contact h3{font-size:1rem}#contact h4{font-size:.6rem}}footer{position:fixed;z-index:99999;bottom:40px;right:-10px;transform:translateY(-100%) rotate(90deg);mix-blend-mode:difference}footer p{color:#fff;font-size:.8rem}@media screen and (max-width: 600px){footer{bottom:20px;right:-20px}footer p{font-size:.7rem}}
/*# sourceMappingURL=grid.min.css.map */