:root{--z-preloader:100;--z-hdr:10;--z-cnt:10;--z-gl:10;--z-nav:10;--z-gtm:10;--z-ttl:3;--z-bg:0;--sp-width:var(--grid11);--port-width:var(--grid14);--grid:0;--grid05:calc(var(--grid)*.5);--grid-05:calc(var(--grid)*-.5);--grid1:var(--grid);--grid2:calc(var(--grid)*2);--grid3:calc(var(--grid)*3);--grid4:calc(var(--grid)*4);--grid5:calc(var(--grid)*5);--grid6:calc(var(--grid)*6);--grid7:calc(var(--grid)*7);--grid8:calc(var(--grid)*8);--grid9:calc(var(--grid)*9);--grid10:calc(var(--grid)*10);--grid11:calc(var(--grid)*11);--grid12:calc(var(--grid)*12);--grid13:calc(var(--grid)*13);--grid14:calc(var(--grid)*14);--grid15:calc(var(--grid)*15);--grid16:calc(var(--grid)*16);--grid17:calc(var(--grid)*17);--grid18:calc(var(--grid)*18);--grid19:calc(var(--grid)*19);--grid20:calc(var(--grid)*20);--grid-gap:var(--grid2);--grid-gap-sp:var(--grid);--grid-gap-xl:var(--grid4);--black:#31302f;--white:#fff;--light:#f8f7f5;--transition_03:cubic-bezier(.32,.181,.3,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;text-rendering:optimizeLegibility;outline:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,li{list-style-type:none;display:block}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}a{color:inherit}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit;-webkit-user-select:auto;white-space:revert;padding:0}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}html{line-break:normal;text-underline-position:under;word-wrap:break-word;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;outline:0}@media (max-width:767px){html{overflow:hidden}}@media (min-width:768px){html{overflow:hidden}}body{overscroll-behavior:none;width:100%;height:100%;font-family:Unica77,Helvetica Neue,Helvetica,sans-serif;font-family:var(--font-family);color:var(--black);letter-spacing:.08rem;background-position:50%;background-repeat:no-repeat;background-size:cover;font-weight:400;line-height:1.7;position:relative}button{font:inherit;letter-spacing:inherit}svg{max-width:100%;height:auto}ul,li{list-style-type:none}a{-webkit-outline:0;-webkit-tap-highlight-color:transparent;border-radius:0;outline:0;-webkit-text-decoration:none;text-decoration:none;display:block}a:active,a:hover{outline:0}img{-o-object-fit:cover;object-fit:cover;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:1;width:100%;height:100%;transition:opacity .48s}button{appearance:none;-webkit-outline:0;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:0}::selection{background-color:#00000008}.js-lazy,.js-preload{opacity:0}.detail .loaded{opacity:1}.js-focus-visible :focus:not(.focus-visible){outline:0}#bg{z-index:0;width:100%;height:100%;z-index:var(--z-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed}.bg-img{-o-object-fit:fill;object-fit:fill;-o-object-position:top left;object-position:top left}#hdr{z-index:10;z-index:var(--z-hdr);pointer-events:none;width:100%;position:fixed;top:0;left:0}@media (max-width:767px){#hdr{padding:0;padding:var(--grid5) var(--grid-gap-sp);min-height:100vh;min-height:calc(var(--vh,1vh)*100);flex-direction:column;justify-content:center;display:flex}}@media (min-width:768px){#hdr{flex-direction:column;justify-content:space-between;height:100%;min-height:100%;display:flex}}@media (orientation:portrait) and (min-width:768px){#hdr{padding:0;padding:var(--grid-gap);height:auto;min-height:100vh;min-height:calc(var(--vh,1vh)*100);flex-direction:column;justify-content:center;display:flex}}#cnt{z-index:10;z-index:var(--z-cnt);pointer-events:none;grid-area:1/1/auto/span 8;position:relative}#cnt[data-p=home]{z-index:0;z-index:var(--z-bg)}.page{flex-direction:column;display:flex}@media (min-width:768px){.page{min-height:100vh}}#gl{z-index:0;z-index:var(--z-bg);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.g{display:grid}@media (max-width:767px){.g{-moz-column-gap:0;-moz-column-gap:var(--grid-gap-sp);column-gap:0;column-gap:var(--grid-gap-sp);grid-template-columns:repeat(8,1fr)}}@media (min-width:768px){.g{-moz-column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:0;column-gap:var(--grid-gap);grid-template-columns:repeat(10,1fr)}}@media (min-width:1441px){.g{grid-template-columns:repeat(14,1fr)}}@media (max-width:767px){.br-pc{display:none}}@media (min-width:768px){.br-pc{display:block}}@media (orientation:landscape) and (max-width:844px){.br-pc{display:none}}.br-sp{width:1em}@media (max-width:767px){.br-sp{display:block}}@media (min-width:768px){.br-sp{display:none}}@media (orientation:landscape) and (max-width:844px){.br-sp{display:block}}html{font-size:62.5%}@media (min-width:768px){html{font-size:calc(var(--vw)*.6667)}}body{letter-spacing:.03rem}@media (max-width:767px){body{font-size:1.2rem;line-height:1.7}}@media (min-width:768px){body{font-size:max(12px,1.2rem);line-height:1.77}}@media (min-width:1441px){body{font-size:max(12px,1.24rem)}}@media (min-width:1920px){body{font-size:max(13px,1rem)}}@media (orientation:landscape) and (max-width:844px){body{font-size:max(12px,1.2rem)}}@media (orientation:portrait) and (min-width:768px){body{font-size:max(12px,1.1rem)}}:root{--font-family:"Unica77","Helvetica Neue","Helvetica",sans-serif;--font-unica:"Unica77",sans-serif}@font-face{font-family:Unica77;font-weight:400;font-stretch:100%;font-display:swap}@media (max-width:767px){.preloader-ttl{font-size:21rem;line-height:.8}}@media (min-width:768px){.preloader-ttl{font-size:100rem}}@media (orientation:landscape) and (max-width:844px){.preloader-ttl{font-size:100rem}}.ttl-xl{letter-spacing:-.1rem;text-transform:uppercase;font-weight:300;line-height:.88}@media (max-width:767px){.ttl-xl{font-size:28rem}}@media (min-width:768px){.ttl-xl{font-size:32rem}}.ttl-l{letter-spacing:.08rem;font-weight:400;line-height:1.2}@media (max-width:767px){.ttl-l{font-size:max(14px,2.2rem)}}@media (min-width:768px){.ttl-l{font-size:3.2rem}}@media (min-width:1441px){.ttl-l{font-size:2.6rem}}@media (min-width:1920px){.ttl-l{font-size:2.4rem}}@media (orientation:portrait) and (min-width:768px){.ttl-l{font-size:max(16px,4.2rem)}}@media (orientation:landscape) and (max-width:844px){.ttl-l{font-size:max(14px,3.2rem)}}.ttl-m{letter-spacing:.068rem;text-transform:uppercase;font-weight:400;line-height:1}@media (max-width:767px){.ttl-m{font-size:max(11px,1.4rem)}}@media (min-width:768px){.ttl-m{font-size:max(14px,1.5rem)}}@media (min-width:1441px){.ttl-m{font-size:max(14px,1.3rem)}}@media (min-width:1920px){.ttl-m{font-size:max(14px,1.1rem)}}@media (orientation:landscape) and (max-width:844px){.ttl-m{font-size:max(13px,1.6rem)}}.ttl-s{letter-spacing:.02rem;font-weight:400}@media (max-width:767px){.ttl-s{font-size:1.2rem}}@media (min-width:768px){.ttl-s{font-size:max(12px,1.2rem)}}@media (min-width:1441px){.ttl-s{font-size:max(12px,1.24rem)}}@media (min-width:1920px){.ttl-s{font-size:max(13px,1rem)}}@media (orientation:landscape) and (max-width:844px){.ttl-s{font-size:max(11px,1.2rem)}}@media (orientation:portrait) and (min-width:768px){.ttl-s{font-size:max(12px,1.1rem);line-height:2}}.txt-l{letter-spacing:.03rem}@media (max-width:767px){.txt-l{font-size:max(12px,1.3rem)}}@media (min-width:768px){.txt-l{font-size:max(12px,1.4rem)}}@media (orientation:portrait) and (min-width:768px){.txt-l{font-size:max(12px,1.6rem)}}.txt-s{letter-spacing:.02rem;line-height:1.2}@media (max-width:767px){.txt-s{font-size:max(10px,1rem)}}@media (min-width:768px){.txt-s{font-size:max(10px,1rem)}}.num{text-transform:uppercase;font-weight:400}@media (max-width:767px){.num{font-size:1rem}}@media (min-width:768px){.num{font-size:max(10px,1rem)}}@media (min-width:1920px){.num{font-size:max(10px,.8rem)}}@media (orientation:landscape) and (max-width:844px){.num{font-size:max(10px,1rem)}}@media (orientation:portrait) and (min-width:768px){.num{font-size:max(10px,1rem)}}.lnk{letter-spacing:.08rem;font-weight:400;line-height:1.03;position:relative;overflow:hidden}.lnk-line{background-color:#31302f;background-color:var(--black);width:100%;height:1px;position:absolute;bottom:0;left:0}.lnk:hover .lnk-line{animation:.48s cubic-bezier(.32,.181,.3,1) forwards hover-line;animation:hover-line .48s var(--transition_03) forwards}@keyframes hover-line{0%{transform:translate(0)}50%{transform-origin:100%;transform:translate(100%)}51%{transform:translate(-100%)}to{transform-origin:0;transform:translate(0)}}.gtm{-moz-column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:0;column-gap:var(--grid-gap);z-index:10;z-index:var(--z-gtm);-webkit-user-select:none;user-select:none;pointer-events:none;position:fixed}@media (max-width:767px){.gtm{bottom:0;left:50%;bottom:var(--grid-gap-sp);transform:translate(-50%)}}@media (min-width:768px){.gtm{right:0;right:var(--grid-gap);bottom:0;bottom:var(--grid-gap)}}@media (orientation:landscape) and (max-width:844px){.gtm{right:0;right:var(--grid-gap-sp);bottom:0;bottom:var(--grid-gap-sp)}}.gtm-cnt{opacity:1;visibility:visible;transition:visibility .88s cubic-bezier(.32,.181,.3,1) 3.48s,opacity .88s cubic-bezier(.32,.181,.3,1) 3.48s,transform .88s cubic-bezier(.32,.181,.3,1) 3.48s;transition:visibility .88s var(--transition_03) 3.48s,opacity .88s var(--transition_03) 3.48s,transform .88s var(--transition_03) 3.48s;-webkit-user-select:auto;user-select:auto;pointer-events:auto;will-change:opacity,transform;background-color:#f8f7f5;background-color:var(--light);border-radius:2px;position:relative}.gtm-cnt.is-hide{opacity:0;visibility:hidden;transition:visibility .48s cubic-bezier(.32,.181,.3,1),opacity .48s cubic-bezier(.32,.181,.3,1),transform .48s cubic-bezier(.32,.181,.3,1);transition:visibility .48s var(--transition_03),opacity .48s var(--transition_03),transform .48s var(--transition_03);transform:translateY(10px)}@media (max-width:767px){.gtm-cnt{padding:1rem 2rem}}@media (min-width:768px){.gtm-cnt{padding:1rem 3rem}}@media (min-width:1441px){.gtm-cnt{padding:1rem 2rem}}@media (orientation:landscape) and (max-width:844px){.gtm-cnt{padding:1.6rem 3.2rem}}@media (orientation:portrait) and (min-width:768px){.gtm-cnt{padding:1rem 3rem}}.gtm-dsc{background-color:#fff;background-color:var(--white);z-index:1;opacity:0;visibility:hidden;transition:opacity .48s cubic-bezier(.32,.181,.3,1),transform .48s cubic-bezier(.32,.181,.3,1),visibility 0s linear .48s;transition:opacity .48s var(--transition_03),transform .48s var(--transition_03),visibility 0s linear .48s;will-change:opacity,transform,visibility;border-radius:2px;position:absolute;bottom:100%;left:0;transform:translateY(-4px)}@media (max-width:767px){.gtm-dsc{padding:2rem}}@media (min-width:768px){.gtm-dsc{padding:2rem}}@media (min-width:1441px){.gtm-dsc{padding:2rem}}@media (orientation:landscape) and (max-width:844px){.gtm-dsc{padding:3rem}}.gtm-cnt:hover .gtm-dsc{opacity:1;visibility:visible;transition:opacity .38s cubic-bezier(.32,.181,.3,1),transform .38s cubic-bezier(.32,.181,.3,1),visibility linear;transition:opacity .38s var(--transition_03),transform .38s var(--transition_03),visibility 0s linear;transform:translateY(0)}.gtm-dsc-ttl{letter-spacing:.1rem;text-transform:uppercase;margin-bottom:1.4rem;font-weight:400}.gtm-dsc-txt{line-height:1.6}.gtm-cst{justify-content:center;align-items:center;display:flex}.gtm-cst-ttl{letter-spacing:.06rem;text-transform:uppercase;white-space:nowrap;margin-right:3rem;font-weight:400;line-height:1}.gtm-cke-lnk{text-underline-offset:-.18rem;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:1px}.gtm-cst-ttl{margin-right:2rem;font-weight:400;display:inline-block}.gtm-btn{letter-spacing:.06rem;color:var(--black);text-transform:uppercase;transition:opacity .35s cubic-bezier(.32,.181,.3,1);transition:opacity .35s var(--transition_03);font-weight:400;line-height:1;display:inline-block}.gtm-btn:hover{opacity:.5}.gtm-dvr{margin:0 .8rem .15rem;line-height:1;display:block}@media (min-width:768px){.gtm-dvr{display:inline-block}}.preloader{z-index:100;z-index:var(--z-preloader);width:100%;height:100vh;height:calc(var(--vh,1vh)*100);padding:0;padding:var(--grid4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.pld-bg{z-index:0;z-index:var(--z-bg);background-color:#f8f7f5;background-color:var(--light);width:100%;height:100%;position:absolute;top:0;left:0}.loading{align-items:center;height:3rem;display:grid;position:relative}@media (max-width:767px){.loading{width:24vw}}@media (min-width:768px){.loading{width:10vw}}@media (min-width:1441px){.loading{width:6vw}}@media (orientation:portrait) and (min-width:768px){.loading{width:14vw}}.loading-bar{background-color:#31302f;background-color:var(--black);transform-origin:0;will-change:transform;opacity:0;grid-area:1/1/2/2;align-self:center;width:100%;height:1px;position:relative;transform:scaleX(0)}.loading-num{z-index:10;z-index:var(--z-cnt);will-change:transform,opacity;opacity:0;grid-area:1/1/2/2;padding-left:1rem;position:relative}#n{will-change:opacity,visibility;grid-column:span 2;width:100%;position:relative}.detail #n{width:100%;position:fixed}@media (min-width:768px){#n{padding:0;padding:var(--grid4) var(--grid4);position:fixed;top:0;left:0}}@media (min-width:1441px){#n{padding:0;padding:var(--grid6) calc(var(--grid6))}}@media (min-width:1920px){#n{padding:0;padding:var(--grid8) calc(var(--grid8))}}@media (orientation:landscape) and (max-width:844px){#n{padding:0;padding:var(--grid2) var(--grid3)0}}@media (orientation:portrait) and (min-width:768px){#n{padding:0;padding:var(--grid6)0 0;position:relative;top:auto;left:auto}}.back-lnk{color:var(--white);pointer-events:auto;cursor:pointer;position:absolute}@media (max-width:767px){.back-lnk{padding:0;padding:var(--grid1);top:0;left:0}}@media (min-width:768px){.back-lnk{padding:0;padding:var(--grid2)}}@media (min-width:1441px){.back-lnk{padding:0;padding:var(--grid2)}}@media (min-width:1920px){.back-lnk{padding:0;padding:var(--grid3)}}@media (orientation:portrait) and (min-width:768px){.back-lnk{top:0;top:var(--grid-gap-sp);left:0;left:var(--grid-gap-sp);padding:0;padding:var(--grid)}}#lg{z-index:10;z-index:var(--z-nav);will-change:opacity,visibility;pointer-events:auto;perspective:1000px;grid-row:1;position:relative}@media (max-width:767px){#lg{width:0;width:var(--sp-width);padding-bottom:0;padding-bottom:var(--grid3);margin:0 auto}}@media (min-width:768px){#lg{width:0;width:var(--grid15);margin-left:auto}}@media (min-width:1441px){#lg{width:0;width:var(--grid17)}}@media (min-width:1920px){#lg{width:0;width:var(--grid20)}}@media (orientation:landscape) and (max-width:844px){#lg{width:0;width:var(--grid11);padding-bottom:0;padding-bottom:var(--grid3)}}@media (orientation:portrait) and (min-width:768px){#lg{width:0;width:var(--port-width);min-height:100%;margin:0 auto}}.lg-ttl-txt{display:none}.lg-img{-o-object-fit:initial;object-fit:initial;display:block;position:relative}@media (max-width:767px){.lg-img{width:9.1rem;height:6.59rem}}@media (min-width:768px){.lg-img{width:max(76px,min(11rem,80px));height:max(55px,min(8rem,58px))}}@media (min-width:1441px){.lg-img{width:max(80px,min(9rem,94px));height:max(58px,min(6.55rem,68px))}}@media (min-width:1920px){.lg-img{width:max(94px,min(7rem,104px));height:max(68px,min(5.08rem,75px))}}@media (orientation:landscape) and (max-width:844px){.lg-img{width:12.6rem;height:9.15rem}}@media (orientation:portrait) and (min-width:768px){.lg-img{width:max(77px,min(13rem,82px));height:max(56px,min(9.42rem,59px))}}.lg-role{text-transform:uppercase}@media (max-width:767px){.lg-role{margin-top:1.2rem}}@media (min-width:768px){.lg-role{margin-top:1.6rem}}@media (min-width:1441px){.lg-role{margin-top:1.4rem}}@media (min-width:1920px){.lg-role{margin-top:1rem}}@media (orientation:landscape) and (max-width:844px){.lg-role{margin-top:2rem}}@media (orientation:portrait) and (min-width:768px){.lg-role{margin-top:1.6rem}}.lg-txt,.lg-cta{grid-column:span 2}@media (max-width:767px){.lg-dsc{margin-top:2.8rem}}@media (min-width:768px){.lg-dsc{margin-top:2.8rem}}@media (min-width:1441px){.lg-dsc{margin-top:2.1rem}}@media (min-width:1920px){.lg-dsc{margin-top:1.6rem}}@media (orientation:landscape) and (max-width:844px){.lg-dsc{margin-top:4rem}}@media (max-width:767px){.lg-cta{margin-top:1.4rem}}@media (min-width:768px){.lg-cta{margin-top:1.4rem}}@media (min-width:1441px){.lg-cta{margin-top:.8rem}}@media (min-width:1920px){.lg-cta{margin-top:.6rem}}@media (orientation:landscape) and (max-width:844px){.lg-cta{margin-top:2rem}}.cta-a{pointer-events:auto;display:inline-block}.logo-svg{aspect-ratio:384.1/274.3;display:block}.logo-svg-path{fill:none;stroke:#fff;stroke-width:16px;will-change:stroke-dashoffset}.logo-svg-img,.logo-svg-path{transform:translateZ(0)}#idx{-moz-column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:0;column-gap:var(--grid-gap);pointer-events:none;position:relative}@media (max-width:767px){#idx{order:1}}@media (min-width:768px){#idx{width:100%;padding:0;padding:var(--grid4) var(--grid4);margin-top:auto;display:grid}}@media (min-width:1441px){#idx{padding:0;padding:var(--grid4) var(--grid6) var(--grid5)}}@media (min-width:1920px){#idx{padding:0;padding:var(--grid4) var(--grid8) var(--grid7)}}@media (orientation:landscape) and (max-width:844px){#idx{padding:0;padding:0 var(--grid3) var(--grid2)}}@media (orientation:portrait) and (min-width:768px){#idx{width:100%;padding:0;padding:var(--grid3)0 var(--grid6);margin-top:0}}.idx-wrap{height:100%}@media (min-width:768px){.idx-wrap{display:flex}}@media (orientation:portrait) and (min-width:768px){.idx-wrap{display:block}}.idx-items{--height:100%;--progress:0;--opacity:0;--scale:1;--translate-y:0px;--perspective:1000px;align-self:start}@media (max-width:767px){.idx-items{width:0;width:var(--sp-width);margin:0 auto}.idx-items:nth-child(n+2){margin-top:2rem}}@media (min-width:768px){.idx-items{width:0;width:var(--grid11);grid-column:span 2}}@media (min-width:1441px){.idx-items{width:0;width:var(--grid13);grid-column:span 2}}@media (min-width:1920px){.idx-items{width:0;width:var(--grid14);grid-column:span 2}}@media (orientation:landscape) and (max-width:844px){.idx-items{width:0;width:var(--grid10)}}@media (orientation:portrait) and (min-width:768px){.idx-items{width:0;width:var(--port-width);margin:0 auto}.idx-items:nth-child(n+2){margin-top:2rem}}.idx-items,.idx-item,.idx-item-lnk{pointer-events:none}.idx-item-lnk{z-index:3;z-index:var(--z-ttl);color:var(--black);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;user-drag:none;perspective:1000px;align-items:center;display:grid;position:relative}@media (max-width:767px){.idx-item-lnk{grid-template-columns:86% 14%;line-height:2.2}}@media (min-width:768px){.idx-item-lnk{-moz-column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:0;column-gap:var(--grid-gap);grid-template-columns:repeat(2,1fr);line-height:1.88}}@media (min-width:1441px){.idx-item-lnk{-moz-column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:0;column-gap:var(--grid-gap);grid-template-columns:repeat(2,1fr)}}@media (orientation:portrait) and (min-width:768px){.idx-item-lnk{grid-template-columns:calc(90% - 0) 10%;grid-template-columns:calc(90% - var(--grid-gap)) 10%;-moz-column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:0;column-gap:var(--grid-gap)}}@media (orientation:landscape) and (max-width:844px){.idx-item-lnk{-moz-column-gap:0;-moz-column-gap:var(--grid-gap-sp);column-gap:0;column-gap:var(--grid-gap-sp);line-height:1.88}}.project-name{grid-column:span 1;display:block}.project-num{grid-column:2/span 1;display:block}.prj-next{height:100vh;height:calc(var(--vh,1vh)*100);position:fixed;top:0;left:0}@media (max-width:767px){.prj-next{padding:0;padding:var(--grid-gap-sp) var(--grid-gap-sp) var(--grid4)}}@media (min-width:768px){.prj-next{padding:0;padding:var(--grid3) calc(var(--grid-gap)*2) var(--grid6)}}@media (min-width:1441px){.prj-next{padding:0;padding:var(--grid3) calc(var(--grid-gap)*4) var(--grid8)}}@media (orientation:landscape) and (max-width:844px){.prj-next{padding:0;padding:var(--grid3) var(--grid3) var(--grid2)}}@media (orientation:portrait) and (min-width:768px){.prj-next{padding:0;padding:var(--grid3) calc(var(--grid-gap)*2) var(--grid8)}}.prj-next-wrap{pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;margin-top:auto;display:flex}@media (max-width:767px){.prj-next-wrap{grid-column:2/span 6}}@media (min-width:768px){.prj-next-wrap{grid-column:7/span 3}}@media (min-width:1441px){.prj-next-wrap{grid-column:10/span 4}}@media (orientation:landscape) and (max-width:844px){.prj-next-wrap{grid-column:6/span 5}}@media (orientation:portrait) and (min-width:768px){.prj-next-wrap{grid-column:6/span 4}}.prj-next-label{color:var(--white);opacity:.2}.prj-next-items{display:grid}.prj-next-item{z-index:1;color:var(--white);visibility:hidden;pointer-events:none;grid-area:1/1;position:relative}.prj-next-item.is-active{z-index:2;visibility:visible}.prj-next-item.is-clickable{pointer-events:auto;cursor:pointer}.prj-num{position:absolute;left:0}@media (max-width:767px){.prj-num{line-height:2;top:-1.8rem}}@media (min-width:768px){.prj-num{top:-2rem}}@media (min-width:1441px){.prj-num{top:-1.6rem}}@media (min-width:1920px){.prj-num{top:-1.4rem}}@media (orientation:landscape) and (max-width:844px){.prj-num{top:-3rem}}@media (orientation:portrait) and (min-width:768px){.prj-num{top:-1.4rem}}@media (max-width:767px){.prj-ttl{margin-top:.4rem}}@media (min-width:768px){.prj-ttl{margin-top:0}}@media (min-width:1441px){.prj-ttl{margin-top:.4rem}}@media (min-width:1920px){.prj-ttl{margin-top:.2rem}}@media (orientation:landscape) and (max-width:844px){.prj-ttl{margin-top:.4rem}}@media (orientation:portrait) and (min-width:768px){.prj-ttl{margin-top:.6rem}}@media (max-width:767px){.prj-dsc,.prj-url{margin-top:2rem}}@media (min-width:768px){.prj-dsc,.prj-url{margin-top:2.4rem}}@media (min-width:1441px){.prj-dsc,.prj-url{margin-top:2rem}}@media (min-width:1920px){.prj-dsc,.prj-url{margin-top:1.6rem}}@media (orientation:landscape) and (max-width:844px){.prj-dsc,.prj-url{margin-top:3.2rem}}@media (orientation:portrait) and (min-width:768px){.prj-dsc,.prj-url{margin-top:2.6rem}}.prj-ttl{visibility:hidden;line-height:1.2;position:relative}.prj-dsc{visibility:hidden;line-height:1.4}.prj-url{pointer-events:auto;visibility:hidden;padding-bottom:1px;display:inline-block;overflow:hidden}.prj-url.lnk{line-height:1.18}.prj-url .lnk-line{background-color:#fff;background-color:var(--white);bottom:0}.idx-item-lnk,.links,.prj-itm,.prj-url,.abt-cnt,.lg-role,.lg-txt,.lg-cta .lg-role,.lg-cta,.idx-lnk{opacity:0;visibility:hidden;will-change:opacity}.lg-txt{white-space:nowrap}.lg-role-char,.lg-dsc-char,.lg-cta-char{opacity:0;will-change:opacity;white-space:nowrap;backface-visibility:hidden;visibility:hidden;display:inline-block}.idx-lnk-char{opacity:0;will-change:transform,opacity;white-space:nowrap;backface-visibility:hidden;visibility:hidden;display:inline-block}#idx,#lg{visibility:hidden}.prj-next-label,.prj-num,.prj-ttl,.prj-dsc,.prj-url,.back-lnk{opacity:0;will-change:transform,opacity}@media (max-width:767px){#n,#idx{--scroll:0px;transform:translateZ(0);transform:translate3d(0,var(--scroll),0);will-change:transform}}@media (orientation:portrait) and (min-width:768px){#n,#idx{--scroll:0px;transform:translateZ(0);transform:translate3d(0,var(--scroll),0);will-change:transform}}.page{--scroll:0px;--progress:0;--translate-y:0;transform:translateZ(0);transform:translate3d(0,var(--scroll),0);will-change:transform}body{display:grid}#hdr,#cnt{z-index:2;grid-column:1}#hdr{z-index:1}.page{z-index:2;grid-area:1/1;position:relative}.page+.page{z-index:1}.kv{z-index:10;z-index:var(--z-cnt);width:content-fit;height:100vh;height:calc(var(--vh,1vh)*100);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.kv-wrap{align-items:center;display:flex}.kv-ttl{font-size:7rem;font-weight:400;line-height:1}.kv-dsc{margin-top:1rem;margin-left:2rem}.kv-dsc-ttl{text-transform:uppercase;font-size:max(11px,1.2rem);font-weight:500}.kv-dsc-txt{margin-top:.6rem;padding-right:1.6rem;font-size:max(11px,1.2rem);font-weight:400;line-height:1.2;display:block}.err-lnk{display:inline-block}.err-lnk.lnk{line-height:1}.detail{padding:100vh 0;padding:calc(var(--vh,1vh)*100)0}.dtl-wrap{width:100%;height:100vh;height:calc(var(--vh,1vh)*100);position:fixed;top:0;left:0}.dtl-cnt{z-index:0;z-index:var(--z-bg);height:100vh;height:calc(var(--vh,1vh)*100);color:var(--white);position:relative}@media (max-width:767px){.dtl-cnt{padding:0;padding:var(--grid10) var(--grid-gap-sp) calc(var(--grid10)*4)}}@media (min-width:768px){.dtl-cnt{padding:0;padding:var(--grid3) calc(var(--grid-gap)*4) var(--grid6);justify-content:center}}.dtl-cnt-wrap{pointer-events:auto;flex-direction:column;justify-content:space-between;margin-top:auto;display:none}@media (max-width:767px){.dtl-cnt-wrap{grid-column:3/span 6;justify-content:flex-end}}@media (min-width:768px){.dtl-cnt-wrap{grid-column:8/span 2}}@media (min-width:1441px){.dtl-cnt-wrap{grid-column:2/span 12}}@media (orientation:landscape) and (max-width:844px){.dtl-cnt-wrap{padding:0;padding:var(--grid10)0 0;grid-column:2/span 4}}.dtl-mda{z-index:10;z-index:var(--z-cnt);background-color:#fff;background-color:var(--white);pointer-events:auto;position:relative}@media (max-width:767px){.dtl-mda{padding:0;padding:var(--grid4)0}}@media (min-width:768px){.dtl-mda{padding:16rem 0}}@media (orientation:portrait) and (min-width:768px){.dtl-mda{padding:20rem 0}}@media (orientation:landscape) and (max-width:844px){.dtl-mda{padding:20rem 0}}@media (max-width:767px){.dtl-hp{margin:0;margin:0 var(--grid-gap-sp)}.dtl-hp:nth-child(n+2){margin-top:5rem}}@media (min-width:768px){.dtl-hp{margin:0;margin:0 calc(var(--grid-gap)*2)}.dtl-hp:nth-child(n+2){margin-top:14rem}}@media (min-width:1920px){.dtl-hp{margin:0;margin:0 calc(var(--grid-gap)*4)}.dtl-hp:nth-child(n+2){margin-top:10rem}}@media (orientation:landscape) and (max-width:844px){.dtl-hp{margin:0;margin:0 var(--grid-gap)}.dtl-hp:nth-child(n+2){margin-top:20rem}}@media (max-width:767px){.dtl-hp-num{grid-column:1/span 2}}@media (min-width:768px){.dtl-hp-num{grid-column:1/span 1}}@media (max-width:767px){.dtl-hp-name{text-align:right;grid-column:7/span 3}}@media (min-width:768px){.dtl-hp-name{grid-column:2/span 2}}.dtl-hp-wrap{background-color:#f8f7f5;background-color:var(--light);margin-top:1rem}@media (max-width:767px){.dtl-hp-wrap{padding:4rem 0}}@media (min-width:768px){.dtl-hp-wrap{padding:12rem 0}}@media (min-width:1441px){.dtl-hp-wrap{padding:8rem 0}}@media (max-width:767px){.shadow{box-shadow:0 4px 4px #2a33461a,0 20px 20px #2a334614,0 30px 60px #2a334629}}@media (min-width:768px){.shadow{box-shadow:0 2px 2px #2a334614,0 4px 4px #2a33461a,0 10px 10px #2a33461a,0 20px 20px #2a334614,0 30px 60px #2a334629,0 70px 70px #2a33461f}}.dtl-hp-img{-o-object-fit:fill;object-fit:fill;width:100%;height:100%}@media (max-width:767px){.dtl-hp-img{grid-column:2/span 6}}@media (min-width:768px){.dtl-hp-img{grid-column:2/span 8}}@media (min-width:1441px){.dtl-hp-img{grid-column:2/span 12}}@media (orientation:landscape) and (max-width:844px){.dtl-hp-img{grid-column:2/span 8}}@media (orientation:portrait) and (min-width:768px){.dtl-hp-img{grid-column:2/span 8}}