:root{--zs-borRad:30px}body.showcasepage #smooth-content{background:#fff!important}body.showcasepage section{padding:5rem 1rem 0;background-color:#fff}body.showcasepage h3{margin-bottom:1rem}body.showcasepage p:not(:last-of-type){margin-bottom:1rem}body.showcasepage p:has(+h3),body.showcasepage span:has(+h3),body.showcasepage ul:has(+h3){margin-bottom:3rem}body.showcasepage a.butn{text-decoration:none}body.showcasepage nav.navbar{-webkit-transition:250ms ease;transition:250ms ease}body.showcasepage nav.navbar.hidden{translate:0 -100%}body.showcasepage .grad-text{background:linear-gradient(140deg,#ea2199,#936ff5,#24c5e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.2ch;font-style:italic}body.showcasepage .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body.showcasepage .content .butn{margin-top:.5rem}body.showcasepage img:not(.nav-icon){border-radius:var(--zs-borRad)}body.showcasepage .YouTubePopUp-Wrap{background-color:#000}body.showcasepage .YouTubePopUp-Wrap .YouTubePopUp-Content{max-width:100%!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body.showcasepage .YouTubePopUp-Wrap .YouTubePopUp-Content .YouTubePopUp-Close{z-index:2000;width:80px;height:80px;-webkit-filter:brightness(5);filter:brightness(5);right:2%;top:3%;bottom:auto;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid #666;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}body.showcasepage .YouTubePopUp-Wrap .YouTubePopUp-Content .YouTubePopUp-Close::after,body.showcasepage .YouTubePopUp-Wrap .YouTubePopUp-Content .YouTubePopUp-Close::before{content:"";position:absolute;top:50%;left:50%;display:block;width:40px;height:.5px;background-color:#666;rotate:45deg;translate:-50% -50%}body.showcasepage .YouTubePopUp-Wrap .YouTubePopUp-Content .YouTubePopUp-Close::after{rotate:135deg}@media (max-width:991px){body.showcasepage .YouTubePopUp-Wrap .YouTubePopUp-Content .YouTubePopUp-Close{scale:.8;-webkit-transform-origin:top right;transform-origin:top right}}body.showcasepage .YouTubePopUp-Wrap .YouTubePopUp-Content iframe{max-width:min(1600px,95%)!important;height:90%!important;border-radius:var(--zs-borRad)}body.showcasepage .project-offcanvas{width:min(80vw,1200px)}body.showcasepage .project-offcanvas .offcanvas-body{padding:0 2.5rem 2.5rem}@media (max-width:767px){body.showcasepage .project-offcanvas{width:100%}body.showcasepage .project-offcanvas .offcanvas-body{padding:0 1.5rem 1.5rem}}body.showcasepage .project-offcanvas .offcanvas-header{padding:1rem 1rem 0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}body.showcasepage .project-offcanvas .img-des{display:block;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#161616));background:linear-gradient(transparent,#161616);color:#fff;position:absolute;bottom:0;left:0;right:0;padding:.5rem 1rem;border-radius:0 0 var(--zs-borRad) var(--zs-borRad)}body.showcasepage .project-offcanvas .iframe-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%;height:0;border-radius:var(--zs-borRad)}body.showcasepage .project-offcanvas .iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (min-width:768px){body.showcasepage .project-offcanvas .project-footer .equipments{margin-bottom:0!important}}body.showcasepage .offcanvas-backdrop{background-color:rgba(0,0,0,.65)}body.showcasepage .offcanvas-backdrop.show{opacity:1!important;backdrop-filter:blur(4px)}header.hero{padding:7rem 1rem 4rem}@media (min-width:992px){header.hero{padding:9rem 1rem 6rem}}header.hero .hero-grid{text-align:center;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto repeat(2,1fr);gap:.5rem}header.hero .hero-grid .item{position:relative}header.hero .hero-grid .item img,header.hero .hero-grid .item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--zs-borRad)}header.hero .hero-grid .item h1{font-size:48px}header.hero .hero-grid .item h2{font-size:28px}header.hero .hero-grid .item-1{grid-column:1/3;grid-row:1/1}header.hero .hero-grid .item-2{grid-column:2/3;grid-row:4/4}header.hero .hero-grid .item-3{grid-column:1/3;grid-row:3/3}header.hero .hero-grid .item-3 img{border-radius:5rem 0}header.hero .hero-grid .item-4{grid-column:1/2;grid-row:4/4}header.hero .hero-grid .item-4 img{border-radius:20rem}header.hero .hero-grid .item-5{grid-column:1/3;grid-row:2/2}@media (min-width:768px){header.hero .hero-grid .item-1{grid-column:1/3;grid-row:1/1}header.hero .hero-grid .item-2{grid-column:2/3;grid-row:3/3}header.hero .hero-grid .item-2 img{border-radius:0 5rem}header.hero .hero-grid .item-3{grid-column:1/2;grid-row:3/5}header.hero .hero-grid .item-3 img,header.hero .hero-grid .item-3 video{border-radius:20rem}header.hero .hero-grid .item-4{grid-column:2/3;grid-row:4/4}header.hero .hero-grid .item-4 img{border-radius:5rem 0}header.hero .hero-grid .item-5{grid-column:1/3;grid-row:2/2}}@media (min-width:992px){header.hero .hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:1.5rem}header.hero .hero-grid .item h1{text-align:right;font-size:52px}header.hero .hero-grid .item h2{text-align:left;font-size:36px}header.hero .hero-grid .item-1{grid-column:1/1;grid-row:1/1}header.hero .hero-grid .item-2{grid-column:1/1;grid-row:2/2;padding-bottom:.5rem}header.hero .hero-grid .item-3{grid-column:2/2;grid-row:1/3}header.hero .hero-grid .item-4{grid-column:3/3;grid-row:1/1;padding-top:.5rem}header.hero .hero-grid .item-5{grid-column:3/3;grid-row:2/2}}@media (min-width:1200px){header.hero .hero-grid .item h1{font-size:60px}header.hero .hero-grid .item h2{font-size:40px}}section.mission{background:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),color-stop(50%,#fff));background:linear-gradient(#f2f2f2,#fff 50%)}section.mission .img-scale{height:calc(10vw + 300px)}@media (min-width:992px){section.mission .img-scale{height:80vh}}section.mission .next-section{margin:0 auto;max-width:100%!important}section.mission video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}section.mission .image{border-radius:var(--zs-borRad)}section.mission a.play-video-link{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}section.mission a.play-video-link:hover{cursor:none}section.mission img.play-button{display:block;width:50px!important;margin:0 auto}section.projects{padding-top:4rem!important}section.projects h2{padding-top:2rem;text-align:center}@media (min-width:768px){section.projects h2{text-align:start}}section.projects h2,section.projects p{-webkit-transition:.1s ease;transition:.1s ease}section.projects .project-link{padding:2rem 0;position:relative}section.projects .project-link:not(:last-of-type){border-bottom:1px solid #000}section.projects .project-link .project-img,section.projects .project-link .project-preview{position:relative;z-index:1}section.projects .project-link::before{content:"";position:absolute;top:0;bottom:0;left:-80px;right:-80px;background-image:-webkit-gradient(linear,left top,right top,from(rgba(28,214,255,0)),color-stop(18%,rgba(28,214,255,.3)),color-stop(50%,rgba(182,132,226,.5)),color-stop(82%,rgba(255,98,192,.3)),to(rgba(255,98,192,0)));background-image:linear-gradient(90deg,rgba(28,214,255,0),rgba(28,214,255,.3) 18%,rgba(182,132,226,.5) 50%,rgba(255,98,192,.3) 82%,rgba(255,98,192,0));opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%);-webkit-transition:.2s linear;transition:.2s linear}section.projects .project-link:hover{cursor:none}section.projects .project-link:hover::before{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}section.projects .project-link:hover .project-tag .tag{background-color:#fff;-webkit-transition:.3s ease;transition:.3s ease}section.projects .project-link:hover h3,section.projects .project-link:hover p{color:#000}section.projects .project-link:hover .view-details{color:#000!important;-webkit-text-fill-color:#000;background:0 0;text-decoration:underline}section.projects .project-tag .tag{background-color:#f2f2f2;border-radius:var(--zs-borRad)}section.contact{padding-bottom:5rem!important;margin-top:5rem}section.other-services .butn-group a{border:1px solid #000}[lang=ja_JP] body.showcasepage .grad-text{font-style:normal;padding-right:0}