@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes on-screen{0%{transform:translateY(300px)}to{transform:translateY(0)}}@keyframes flow{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes flow-copy{0%{transform:translate(0)}to{transform:translate(-100%)}}html{font-size:100%}@media screen and (width>=821px){body{font-family:futura-pt,sans-serif;font-size:2rem;font-weight:800}}@media screen and (width<=820px){body{font-family:futura-pt-condensed,sans-serif;font-size:1rem}}body{background:#121212;color:#fff4ea;margin:0;min-height:100vh;overflow-x:hidden;position:relative}body:before{background:url(/image/common/noise.png) repeat;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:99999}h1,h2,h3{font-weight:800;line-height:1}ul{list-style:none}@media screen and (width>=821px){p{font-size:20px;line-height:2}}@media screen and (width<=820px){p{font-size:16px;line-height:1.6}}p{font-family:zen-kaku-gothic-new,sans-serif}a{color:#fff4ea;text-decoration:none}img{vertical-align:bottom}.card{border-radius:10px;box-shadow:10px 10px 10px 5px #0006,-10px 10px 10px 5px #0006;cursor:pointer;height:100%;margin:auto;perspective:100px;position:relative;transform-style:preserve-3d;transition:transform .8s;transition:all .3s;width:100%}.card:before{background:#fff4ea;border-radius:10px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:all .3s;transition:.3s all;z-index:1}.card:hover:before{opacity:.2}.card-front,.card-back{backface-visibility:hidden;border-radius:10px;height:100%;overflow:hidden;position:absolute;width:100%}.card-back,.turn{transform:rotateY(180deg)}.logo a{display:block;height:100%;width:100%}.logo svg{height:100%;width:100%}.logo svg .text{animation:rotate 15s linear infinite;transform-origin:center}.jump,.button{align-items:center;background:#c72e2e;border-radius:50px;box-shadow:10px 10px 10px 5px #0006,-10px 10px 10px 5px #0006;overflow:hidden;position:relative;transition:all .3s}.jump:before,.button:before{background:#fff4ea;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:.3s all;z-index:1}.jump:hover:before,.button:hover:before{opacity:.2}.jump{display:flex;font-size:1.5rem;height:64px;justify-content:center;max-width:320px;overflow:hidden;text-align:center;width:100%}@media screen and (width>=821px){.section-title{font-size:100px;margin-bottom:60px}}@media screen and (width<=820px){.section-title{font-size:15vw;margin-bottom:2rem}.section-title span{font-size:8vw;margin-bottom:2rem}}.section-title{line-height:1;text-align:center}.section-title span{display:block;font-size:24px;margin-bottom:10px}@media screen and (width>=821px){.header{left:0;position:fixed;top:0;transition:all .3s;width:100%;z-index:9999}}@media screen and (width<=820px){.header{padding:1.5625rem}}@media screen and (width>=821px){.header-content{align-items:center;box-sizing:border-box;display:flex;margin:0 auto;max-width:1490px;padding:2rem 1.5rem;position:relative}}@media screen and (width>=821px){.header-logo{height:100px;width:100px}}@media screen and (width<=820px){.header-logo{aspect-ratio:1/1;height:33.3333333333vw;margin:0 auto;transition:all .3s;z-index:9999}.header-logo.fix{height:100px;left:24px;position:fixed;top:24px}}@media screen and (width<=820px)and (width<=414px){.header-logo.fix{height:3.75rem}}@media screen and (width<=820px){.header-logo a{display:flex;justify-content:center}}@media screen and (width<=820px){.nav{backdrop-filter:blur(1.875rem);border-radius:.625rem;height:100%;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .3s;width:100%;z-index:9999}.nav.show{opacity:1;pointer-events:auto}}@media screen and (width>=821px){.menu{display:flex;font-size:1.5rem;left:50%;line-height:0;position:absolute;transform:translate(-50%)}.menu li{margin:0 .9375rem}}@media screen and (width<=820px){.menu{box-sizing:border-box;padding:1.5625rem;width:100%}.menu a{display:block;width:100%}}@media screen and (width<=820px)and (width>=415px){.menu{font-size:5rem}}@media screen and (width<=414px){.menu{font-size:2.5rem}}@media screen and (width<=820px){.nav-button{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;height:2.5rem;justify-content:center;position:fixed;right:1.5625rem;top:1.5625rem;transition:all .3s;width:2.5rem;z-index:9999}.nav-button span{background:#fff4ea;display:block;height:.125rem;left:50%;position:absolute;transform:translate(-50%);transition:all .3s;width:1.25rem}.nav-button span:nth-of-type(1){animation-delay:.33s;top:.8125rem}.nav-button span:nth-of-type(2){top:50%;transform:translate(-50%,-50%)}.nav-button span:nth-of-type(3){animation-delay:.66s;bottom:.8125rem}.nav-button.show span:nth-of-type(1){animation:none;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.nav-button.show span:nth-of-type(2){animation:none;left:60%;opacity:0}.nav-button.show span:nth-of-type(3){animation:none;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}}.footer{font-size:1rem}@media screen and (width>=821px){.footer{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1490px;padding:2rem 1.5rem}}@media screen and (width<=820px){.footer{padding:3.75rem 1.5625rem 1.875rem;text-align:center}}.footer small{font-size:1rem}.footer-logo{aspect-ratio:1/1}@media screen and (width>=821px){.footer-logo{width:12.5rem}}@media screen and (width<=820px){.footer-logo{margin:0 auto;width:33.3333333333%}}@media screen and (width>=821px){.footer-column{display:grid;gap:1.25rem}}@media screen and (width>=821px){.sns-list{justify-content:flex-end}}@media screen and (width<=820px){.sns-list{justify-content:center;padding:60px 0}}.sns-list{display:flex;gap:1rem}.sns-list svg{fill:#fff4ea;height:2rem;width:2rem}@media screen and (width>=821px){.lang-menu{background:#fff4ea;border-radius:10px;box-shadow:5px 10px 10px #00000080;font-size:1rem;list-style:none;margin:0;overflow:hidden;padding:0;position:absolute;right:0;transform:translateY(10px);transition:all .3s;width:140px}.lang-menu li:nth-child(1){font-family:zen-kaku-gothic-new,sans-serif}.lang-menu button{align-items:center;background:#c72e2e;display:flex;height:40px;justify-content:center;padding:10px 0;transition:all .3s;width:100%}.lang-menu button:hover{opacity:.8}}@media screen and (width<=820px){.lang-menu{font-size:40px;margin:2rem}}.lang-menu{display:none}@media screen and (width>=821px){.lang-button{align-items:center;background:#c72e2e;border-radius:100px;display:flex;height:40px;justify-content:space-between;padding:0 6px;width:108px}.lang-button #lang-jp{align-items:center;display:flex;font-size:1.5rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.lang-button span{font-size:2rem}.lang-button:hover+.lang-menu,.lang-button .lang-menu:hover{display:block}}@media screen and (width<=820px){.lang-button{align-items:center;display:flex;padding:0 25px;width:100%}.lang-button #lang-jp{display:flex;justify-content:space-between;width:100%}.lang-button #lang-jp:before{content:"LANGUAGE"}}@media screen and (width<=980px){.lang-button{font-size:80px}}@media screen and (width<=414px){.lang-button{font-size:40px}}@media screen and (width>=821px){.lang{position:absolute;right:25px;top:50%;transform:translateY(-50%)}}@media screen and (width<=820px){.language,.arrow{display:none}}body.loading{height:100%;overflow:hidden;position:fixed;width:100%;z-index:9999999}.loading-screen{align-items:center;background-color:#121212;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease,visibility .5s ease;width:100%;z-index:99998}.loading-screen.hidden{opacity:0;pointer-events:none;visibility:hidden}.loading-logo{height:400px;width:400px}.loading-logo svg{height:100%;width:100%}.loading-logo svg .text{animation:rotate 15s linear infinite}@keyframes logo-color-shift{0%{fill:#fff4ea}33%{fill:#1d2a87}66%{fill:#c72e77}to{fill:#fff4ea}}.hello{background:linear-gradient(#121212 60%,#1d2a87);box-sizing:border-box;display:flex;justify-content:center;padding:0 1.5rem;text-align:center}@media screen and (width>=821px){.hello{align-items:center;font-size:60px;height:100vh;position:sticky;top:0;z-index:-1}}@media screen and (width<=820px){.hello{font-size:6.9vw;height:calc(100vh - 33.3333333333vw - 50px);padding-top:120px}}@media screen and (width<=414px){.hello{font-size:6vw;height:calc(50vh - 33.3333333333vw);padding-top:30px}}@media screen and (width<=820px)and (width>=415px){.project{padding-top:60px}.project>p{font-size:1.8rem;margin:0 1.5rem}}.collage{bottom:0;position:sticky;z-index:1}@media screen and (width<=820px)and (width>=415px){.collage{margin-top:30px}}.layer{left:0;position:absolute}.layer1{margin-top:300px;top:0;z-index:1}.layer1.on-screen{animation:on-screen 1s;margin-top:0}.layer2,.layer3,.layer4{bottom:0;top:auto!important}.layer2{z-index:2}.layer2.on-screen{animation:on-screen .75s}.layer3{z-index:3}.layer3.on-screen{animation:on-screen .5s}.layer4{z-index:4}.layer4.on-screen{animation:on-screen .25s}.layer5{position:relative;z-index:5}.project-summary{height:100vh;position:relative;z-index:1}@media screen and (width>=821px){.project-summary p{font-size:1.5rem;text-align:center}}@media screen and (width<=820px)and (width>=415px){.project-summary .inner{backdrop-filter:blur(30px);padding:60px 1.5rem}.project-summary p{font-size:4vw}}@media screen and (width<=414px){.project-summary .inner{backdrop-filter:blur(30px);padding:60px 1.5rem}.project-summary p{font-size:2.4rem}}.project-content{align-items:center;background:#121212;display:flex;height:100vh;position:sticky;top:0;z-index:2}@media screen and (width>=821px){.project-content{padding:60px 0}.project-content .inner{align-items:center;display:grid;gap:30px 120px;grid-template-columns:calc(50% - 60px) calc(50% - 60px);margin:0 auto;max-width:1490px;padding:0 1.5rem}.project-content:nth-child(2n) .content-image{grid-column:1}}@media screen and (width<=820px){.project-content .inner{padding:60px 1.5rem}.project-content p{font-size:3.5vw}}@media screen and (width>=821px){.content-name{align-self:self-end;font-size:80px}.content-name span{font-size:1.5rem}}@media screen and (width<=820px)and (width>=415px){.content-name{font-size:10vw}.content-name span{font-size:6vw}}@media screen and (width<=820px){.content-name{margin-bottom:30px;text-align:center}.content-name span{margin-top:10px}}@media screen and (width<=414px){.content-name{font-size:40px}.content-name span{font-size:18px}}.content-name span{display:block}.content-image{aspect-ratio:1/1;border-radius:10px;overflow:hidden}@media screen and (width>=821px){.content-image{grid-column:2;grid-row:1/4}}@media screen and (width<=820px){.content-image{margin-top:30px}}.content-image img{height:100%;object-fit:cover;width:100%}@media screen and (width>=821px){.project-jump{align-self:self-start}}@media screen and (width<=820px)and (width>=415px){.project-jump{display:flex;justify-content:center;margin-top:30px;padding:15px 30px;width:auto}}.ad{background:#c72e2e;display:flex;overflow:hidden;width:100%}@media screen and (width>=821px){.ad-text{padding:2rem 0}}@media screen and (width<=820px){.ad-text{padding:20px 0}}.ad-text{align-items:baseline;background:linear-gradient(to right,#c72e2e,#e0b31c,#199a5c,#1688b4,#1d2a87,#c72e77,#c72e2e);color:#121212;font-size:2rem;white-space:nowrap}.ad-text:nth-child(1){animation:flow 30s linear infinite}.ad-text:nth-child(2){animation:flow-copy 30s linear infinite}.ad-text span{margin:0 15px}.brainmap{background:#121212;overflow:hidden}@media screen and (width>=1440px){.brainmap{padding:120px 0}}@media screen and (width>=821px){.brainmap{padding:8rem 1.5rem}}@media screen and (width<=1439px)and (width>=821px){.brainmap{padding:120px 1.5rem}}@media screen and (width<=820px){.brainmap{padding:60px 1.5rem}}.brainmap-title{align-items:center;display:flex;justify-content:center;position:relative}@media screen and (width>=1440px){.brainmap-title{margin:0 auto;width:1440px}}.brainmap-title .section-title{text-align:center}.brain{aspect-ratio:1/1;position:absolute;top:auto!important;z-index:1}@media screen and (width>=821px){.brain:first-child{left:0}.brain:last-child{right:0}}@media screen and (width<=820px){.brain{height:33.3333333333vw}.brain:first-child{left:-26%}.brain:last-child{right:-26%}}.brain.on-screen{animation:on-screen 1s}.brain svg{height:100%;width:100%}.dream-list{position:relative}@media screen and (width>=1440px){.dream-list{margin:-15px auto;max-width:1440px;padding:0 -15px;width:100%}}@media screen and (width<=1439px)and (width>=821px){.dream-list{margin:-10px}}@media screen and (width<=414px){.dream-list{margin:-5px;padding:60px 1.5rem}}.dream{font-size:1em;position:absolute;z-index:1}@media screen and (width>=1440px){.dream{height:200px;margin:15px;width:calc((100% - 150px)/5)}.dream.col-big{width:calc((100% - 150px)*.4 + 30px)}.dream.row-big{height:430px}}@media screen and (width<=1439px)and (width>=821px){.dream{height:150px;margin:10px;width:calc((100% - 100px)/5)}.dream.col-big{width:calc((100% - 100px)*.4 + 20px)}.dream.row-big{height:320px}}@media screen and (width<=820px)and (width>=415px){.dream{height:100px;margin:5px;width:calc((100% - 30px) / 3)}}@media screen and (width<=414px){.dream{height:80px;margin:5px;width:calc((100% - 20px)/2)}}@media screen and (width<=820px)and (width>=415px){.dream1{height:320px;width:calc((100% - 30px) / 3 * 2 + 10px)}.dream3{height:430px}.dream6{height:320px}.dream8{height:210px;width:calc((100% - 30px) / 3 * 2 + 10px)}.dream9{width:100%}.dream10{height:210px;width:calc((100% - 30px) / 3 * 2 + 10px)}.dream11{height:430px}.dream13{height:210px}.dream15,.dream17{width:calc((100% - 30px) / 3 * 2 + 10px)}}@media screen and (width<=414px){.dream1{height:170px;width:calc(100% - 10px)}.dream3,.dream6{height:170px}.dream8{height:260px}.dream9,.dream10,.dream11{height:170px}.dream13{width:calc(100% - 10px)}.dream15{height:260px}.dream17{height:170px}}.dream-content{display:table;height:100%;position:relative;width:100%}.custom-content{box-sizing:border-box;display:table-cell;vertical-align:middle}@media screen and (width>=1440px){.custom-content .card-front{line-height:1;padding:60px}.custom-content .card-back{padding:30px}}@media screen and (width<=1439px)and (width>=821px){.custom-content .card-front{line-height:1;padding:20px}.custom-content .card-back{padding:20px}}.custom-content .card{background:#1d2a87;border-radius:10px}.custom-content .card-front,.custom-content .card-back{align-items:center;display:flex}