*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@-webkit-keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.FeaturedProjectSection{font-family:Noto Sans JP;margin-top:200px;overflow:hidden;padding:170px 20%;position:relative;width:100%}@media only screen and (max-width:950px){.FeaturedProjectSection{padding:100px 10%}}.FeaturedProjectSection:before{background-color:#687d8b;border-radius:50%;content:"";height:1400px;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%) translateY(100%) scale(2);transform:translateX(-50%) translateY(100%) scale(2);-webkit-transform-origin:bottom;transform-origin:bottom;width:170vh;z-index:-1}@media only screen and (max-width:950px){.FeaturedProjectSection:before{height:1800px}}.FeaturedProjectSection .Content{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:30px;width:100%}.FeaturedProjectSection .Content h2{font-family:Inter,sans-serif;font-size:48px;font-weight:300;line-height:58px}.FeaturedProjectSection .Content h2 span{font-size:120px}@media only screen and (max-width:950px){.FeaturedProjectSection .Content h2{font-size:38px}.FeaturedProjectSection .Content h2 span{font-size:65px}}.FeaturedProjectSection .Content .Description{font-size:20px;font-weight:500;line-height:30px}.FeaturedProjectSection .Content .AsahiyakiLogo{margin:100px 0 70px;width:250px}.FeaturedProjectSection .Content .Main{display:flex;justify-content:space-between;width:100%}.FeaturedProjectSection .Content .Main div{display:flex;flex-direction:column}.FeaturedProjectSection .Content .Main .AsahiyakiOne{font-size:20px;font-weight:500;line-height:30px}.FeaturedProjectSection .Content .Main .AsahiyakiOne span{margin-top:20px}.FeaturedProjectSection .Content .Main .AsahiyakiTwo{font-size:20px;font-weight:500;line-height:30px}.FeaturedProjectSection .Content .Main .AsahiyakiTwo .AsahiyakiTwoDescription{margin-top:20px}.FeaturedProjectSection .Content .Main .AsahiyakiTwo .AsahiyakiTwoName{text-align:right}.FeaturedProjectSection .Content .Main .AsahiyakiOne{width:400px}@media only screen and (max-width:950px){.FeaturedProjectSection .Content .Main .AsahiyakiOne{width:100%}}.FeaturedProjectSection .Content .Main .AsahiyakiTwo{width:250px}@media only screen and (max-width:950px){.FeaturedProjectSection .Content .Main .AsahiyakiTwo{margin-top:40px}.FeaturedProjectSection .Content .Main{flex-direction:column}}.FeaturedProjectSection .Content .Timeline{margin-top:100px;max-height:900px}@media only screen and (max-width:950px){.FeaturedProjectSection .Content .Timeline{margin-top:40px}}.FeaturedProjectSection .Content .Support{display:flex;justify-content:space-between;margin-top:170px;width:100%}.FeaturedProjectSection .Content .Support .SupportedBy{font-size:18px;text-decoration-line:underline}.FeaturedProjectSection .Content .Support .QosmoLogo{height:62px;-webkit-transform:translateY(-22px);transform:translateY(-22px);width:200px}.FeaturedProjectSection .Content .Support .QosmoDescription{font-size:16px;line-height:24px;width:400px}@media only screen and (max-width:1340px){.FeaturedProjectSection .Content .Support{margin-top:90px}}@media only screen and (max-width:950px){.FeaturedProjectSection .Content .Support{flex-direction:column;margin-top:350px}.FeaturedProjectSection .Content .Support .QosmoDescription{font-size:12px;line-height:20px;width:100%}.FeaturedProjectSection .Content .Support .QosmoLogo{-webkit-transform:translateY(0) translateX(-20px);transform:translateY(0) translateX(-20px)}.FeaturedProjectSection .Content .Support .SupportedBy{font-size:16px;text-decoration-line:underline}}.Timeline{height:100vh;margin-bottom:50px;width:100%}.Timeline h2{font-family:Inter,sans-serif;font-size:48px;font-weight:300;line-height:58px}.Timeline .StepsContainer{height:100%;margin:0 auto;max-height:800px;max-width:600px;position:relative;width:100%}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Timeline .StepsContainer .StepOne{-webkit-animation-delay:.3s;animation-delay:.3s;background-color:#303940;color:#fff;left:calc(50% - 100px);top:0}.Timeline .StepsContainer .ArrowOne{-webkit-animation-delay:.6s;animation-delay:.6s;left:66%;position:absolute;top:22%;-webkit-transform:rotate(210deg);transform:rotate(210deg)}@media only screen and (max-width:950px){.Timeline .StepsContainer .ArrowOne{top:25%}}.Timeline .StepsContainer .StepTwo{-webkit-animation-delay:.9s;animation-delay:.9s;background-color:#434f59;color:#fff;left:calc(90% - 100px);top:25%}@media only screen and (max-width:950px){.Timeline .StepsContainer .StepTwo{top:29%}}.Timeline .StepsContainer .ArrowTwo{-webkit-animation-delay:1.2s;animation-delay:1.2s;left:78%;position:absolute;top:55%;-webkit-transform:rotate(290deg);transform:rotate(290deg)}@media only screen and (max-width:950px){.Timeline .StepsContainer .ArrowTwo{top:54%}}.Timeline .StepsContainer .StepThree{-webkit-animation-delay:1.5s;animation-delay:1.5s;background-color:#8faabf;left:calc(75% - 100px);top:65%}@media only screen and (max-width:950px){.Timeline .StepsContainer .StepThree{top:58%}}.Timeline .StepsContainer .ArrowThree{-webkit-animation-delay:1.8s;animation-delay:1.8s;left:47%;position:absolute;top:75%}@media only screen and (max-width:950px){.Timeline .StepsContainer .ArrowThree{top:83%}}.Timeline .StepsContainer .StepFour{-webkit-animation-delay:2.1s;animation-delay:2.1s;background-color:#a2c1d9;left:calc(25% - 100px);top:65%}@media only screen and (max-width:950px){.Timeline .StepsContainer .StepFour{top:87%}}.Timeline .StepsContainer .ArrowFour{-webkit-animation-delay:2.4s;animation-delay:2.4s;left:12%;position:absolute;top:55%;-webkit-transform:rotate(70deg);transform:rotate(70deg)}@media only screen and (max-width:950px){.Timeline .StepsContainer .ArrowFour{top:112%}}.Timeline .StepsContainer .StepFive{-webkit-animation-delay:2.7s;animation-delay:2.7s;background-color:#b5d8f2;left:calc(10% - 100px);top:25%}@media only screen and (max-width:950px){.Timeline .StepsContainer .StepFive{top:116%}}.Timeline .StepsContainer .StepFive,.Timeline .StepsContainer .StepFour,.Timeline .StepsContainer .StepOne,.Timeline .StepsContainer .StepThree,.Timeline .StepsContainer .StepTwo{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeIn;animation-name:fadeIn;border-radius:50%;display:flex;flex-direction:column;font-family:Noto Sans JP;font-size:14px;height:200px;justify-content:center;line-height:20px;opacity:0;padding:37px;position:absolute;width:200px}.Timeline .StepsContainer .StepFive .StepTitle,.Timeline .StepsContainer .StepFour .StepTitle,.Timeline .StepsContainer .StepOne .StepTitle,.Timeline .StepsContainer .StepThree .StepTitle,.Timeline .StepsContainer .StepTwo .StepTitle{font-size:24px;margin-bottom:7px}@media only screen and (max-width:950px){.Timeline .StepsContainer .StepFive,.Timeline .StepsContainer .StepFour,.Timeline .StepsContainer .StepOne,.Timeline .StepsContainer .StepThree,.Timeline .StepsContainer .StepTwo{left:calc(50% - 100px)}}.Timeline .StepsContainer .ArrowFive,.Timeline .StepsContainer .ArrowFour,.Timeline .StepsContainer .ArrowOne,.Timeline .StepsContainer .ArrowThree,.Timeline .StepsContainer .ArrowTwo{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeIn;animation-name:fadeIn;opacity:0;width:45px}@media only screen and (max-width:950px){.Timeline .StepsContainer .ArrowFive,.Timeline .StepsContainer .ArrowFour,.Timeline .StepsContainer .ArrowOne,.Timeline .StepsContainer .ArrowThree,.Timeline .StepsContainer .ArrowTwo{left:calc(50% - 15px);-webkit-transform:rotate(270deg);transform:rotate(270deg);width:30px}}.Footer{align-items:center;display:flex;justify-content:space-around;margin-bottom:30px}.Footer .Description{color:#fff;font-family:Noto Sans JP;font-size:14px;line-height:21px}@media only screen and (max-width:950px){.Footer{flex-direction:column;flex-flow:column-reverse}}.Footer .CTCLogo{width:auto}.HeroSection{height:100vh}.HeroSection .Logo{align-items:center;display:flex;justify-content:center;position:fixed;width:100vw;z-index:2}.HeroSection .Logo,.HeroSection .LogoSpace{background-color:#000;height:10%}.HeroSection .Video{background-size:cover;height:80%;z-index:-1}.HeroSection .Video video{height:100vh;left:50%;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw;z-index:-1}.HeroSection .Video .VolumeToggle{bottom:11%;cursor:pointer;position:absolute;right:10px}.HeroSection .Video .VolumeToggle img{width:35px}.HeroSection .ScrollDownContainer{align-items:center;background-color:#000;display:flex;height:11%;justify-content:center;margin:0 auto;z-index:2}.HeroSection .ScrollDownContainer img{width:40px}.Logo{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:50px;font-weight:700;justify-content:center;overflow:hidden}.Logo img{width:260px}.NewsCard{color:#fff;cursor:pointer;max-width:500px;width:100%}@media only screen and (max-width:950px){.NewsCard{flex-direction:column;margin-bottom:40px}}.NewsCard .NewsCardTitle{font-family:Noto Sans JP;margin-top:20px}.NewsCard .NewsCardDate{margin-top:5px}.NewsCard .Excerpt{margin-top:20px}.NewsCard .Image{height:280px;width:90%}.NewsSection{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:200px}@media only screen and (max-width:950px){.NewsSection{margin-top:40px}}.NewsSection .ReadMore,.NewsSection h2,.NewsSection h3{font-family:Inter,sans-serif;width:75%}@media only screen and (max-width:950px){.NewsSection .ReadMore,.NewsSection h2,.NewsSection h3{width:85%}}.NewsSection .ReadMore{cursor:pointer;margin-top:40px}.NewsSection h2{font-size:48px;font-weight:300;margin-bottom:50px}.NewsSection .NewsContainer{display:flex;justify-content:space-between;width:75%}@media only screen and (max-width:950px){.NewsSection .NewsContainer{flex-direction:column;width:85%}}.ProjectDescriptionSection{align-items:center;color:#fff;display:flex;font-family:Noto Sans JP;font-size:24px;justify-content:center;line-height:36px;margin-top:50px}.ProjectDescriptionSection .ParagraphsContainer{width:75%}.ProjectDescriptionSection .ParagraphsContainer .FirstParagraph{margin-bottom:80px}.ProjectDescriptionSection .ParagraphsContainer .SecondParagraph{margin-bottom:150px}@media only screen and (max-width:950px){.ProjectDescriptionSection .ParagraphsContainer .SecondParagraph{margin-bottom:100px}}.ProjectDescriptionSection .ParagraphsContainer .ThirdParagraph{align-items:center;display:flex;justify-content:space-between}.ProjectDescriptionSection .ParagraphsContainer .ThirdParagraph img{width:400px}.ProjectDescriptionSection .ParagraphsContainer .ThirdParagraph span{font-size:20px;padding:20px;width:50%}@media only screen and (max-width:950px){.ProjectDescriptionSection .ParagraphsContainer .ThirdParagraph{flex-direction:column}.ProjectDescriptionSection .ParagraphsContainer .ThirdParagraph span{display:block;width:100%}.ProjectDescriptionSection .ParagraphsContainer .ThirdParagraph img{width:300px}.ProjectDescriptionSection .ParagraphsContainer{width:85%}}.TechSection{color:#fff;display:flex;font-size:20px;justify-content:center;line-height:30px;margin:200px 0 300px}.TechSection .Content{display:flex;justify-content:space-between;width:75%}.TechSection .Content h2{font-family:Inter,sans-serif;font-size:40px;font-weight:300;line-height:45px;margin:0 0 80px}@media only screen and (max-width:950px){.TechSection .Content h2{line-height:50px;margin:0 0 40px}}.TechSection .Content p{margin-bottom:26px}.TechSection .Content .Descriptions,.TechSection .Content .Images{font-family:Noto Sans JP;width:48%}.TechSection .Content .Image{font-size:14px;margin-bottom:100px}.TechSection .Content .Image img{width:100%}@media only screen and (max-width:950px){.TechSection .Content .Image{margin-bottom:50px}.TechSection .Content{flex-direction:column;width:85%}.TechSection .Content .Descriptions,.TechSection .Content .Images{width:100%}.TechSection{margin:100px 0 50px}}.Error{background:darkred;border-radius:3px;color:#fff;left:1em;padding:.3em;position:absolute;top:1em}.NewsListPage .Logo{background-color:#000;height:10%;position:fixed;top:0;width:100vw;z-index:2}.NewsListPage h1{color:#fff;font-family:Inter,sans-serif;font-size:48px;font-weight:300;margin:100px auto;width:75%}.NewsListPage .NewsContainer{display:flex;flex-wrap:wrap;font-family:Noto Sans JP;font-size:24px;font-weight:500;justify-content:space-between;line-height:35px;margin:100px auto;width:75%}.NewsListPage .NewsCard{margin-bottom:100px}figure,img{height:auto;margin:0;max-width:100%}.HTMLContent{font-size:24px;font-weight:500;line-height:35px}.HTMLContent,.NewsPage{font-family:Noto Sans JP}.NewsPage{color:#fff;min-height:100vh}.NewsPage .Logo{background-color:#000;height:10%;position:fixed;top:0;width:100vw;z-index:2}.NewsPage .NewsContainer{-webkit-animation:fadeInOpacity 1s linear 1;animation:fadeInOpacity 1s linear 1;margin:120px auto;opacity:1;overflow-x:hidden;width:75%}.NewsPage .NewsContainer .NewsLink{cursor:pointer;font-family:Inter,sans-serif;font-size:48px;font-weight:300;margin-bottom:55px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.NewsPage .NewsContainer .FeaturedImage{height:550px;width:100%}@media only screen and (max-width:950px){.NewsPage .NewsContainer .FeaturedImage{height:300px}}.NewsPage .NewsContainer .Title{font-size:36px;font-weight:500;line-height:54px}.NewsPage .NewsContainer .Date{font-size:20px}.NewsPage .NewsContainer .Content{margin:40px auto;width:75%}@media only screen and (max-width:950px){.NewsPage .NewsContainer .Content{width:100%}.NewsPage .NewsContainer{width:85%}}.ErrorMessage{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;justify-content:center;width:100vw}.ErrorMessage>h2{font-size:3rem;margin-bottom:0}.ErrorMessage>p{margin-top:0}.ErrorMessage>a,.ErrorMessage>p{font-size:1rem;text-transform:uppercase}.ErrorMessage>a{border:1px solid #fff;border-radius:3px;color:#fff;margin-top:2em;padding:.4em;text-decoration:none;transition:all .2s linear}.ErrorMessage>a:hover{background:#fff;color:#000}.ErrorMessage>a:after{content:"↩";font-size:1.2rem;margin-left:4px}
/*# sourceMappingURL=main.e7e3fc66.css.map*/