section#inovation{width:100vw;height:380vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:12vw 5vw;position:relative}section#inovation>div:first-of-type{position:absolute;z-index:2;top:0;left:0;width:100%;height:100vh}section#inovation>div:nth-of-type(2){position:absolute;z-index:1;top:100vh;left:0;width:100%;height:100vh}.fly-wrapper{position:fixed;width:30vw;height:30vw;bottom:-50vh!important;top:unset!important;transform:translateX(-50%) translateZ(0)}.fly{position:relative!important;top:0!important;left:0!important}.fly-video{position:absolute;bottom:0;left:0;width:30vw;height:30vw;display:block;opacity:1}section#inovation>div .fly-wrapper img{width:100%;height:100%;object-fit:cover}section#inovation .second-flys img{position:absolute}section#inovation>div:first-of-type .fly-wrapper:first-of-type{width:15vw;left:5vw;transform:translateZ(0);top:110vh}section#inovation>div:first-of-type .fly-wrapper:nth-of-type(2){width:30vw;top:10vw;top:132vw;left:50%;position:relative}section#inovation>div:first-of-type .fly-wrapper:nth-of-type(3){transform:translateZ(0);width:15vw;height:10vw;top:100vh;right:5vw}section#inovation .second-flys .fly-wrapper:first-of-type{width:15vw;height:15vw;left:5vw;transform:translateZ(0);top:110vh}section#inovation .second-flys .fly-wrapper:nth-of-type(2){width:15vw;height:15vw;left:50%;transform:translateX(-50%) translateZ(0);top:110vh}section#inovation .second-flys .fly-wrapper:nth-of-type(3){width:15vw;height:15vw;right:5vw;transform:translateZ(0);top:110vh}section#inovation .magick .letters-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:auto}section#inovation .magick .letters-wrapper span{font-size:12vw;font-family:pp-fragment;text-transform:uppercase;line-height:12vw}.magick{width:100%;height:100vh}.magick,.magick>div:first-of-type{display:flex;flex-direction:column;justify-content:center;align-items:center}.magick>div:first-of-type{width:auto;height:auto;font-family:pp-fragment}.magick>div:first-of-type img{width:5vw}.magick>div:first-of-type h2:first-of-type{font-size:1.3vw;letter-spacing:.5vw;text-transform:uppercase}.magick>div:first-of-type h2:nth-of-type(2){font-size:.8vw;letter-spacing:.5vw;text-transform:uppercase}section#works{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:auto;position:relative;height:600vh;height:600dvh}.work-wrapper{height:100dvh;overflow:hidden}#work-1{background:red;z-index:1;top:0}#work-2{background:rgb(238,222,75);z-index:2}#work-2,#work-3{top:100vh;top:100dvh}#work-3{background:rgb(156,156,156);z-index:3}#works{position:relative;overflow:hidden}.work-wrapper{position:absolute;top:0;left:0}.work-wrapper,section#service{width:100%;height:100vh}.work-wrapper>img{position:absolute;object-fit:cover;filter:brightness(30%)}.work-head,.work-wrapper>img{top:0;left:0;width:100%;height:100%}.work-head{position:relative;z-index:1}.work-head .actionButton{position:absolute;background:var(--bg);bottom:10vw;right:5vw;width:15vw;height:calc(15 / 4 * 1vw)}.work-head img{height:2vw;position:absolute;bottom:25vw;left:5vw}.work-head h2{bottom:10vw;left:5vw;font-size:7.5vw;text-transform:uppercase}.work-head h2,.work-head p{position:absolute;line-height:.9;font-family:pp-fragment;font-weight:100;color:var(--bg)}.work-head p{top:15vw;right:5vw;font-size:2vw}@media screen and (max-width:1024px){.magick>div:first-of-type img{width:10vh}.magick>div:first-of-type h2:first-of-type{font-size:4vh;margin-top:20vh}.magick>div:first-of-type h2:nth-of-type(2){font-size:3vh;margin-bottom:5vh}.magick{justify-content:center}.magick>div:first-of-type h2:first-of-type{margin-top:0}.work-wrapper>img{width:unset;height:100%;left:50%;transform:translateX(-50%)}section#inovation{height:1000vh;margin-top:-100vh}section#inovation>div:first-of-type img:first-of-type{width:15vh}section#inovation>div:first-of-type img:nth-of-type(2){width:35vh}section#inovation>div:first-of-type img:nth-of-type(3){width:20vh}section#inovation>div:first-of-type .fly-wrapper:first-of-type{top:210vh}section#inovation>div:first-of-type .fly-wrapper:nth-of-type(2){top:232vh}section#inovation>div:first-of-type .fly-wrapper:nth-of-type(3){top:200vh}section#inovation .second-flys .fly-wrapper:first-of-type{width:15vh;top:175vh}section#inovation .second-flys .fly-wrapper:nth-of-type(2){top:190vh;width:15vh}section#inovation .second-flys .fly-wrapper:nth-of-type(3){top:185vh;width:10vh}.work-head img{height:3.5vh;bottom:57%}.work-head h2{bottom:40%;font-size:7.5vh}.work-head p{font-size:4vh;top:63%;left:5vw}.work-head .actionButton{bottom:18%;left:5vw;width:25vh;height:calc(25 / 4 * 1vh)}}.hero{width:100vw;height:100vh;overflow:hidden;position:relative;z-index:9}.hero .bg{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);z-index:-1;pointer-events:none;filter:brightness(30%)}.hero .bg,.hero .hero-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.hero .hero-video{z-index:-2}.heroTitleSvg{--w:12vw;--h:var(--w);position:absolute;bottom:5vw;left:5vw;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;opacity:0}.heroTitleSvg svg:first-of-type{width:var(--w);height:var(--h)}.heroTitleSvg svg:nth-of-type(2){width:calc(var(--w)/2);height:calc(var(--w)/.82)}.heroTitleSvg svg:nth-of-type(3){width:calc(var(--w)/1);height:calc(var(--w)/1)}.heroTitleSvg svg:nth-of-type(4){width:calc(var(--w)/.99);height:calc(var(--w)/.95)}.heroTitleSvg svg:nth-of-type(5){width:calc(var(--w)/.99);height:calc(var(--w)/.8)}.heroTitleSvg svg:nth-of-type(6){width:calc(var(--w)/1);height:calc(var(--w)/.98)}.heroTitleSvg svg path{stroke-width:1px;stroke:rgb(251,240,218);fill:rgb(251,240,218,0)}.hero .detail{position:absolute;bottom:5vw;right:5vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:20vw;gap:1vw}.hero .japan-t{width:6vw}.hero .detail p{font-size:1vw}.hero .detail p,.hero .detail span{color:var(--bg);font-family:pp-fragment}.hero .detail span{font-size:1.6vw;text-transform:uppercase;margin-top:1vw;line-height:1.3vw}@media screen and (max-width:1024px){.hero .bg,.hero .hero-video{width:unset;height:100%;left:-47%}.hero .heroTitleSvg{--w:calc((100vw) / 6);bottom:unset;top:50%;left:50%;transform:translate(-50%,-50%)}.hero .detail{bottom:13vh;left:50%;transform:translateX(-50%);width:calc(100% - 5vh);align-items:flex-start}.hero .japan-t{width:10vh;margin-bottom:2vh}.hero .detail p{font-size:2vh}.hero .detail span{font-size:2vh;margin-left:auto;margin-top:6vh}}section#service{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;background:#f5e9d3;padding:80px 5%}.headline-grid{font-size:8vw;line-height:1;color:#1b0f08;display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;gap:4vw;align-items:center}.headline-grid h1{font-size:inherit}.headline-grid .row{flex-direction:row;justify-content:center;align-items:center}.headline-grid .col,.headline-grid .row{display:flex;gap:2vw;height:9.6vw;overflow:hidden}.headline-grid .col{flex-direction:column;justify-content:space-between;align-items:flex-start}section#service .word{font-family:pp-fragment,serif;font-weight:100}.hero-image{width:150px;height:auto}.side-text{flex:1 1 30%;font-size:1rem;color:#1b0f08;max-width:300px;display:flex;flex-direction:column;gap:20px}section#service .row:first-of-type img{width:4vw}section#service .row:first-of-type div{font-size:2vw}section#service .row:first-of-type div:first-of-type{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5vw;font-family:pp-fragment,serif;font-weight:100;text-transform:uppercase;overflow:hidden}section#service .row:nth-of-type(2) img{width:23vw}section#service .row:nth-of-type(2) .word{font-size:13vw}section#service .side-text p{font-size:1vw;color:black}@media screen and (max-width:1024px){.headline-grid .row:first-of-type{flex-direction:column;height:auto;gap:2vh}section#service .row:first-of-type img{width:8vh}section#service .row:first-of-type div{font-size:2vh}section#service .row:first-of-type div:first-of-type{font-size:4vh;gap:1.5vh}.headline-grid .row:nth-of-type(3){flex-direction:column;height:auto;gap:2vh}section#service .side-text p{font-size:2.5vh;line-height:1.3}.headline-grid .col{height:auto;margin-top:5vh;gap:3vh}.side-text{max-width:unset}}