:root{--main-color: #dededa;--text-color: #333333;--sub-text-color: #162038;--noise-opacity: 0;--def-font-family: "Zen Old Mincho", serif;--def-font-weight: 400;--container-width: 960rem;--yohaku-sum: calc(100% - var(--container-width));--yohaku-half: calc(var(--yohaku-sum) / 2);--tutorial-overlay-color: rgba(0, 0, 0, .6);--footer-base-color: rgba(38, 38, 38, .8);--floating-btn-color: rgba(64, 64, 64, .8);--floating-btn-hover-color: rgba(38, 38, 38, .8);--floating-btn-active-color: rgba(38, 38, 38, 1);--transition-expo-out-900: .9s cubic-bezier(.19, 1, .22, 1);--transition-navi-fade: .8s cubic-bezier(.215, .61, .355, 1);--transition-bg-fade: 2s cubic-bezier(.215, .61, .355, 1)}:root{font-size:min(calc(100vw / 1440),1px);font-family:var(--def-font-family);font-weight:var(--def-font-weight);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 750px) and (orientation: portrait){:root{--container-width: 80vw;font-size:calc(100vw / 750)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{position:relative;background-color:var(--main-color);z-index:0}a{text-decoration:none;color:inherit}#noise{position:fixed;left:0;top:0;right:0;bottom:0;background-image:url(../images/ui/noise.gif);opacity:var(--noise-opacity);pointer-events:none}#webgl{position:fixed;left:0;height:0;width:100%;height:100%;pointer-events:none;z-index:-1}section{position:relative}section h3{font-size:50rem;font-weight:400;line-height:2;width:100%;margin-bottom:80rem;text-align:center;border-bottom:1rem solid var(--text-color)}@media (min-width: 751px),(orientation: landscape){.sp-only{display:none!important}}@media (max-width: 750px) and (orientation: portrait){.pc-only{display:none!important}}.floating .banner-container{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:100}.floating .banner-container a{position:relative;display:flex;flex-direction:column;align-items:center;margin:16rem 0;padding:4rem 32rem 4rem 16rem;background-color:var(--floating-btn-color);border:none;pointer-events:auto;cursor:pointer;transform:translate(16rem);transition:background-color var(--transition-expo-out-900),transform var(--transition-expo-out-900)}@media (hover: hover){.floating .banner-container a:hover{transform:translate(0);background-color:var(--floating-btn-hover-color)}}.floating .banner-container a:active{transform:translate(0);background-color:var(--floating-btn-active-color)}.floating .banner-container a.hide{transform:translate(80rem)}.floating .banner-container a img{pointer-events:none}.floating .banner-container a img.ic{width:48rem;height:auto}.floating .banner-container a img.label{width:32rem;height:auto}.floating .banner-container a:active img{opacity:.5}.floating .scroll-top-btn{position:fixed;right:0;bottom:0;width:64rem;height:64rem;border:none;background-color:var(--floating-btn-color);cursor:pointer;transition:background-color var(--transition-expo-out-900),transform var(--transition-expo-out-900)}@media (hover: hover){.floating .scroll-top-btn:hover{background-color:var(--floating-btn-hover-color)}}.floating .scroll-top-btn:active{background-color:var(--floating-btn-active-color)}.floating .scroll-top-btn.hide{transform:translateY(80rem)}.floating .scroll-top-btn svg{width:32rem;height:32rem;fill:none;stroke:#fff;stroke-width:1.5rem;transition:transform var(--transition-expo-out-900)}@media (hover: hover){.floating .scroll-top-btn:hover svg{transform:translateY(-8rem)}}@media (max-width: 750px) and (orientation: portrait){.floating .banner-container a{margin:20rem 0;padding:10rem 40rem 10rem 20rem}.floating .banner-container a.hide{transform:translate(100rem)}.floating .banner-container a img.ic{width:60rem}.floating .banner-container a img.label{width:40rem}.floating .scroll-top-btn{width:80rem;height:80rem}.floating .scroll-top-btn:before{content:"";position:absolute;right:0;bottom:0;width:100rem;height:100rem}.floating .scroll-top-btn.hide{transform:translateY(100rem)}.floating .scroll-top-btn svg{width:40rem;height:40rem;stroke-width:1.5px;pointer-events:none}@media (hover: hover){.floating .scroll-top-btn:hover svg{transform:translateY(-10rem)}}}.footer{display:flex;align-items:center;justify-content:space-between;width:100%;height:96rem;background-color:var(--footer-base-color)}.footer img{margin-left:40rem;height:32rem}.footer span{color:#fff;font-size:16rem;margin-right:40rem}@media (max-width: 750px) and (orientation: portrait){.footer span{font-size:20rem}}section.top{height:100svh;margin-bottom:256rem;overflow:hidden}section.top .logo{position:absolute;left:50%;top:50%;width:400rem;height:auto;transform:translate(-50%,-50%);z-index:9999;filter:drop-shadow(0 0 2rem rgba(51,51,51,.66));transition:filter .8s ease-out}section.top .logo .main-fill{fill:#fff;transition:fill .8s ease-out}section.top .logo .sub-fill{fill:#898989}section.top .logo .main-stroke{stroke:#fff;transition:stroke .8s ease-out}section.top .logo.dark{filter:drop-shadow(0 0 2rem rgba(204,204,204,.66))}section.top .logo.dark .main-fill{fill:#231815}section.top .logo.dark .main-stroke{stroke:#231815}section.top .image-wrap{position:absolute;width:100%;height:100%;overflow:hidden}section.top .image-container{position:absolute;width:100%;height:100%}section.top .image-container .box{position:absolute;width:100%;height:100%}section.top .image-container .top-image{display:block;position:absolute;width:100%;height:100%;object-fit:cover}@media (max-width: 750px) and (orientation: portrait){section.top .logo{width:66svw}}section.top .navi-container{display:flex;position:absolute;right:40rem;bottom:40rem}section.top .navi-container .navi{position:relative;width:48rem;height:2rem;background-color:#404040;margin-left:12rem;opacity:.8;cursor:pointer;transition:background-color var(--transition-navi-fade),opacity var(--transition-navi-fade)}section.top .navi-container .navi:before{content:"";position:absolute;top:-16rem;right:0;bottom:-16rem;left:0}section.top .navi-container .navi.focus{background-color:#fff;opacity:1;pointer-events:none}@media (max-width: 750px) and (orientation: portrait){section.top .navi-container{right:50%;bottom:64rem;transform:translate(50%)}section.top .navi-container .navi{width:64rem;height:4rem;margin:0 16rem}section.top .navi-container .navi:before{top:-32rem;bottom:-32rem}}section.top .scroll-guide{position:absolute;left:50%;bottom:0;width:auto;height:auto;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}section.top .scroll-guide span{color:var(--main-color);font-family:var(--def-font-family);font-size:20rem;height:48rem;transition:color .8s ease-out}section.top .scroll-guide .bar{width:1rem;height:96rem;background-color:var(--main-color);transition:background-color .8s ease-out}section.top .scroll-guide .cursor{position:absolute;top:48rem;width:8rem;height:8rem;border-radius:50%;background-color:var(--main-color);animation:cursorAnim infinite 2s cubic-bezier(.645,.045,.355,1);transition:background-color .8s ease-out}section.top .scroll-guide.dark span{color:var(--text-color)}section.top .scroll-guide.dark .bar{background-color:var(--text-color)}section.top .scroll-guide.dark .cursor{background-color:var(--text-color)}@keyframes cursorAnim{0%{opacity:0;transform:translateY(0)}33%{opacity:1}to{transform:translateY(96rem)}}@media (max-width: 750px) and (orientation: portrait){section.top .scroll-guide{left:auto;right:20rem;width:80rem;height:192rem;transform:none}section.top .scroll-guide span{position:absolute;top:0;right:0;font-size:24rem;width:auto;height:auto;transform-origin:center top;transform:rotate(90deg) translate(50%,-100%)}section.top .scroll-guide .bar{width:2rem;height:192rem;margin-top:0}section.top .scroll-guide .cursor{top:0;width:8rem;height:8rem}@keyframes cursorAnim{0%{opacity:0;transform:translateY(0)}33%{opacity:1}to{transform:translateY(192rem)}}}section.concept{display:flex;align-items:center;justify-content:center;max-width:var(--container-width);height:100%;margin:50svh auto;color:var(--text-color)}section.concept h1{font-size:64rem;font-weight:400;line-height:2;margin-bottom:64rem;text-align:center}section.concept h1 span{display:block}@media (max-width: 750px) and (orientation: portrait){section.concept h1 span{font-size:56rem;white-space:nowrap}}section.description{display:flex;align-items:center;justify-content:center;max-width:var(--container-width);height:100%;margin:50svh auto;color:var(--text-color)}section.description .text-container{font-size:20rem;font-weight:400;line-height:2;white-space:nowrap;margin-bottom:64rem;text-align:center}section.description .text-container span{display:block}@media (max-width: 750px) and (orientation: portrait){section.description .text-container{font-size:28rem}}section.philosophy{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:64rem;max-width:var(--container-width);height:100%;margin:50svh auto;color:var(--text-color)}section.philosophy .fig-container{display:flex;gap:32rem;align-items:center;justify-content:space-between}section.philosophy .fig-container .circle{display:flex;gap:8rem;flex-direction:column;justify-content:center;align-items:center;width:240rem;height:240rem;border-radius:50%;background-color:#f5f5f5}section.philosophy .fig-container .circle .en{font-size:48rem}section.philosophy .fig-container .circle .jp{font-size:20rem}section.philosophy .fig-container img{width:128rem;height:auto}section.philosophy .text-container{font-size:20rem;font-weight:400;line-height:2;white-space:nowrap;margin-bottom:64rem;text-align:center}section.philosophy .text-container span{display:block}@media (max-width: 750px) and (orientation: portrait){section.philosophy .fig-container{gap:8rem}section.philosophy .fig-container .circle{display:flex;gap:8rem;width:240rem;height:240rem;border-radius:50%;background-color:#f5f5f5}section.philosophy .fig-container .circle .jp{font-size:28rem}section.philosophy .fig-container img{width:96rem}section.philosophy .text-container{font-size:28rem}}section.material{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:var(--container-width);height:100%;margin:0 auto;margin-bottom:480rem;color:var(--text-color)}section.material h4{font-size:24rem;font-weight:400;line-height:2;width:100%;margin-bottom:8rem;text-align:center}section.material .block{margin-bottom:120rem}section.material .block:last-child{margin-bottom:0}section.material .item{width:640rem;height:160rem;cursor:pointer;overflow:hidden}section.material .item img{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.215,.61,.355,1)}@media (hover: hover){section.material .item:hover img{transform:scale(1.1);transition:transform 3.2s cubic-bezier(.19,1,.22,1)}}section.material .item .text-container{display:flex;align-items:flex-end;padding:16rem;height:100%;background:linear-gradient(15deg,#cccccc80,#ccc0 75%)}section.material .item.dark .text-container{background:linear-gradient(15deg,#00000080,#0000 75%)}section.material .item .text-container .box{flex:1;display:flex;flex-direction:column;color:var(--text-color)}section.material .item.dark .text-container .box{color:var(--main-color)}section.material .item .text-container .box .category{font-size:24rem}section.material .item .text-container .box .name{font-size:20rem;margin-bottom:4rem}section.material .item .text-container .box .caption{font-size:12rem}@media (max-width: 750px) and (orientation: portrait){section.material h4{font-size:30rem;margin-bottom:20rem}section.material .item{width:var(--container-width);height:240rem}section.material .item .text-container{padding:20rem}section.material .item .text-container .box .category{font-size:28rem}section.material .item .text-container .box .name{font-size:28rem}section.material .item .text-container .box .caption{font-size:20rem}}section.design{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:var(--container-width);margin:0 auto;margin-bottom:480rem;color:var(--text-color)}section.design .text-container{font-size:16rem;margin-bottom:80rem}section.design .text-container span{display:block}section.design .image-container{width:640rem;height:480rem;margin-bottom:20rem}section.design .image-container img{position:absolute;left:50%;width:auto;height:100%;object-fit:contain;transform:translate(-50%)}section.design .label-container{margin-bottom:30rem;font-size:16rem;text-align:center}section.design .navi-container{display:flex}section.design .navi{position:relative;width:40rem;height:2rem;background-color:#333;margin-left:10rem;opacity:.15;cursor:pointer;transition:background-color var(--transition-navi-fade),opacity var(--transition-navi-fade)}section.design .navi:after{content:"";position:absolute;left:0;top:-16rem;right:0;bottom:-16rem}section.design .navi.focus{opacity:1;pointer-events:none}@media (max-width: 750px) and (orientation: portrait){section.design .text-container{font-size:28rem}section.design .image-container{width:var(--container-width)}section.design .label-container{font-size:20rem}section.design .navi{width:48rem;height:4rem;margin:0 8rem}section.design .navi:after{top:-32rem;bottom:-32rem}}section.lineup{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:var(--container-width);margin:0 auto;margin-bottom:640rem;color:var(--text-color)}section.lineup .text-container{font-size:16rem;margin-bottom:80rem}section.lineup .text-container span{display:block}section.lineup .image-container{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;gap:40rem;width:100%}section.lineup .image-container img{width:auto;height:320rem;object-fit:contain}@media (max-width: 750px) and (orientation: portrait){section.lineup .text-container{font-size:28rem}section.lineup .image-container{grid-template-columns:repeat(3,1fr);justify-items:center;gap:0 40rem}section.lineup .image-container img{height:280rem}section.lineup .image-container img:nth-child(4){grid-column:1 / span 3;justify-self:center;height:360rem;margin-top:-40rem}}section.gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:var(--container-width);margin:0 auto;margin-bottom:480rem;color:var(--text-color);transition:color .8s ease-in-out}section.gallery.dark{color:var(--main-color)}section.gallery h3{margin-bottom:240rem;transition:color .4s cubic-bezier(.215,.61,.355,1),border-color .4s cubic-bezier(.215,.61,.355,1)}section.gallery.dark h3{color:var(--main-color);border-color:var(--main-color)}section.gallery .item{margin-bottom:640rem;transition:color .4s cubic-bezier(.215,.61,.355,1)}section.gallery .item .text-container{width:640rem}section.gallery .item .text-container.text-dark{color:var(--text-color)!important}section.gallery .item .text-container span{display:block}section.gallery .item .text-container .no{font-size:32rem;margin-bottom:20rem}section.gallery .item .text-container .caption{font-size:16rem;line-height:2}section.gallery .item .text-container .caption:last-child{margin-bottom:80rem}section.gallery .item .image-container{overflow:hidden;cursor:pointer}section.gallery .item .image-container img{width:640rem;transition:transform .8s cubic-bezier(.215,.61,.355,1)}@media (hover: hover){section.gallery .item:hover .image-container img{transform:scale(1.1);transition:transform 3.2s cubic-bezier(.19,1,.22,1)}}@media (max-width: 750px) and (orientation: portrait){section.gallery .item{width:var(--container-width)}section.gallery .item .text-container{width:var(--container-width)}section.gallery .item .text-container .no{font-size:56rem;margin-bottom:20rem}section.gallery .item .text-container .caption{font-size:28rem}section.gallery .item .image-container img{width:var(--container-width);height:auto}}section.simulation{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:var(--container-width);margin:0 auto;margin-bottom:480rem;color:var(--text-color)}section.simulation .image-container{position:relative;width:640rem;max-width:var(--container-width);height:400rem;margin-bottom:40rem}section.simulation .image-container img:nth-of-type(1){position:absolute;left:0;top:0;width:480rem;height:auto}section.simulation .image-container img:nth-of-type(2){position:absolute;right:0;bottom:0;width:320rem;height:auto}section.simulation .text-container{margin-bottom:40rem}section.simulation .text-container span{font-size:16rem;line-height:2;display:block}section.simulation .btn-container button{width:480rem;height:64rem;border-radius:32rem;background-color:transparent;border:1px solid var(--text-color);cursor:pointer;transition:background-color var(--transition-expo-out-900)}section.simulation .btn-container button span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--text-color)!important;font-size:20rem;font-family:var(--def-font-family);font-weight:var(--def-font-weight);transition:color var(--transition-expo-out-900),}section.simulation .btn-container button svg{position:absolute;right:32rem;top:50%;transform:translateY(-50%);width:40rem;height:auto;fill:none;stroke:var(--text-color);stroke-width:1px;transition:stroke var(--transition-expo-out-900),transform var(--transition-expo-out-900)}@media (hover: hover){section.simulation .btn-container button:hover{background-color:var(--text-color)}section.simulation .btn-container button:hover span{color:var(--main-color)!important}section.simulation .btn-container button:hover svg{stroke:var(--main-color);transform:translate(16rem,-50%)}}@media (max-width: 750px) and (orientation: portrait){section.simulation .text-container{padding-right:40rem}section.simulation .text-container span{font-size:28rem}section.simulation .btn-container button{width:var(--container-width);height:80rem;border-radius:40rem}section.simulation .btn-container button span{font-size:28rem}}section.contents{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:var(--container-width);margin:0 auto;margin-bottom:480rem;color:var(--text-color)}section.contents .item-container{display:grid;grid-template-columns:repeat(2,1fr);gap:40rem 80rem;justify-content:center;grid-template-columns:repeat(2,minmax(0,calc((100% - 80rem)/2)));width:640rem}section.contents .item{width:100%;height:auto}section.contents .item .image-box{width:100%;height:auto;margin-bottom:16rem;background-color:#fff;overflow:hidden}section.contents .item .image-box img{width:100%;height:auto;transition:opacity .8s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1)}@media (hover: hover){section.contents .item:hover .image-box img{opacity:.8;transform:scale(1.1)}}section.contents .item .text-box{width:100%;height:auto;color:var(--text-color);font-size:16rem;text-align:center}@media (max-width: 750px) and (orientation: portrait){section.contents .item-container{gap:40rem}section.contents .item .text-box{font-size:24rem}}.modal{position:fixed;left:0;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-color);z-index:1000}.modal.dark{color:var(--main-color)}.modal .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal .image-container{position:relative;height:800rem;max-height:calc(100svh - 128rem)}.modal .image-container img{height:100%;object-fit:cover}.modal .image-container .text-box{display:flex;flex-direction:column;position:absolute;left:0;bottom:0;width:100%;padding:24rem}.modal.gallery .image-container .text-box{flex-direction:row;justify-content:flex-end;padding:16rem}.modal .image-container .text-box .group{font-size:20rem;line-height:2}.modal.gallery .image-container .text-box .group{display:none}.modal .image-container .text-box .name{font-size:24rem}.modal.gallery .image-container .text-box .name{display:none}.modal .image-container .text-box .caption{display:none;color:var(--main-color)!important;font-size:10rem;line-height:1.25}.modal.gallery .image-container .text-box .caption{display:inline}.modal .image-container .text-box .caption.text-dark{color:var(--text-color)!important}.modal .image-container .close-btn{position:absolute;right:0;top:-64rem;width:64rem;height:64rem;background-color:transparent;border:none;cursor:pointer}@media (max-width: 750px) and (orientation: portrait){.modal .image-container{max-width:calc(100svw - 80rem);height:auto}.modal .image-container img{width:100%;height:auto}.modal .image-container .text-box .group{font-size:20rem}.modal .image-container .text-box .name{font-size:28rem}.modal .image-container .text-box .caption{font-size:10rem}.modal .image-container .close-btn{top:-96rem;width:96rem;height:96rem}}