: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:#ffffff;--light:#f8f7f5;--transition_03:cubic-bezier(.32, .181, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-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{display:block;list-style-type:none}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;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;outline:0;text-rendering:optimizeLegibility}@media (max-width:767px){html{overflow:hidden}}@media (min-width:768px){html{overflow:hidden}}body{position:relative;width:100%;height:100%;overscroll-behavior:none;font-family:Unica77,Helvetica Neue,Helvetica,sans-serif;font-family:var(--font-family);color:#31302f;color:var(--black);font-weight:400;letter-spacing:.08rem;line-height:1.7;background-position:center center;background-repeat:no-repeat;background-size:cover}button{font:inherit;letter-spacing:inherit}svg{max-width:100%;height:auto}ul,li{list-style-type:none}a{display:block;border-radius:0;-webkit-text-decoration:none;text-decoration:none;outline:0;-webkit-outline:0;-webkit-tap-highlight-color:transparent}a:active,a:hover{outline:0}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;transition:opacity .48s ease;opacity:1}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;outline:0;-webkit-outline:0;-webkit-tap-highlight-color:transparent}::-moz-selection{background-color:#00000008}::selection{background-color:#00000008}.js-lazy{opacity:0;transition:opacity .6s ease}.js-preload{opacity:0}.detail .loaded{opacity:1}.js-focus-visible :focus:not(.focus-visible){outline:0}#hdr{z-index:10;z-index:var(--z-hdr);position:fixed;top:0;left:0;width:100%;pointer-events:none}@media (max-width:767px){#hdr{display:flex;flex-direction:column;justify-content:center;padding:0;padding:var(--grid5) var(--grid-gap-sp);min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}}@media (min-width:768px){#hdr{min-height:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}}@media (orientation:portrait) and (min-width:768px){#hdr{display:flex;flex-direction:column;justify-content:center;padding:0;padding:var(--grid-gap);height:auto;min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}}#cnt{grid-column:1/span 8;grid-row:1;position:relative;z-index:10;z-index:var(--z-cnt);pointer-events:none}#cnt[data-p=home]{z-index:0;z-index:var(--z-bg)}.page{display:flex;flex-direction:column}@media (min-width:768px){.page{min-height:100vh}}#gl{position:fixed;z-index:0;z-index:var(--z-bg);top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.g{display:grid}@media (max-width:767px){.g{grid-template-columns:repeat(8,1fr);-moz-column-gap:0;column-gap:0;-moz-column-gap:var(--grid-gap-sp);column-gap:var(--grid-gap-sp)}}@media (min-width:768px){.g{grid-template-columns:repeat(10,1fr);-moz-column-gap:0;column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap)}}@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,min(1.2rem,1.2rem));line-height:1.77}}@media (min-width:1441px){body{font-size:max(12px,min(1.24rem,1.24rem))}}@media (min-width:1920px){body{font-size:max(13px,min(1rem,1rem))}}@media (orientation:landscape) and (max-width:844px){body{font-size:max(12px,min(1.2rem,1.2rem))}}@media (orientation:portrait) and (min-width:768px){body{font-size:max(12px,min(1.1rem,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:normal;font-display:swap}@media (max-width:767px){.preloader-ttl{font-size:max(15rem,min(25rem,21rem));line-height:.8}}@media (min-width:768px){.preloader-ttl{font-size:max(80rem,min(120rem,100rem))}}@media (orientation:landscape) and (max-width:844px){.preloader-ttl{font-size:max(80rem,min(120rem,100rem))}}.ttl-xl{font-weight:300;letter-spacing:-.1rem;line-height:.88;text-transform:uppercase}@media (max-width:767px){.ttl-xl{font-size:max(22rem,min(30rem,28rem))}}@media (min-width:768px){.ttl-xl{font-size:max(22rem,min(40rem,32rem))}}.ttl-l{letter-spacing:.08rem;line-height:1.2;font-weight:400}@media (max-width:767px){.ttl-l{font-size:max(14px,min(2.2rem,2.2rem))}}@media (min-width:768px){.ttl-l{font-size:max(1.6rem,min(3.2rem,3.2rem))}}@media (min-width:1441px){.ttl-l{font-size:max(1.8rem,min(2.6rem,2.6rem))}}@media (min-width:1920px){.ttl-l{font-size:max(1.8rem,min(2.4rem,2.4rem))}}@media (orientation:portrait) and (min-width:768px){.ttl-l{font-size:max(16px,min(4.2rem,4.2rem))}}@media (orientation:landscape) and (max-width:844px){.ttl-l{font-size:max(14px,min(3.2rem,3.2rem))}}.ttl-m{font-weight:400;letter-spacing:.068rem;line-height:1;text-transform:uppercase}@media (max-width:767px){.ttl-m{font-size:max(11px,min(1.4rem,1.4rem))}}@media (min-width:768px){.ttl-m{font-size:max(14px,min(1.5rem,1.5rem))}}@media (min-width:1441px){.ttl-m{font-size:max(14px,min(1.3rem,1.3rem))}}@media (min-width:1920px){.ttl-m{font-size:max(14px,min(1.1rem,1.1rem))}}@media (orientation:landscape) and (max-width:844px){.ttl-m{font-size:max(13px,min(3rem,1.6rem))}}.ttl-s{font-weight:400;letter-spacing:.02rem}@media (max-width:767px){.ttl-s{font-size:1.2rem}}@media (min-width:768px){.ttl-s{font-size:max(12px,min(1.2rem,1.2rem))}}@media (min-width:1441px){.ttl-s{font-size:max(12px,min(1.24rem,1.24rem))}}@media (min-width:1920px){.ttl-s{font-size:max(13px,min(1rem,1rem))}}@media (orientation:landscape) and (max-width:844px){.ttl-s{font-size:max(11px,min(1.2rem,1.2rem))}}@media (orientation:portrait) and (min-width:768px){.ttl-s{font-size:max(12px,min(1.1rem,1.1rem));line-height:2}}.txt-l{letter-spacing:.03rem}@media (max-width:767px){.txt-l{font-size:max(12px,min(1.3rem,1.3rem))}}@media (min-width:768px){.txt-l{font-size:max(12px,min(1.4rem,1.4rem))}}@media (orientation:portrait) and (min-width:768px){.txt-l{font-size:max(12px,min(1.6rem,1.6rem))}}.txt-s{letter-spacing:.02rem;line-height:1.2}@media (max-width:767px){.txt-s{font-size:max(10px,min(1rem,1rem))}}@media (min-width:768px){.txt-s{font-size:max(10px,min(1rem,1rem))}}.num{font-weight:400;text-transform:uppercase}@media (max-width:767px){.num{font-size:1rem}}@media (min-width:768px){.num{font-size:max(10px,min(1rem,1rem))}}@media (min-width:1920px){.num{font-size:max(10px,min(.8rem,.8rem))}}@media (orientation:landscape) and (max-width:844px){.num{font-size:max(10px,min(1rem,1rem))}}@media (orientation:portrait) and (min-width:768px){.num{font-size:max(10px,min(1rem,1rem))}}.lnk{position:relative;font-weight:400;letter-spacing:.08rem;line-height:1.03;overflow:hidden}.lnk-line{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#31302f;background-color:var(--black)}.lnk:hover .lnk-line{animation:hover-line .48s cubic-bezier(.32,.181,.3,1) forwards;animation:hover-line .48s var(--transition_03) forwards}@keyframes hover-line{0%{transform:translate(0)}50%{transform-origin:right center;transform:translate(100%)}51%{transform:translate(-100%)}to{transform-origin:left center;transform:translate(0)}}.gtm{-moz-column-gap:0;column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap);position:fixed;z-index:10;z-index:var(--z-gtm);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media (max-width:767px){.gtm{left:50%;bottom:0;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{position:relative;border-radius:2px;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;-moz-user-select:auto;user-select:auto;pointer-events:auto;will-change:opacity,transform;background-color:#f8f7f5;background-color:var(--light)}.gtm-cnt.is-hide{opacity:0;visibility:hidden;transform:translateY(10px);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)}@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{position:absolute;bottom:100%;left:0;background-color:#fff;background-color:var(--white);border-radius:2px;z-index:1;opacity:0;transform:translateY(-4px);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}@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;transform:translateY(0);visibility:visible;transition:opacity .38s cubic-bezier(.32,.181,.3,1),transform .38s cubic-bezier(.32,.181,.3,1),visibility 0s linear;transition:opacity .38s var(--transition_03),transform .38s var(--transition_03),visibility 0s linear}.gtm-dsc-ttl{margin-bottom:1.4rem;font-weight:400;letter-spacing:.1rem;text-transform:uppercase}.gtm-dsc-txt{line-height:1.6}.gtm-cst{display:flex;align-items:center;justify-content:center}.gtm-cst-ttl{margin-right:3rem;letter-spacing:.06rem;text-transform:uppercase;font-weight:400;line-height:1;white-space:nowrap}.gtm-cke-lnk{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:-.18rem}.gtm-cst-ttl{display:inline-block;font-weight:400;margin-right:2rem}.gtm-btn{display:inline-block;font-weight:400;letter-spacing:.06rem;line-height:1;color:#31302f;color:var(--black);text-transform:uppercase;transition:opacity .35s cubic-bezier(.32,.181,.3,1);transition:opacity .35s var(--transition_03)}.gtm-btn:hover{opacity:.5}.gtm-dvr{display:block;margin:0 .8rem .15rem;line-height:1}@media (min-width:768px){.gtm-dvr{display:inline-block}}.preloader{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:100;z-index:var(--z-preloader);width:100%;height:100vh;height:calc(var(--vh, 1vh)*100);padding:0;padding:var(--grid4)}.pld-bg{position:absolute;z-index:0;z-index:var(--z-bg);top:0;left:0;width:100%;height:100%;background-color:#f8f7f5;background-color:var(--light)}.loading{position:relative;display:grid;align-items:center;height:3rem}@media (max-width:767px){.loading{width:24vw}}@media (min-width:768px){.loading{width:10vw}}@media (min-width:1441px){.loading{width:8vw}}@media (min-width:1441px){.loading{width:6vw}}@media (orientation:portrait) and (min-width:768px){.loading{width:14vw}}.loading-bar{align-self:center;grid-area:1/1/2/2;position:relative;width:100%;height:1px;background-color:#31302f;background-color:var(--black);transform-origin:left;transform:scaleX(0);will-change:transform;opacity:0}.loading-num{position:relative;z-index:10;z-index:var(--z-cnt);grid-area:1/1/2/2;padding-left:1rem;will-change:transform,opacity;opacity:0}#n{position:relative;grid-column:span 2;will-change:opacity,visibility;width:100%}.detail #n{width:100%;position:fixed}@media (min-width:768px){#n{position:fixed;top:0;left:0;padding:0;padding:var(--grid4) var(--grid4)}}@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{position:relative;top:auto;left:auto;padding:0;padding:var(--grid6)0 0}}.back-lnk{position:absolute;color:#fff;color:var(--white);pointer-events:auto;cursor:pointer}@media (max-width:767px){.back-lnk{top:0;left:0;padding:0;padding:var(--grid1)}}@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{position:relative;z-index:10;z-index:var(--z-nav);grid-row:1;will-change:opacity,visibility;pointer-events:auto;perspective:1000px}@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{margin-left:auto;width:0;width:var(--grid15)}}@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{position:relative;display:block;-o-object-fit:initial;object-fit:initial}@media (max-width:767px){.lg-img{width:9.1rem;height:6.59rem}}@media (min-width:768px){.lg-img{width:11rem;height:8rem;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{display:inline-block;pointer-events:auto}.logo-svg{display:block;aspect-ratio:384.1/274.3}.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;column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap);position:relative;pointer-events:none}@media (max-width:767px){#idx{order:1}}@media (min-width:768px){#idx{display:grid;width:100%;margin-top:auto;padding:0;padding:var(--grid4) var(--grid4)}}@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{margin-top:0;width:100%;padding:0;padding:var(--grid3)0 var(--grid6)}}.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{align-items:center;display:grid;position:relative;z-index:3;z-index:var(--z-ttl);color:#31302f;color:var(--black);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;user-drag:none;perspective:1000px}@media (max-width:767px){.idx-item-lnk{grid-template-columns:86% 14%;line-height:2.2}}@media (min-width:768px){.idx-item-lnk{grid-template-columns:repeat(2,1fr);-moz-column-gap:0;column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap);line-height:1.88}}@media (min-width:1441px){.idx-item-lnk{grid-template-columns:repeat(2,1fr);-moz-column-gap:0;column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap)}}@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;column-gap:0;-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap)}}@media (orientation:landscape) and (max-width:844px){.idx-item-lnk{-moz-column-gap:0;column-gap:0;-moz-column-gap:var(--grid-gap-sp);column-gap:var(--grid-gap-sp);line-height:1.88}}.project-name{display:block;grid-column:span 1}.project-num{display:block;grid-column:2/span 1}.prj-next{position:fixed;top:0;left:0;height:100vh;height:calc(var(--vh, 1vh)*100)}@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{display:flex;flex-direction:column;justify-content:space-between;width:100%;margin-top:auto;pointer-events:none}@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:#fff;color:var(--white);opacity:.2}.prj-next-items{display:grid}.prj-next-item{position:relative;grid-column:1;grid-row:1;z-index:1;color:#fff;color:var(--white);visibility:hidden;pointer-events:none}.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{top:-1.8rem;line-height:2}}@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{position:relative;line-height:1.2;visibility:hidden}.prj-dsc{line-height:1.4;visibility:hidden}.prj-url{display:inline-block;padding-bottom:1px;overflow:hidden;pointer-events:auto;visibility:hidden}.prj-url.lnk{line-height:1.18}.prj-url .lnk-line{bottom:0;background-color:#fff;background-color:var(--white)}.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{display:inline-block;opacity:0;will-change:opacity;white-space:nowrap;backface-visibility:hidden;visibility:hidden}.idx-lnk-char{display:inline-block;opacity:0;will-change:transform,opacity;white-space:nowrap;backface-visibility:hidden;-webkit-backface-visibility:hidden;visibility:hidden}#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{grid-column:1;z-index:2}#hdr{z-index:1}.page{position:relative;grid-column:1;grid-row:1;z-index:2}.page+.page{z-index:1}.kv{position:relative;z-index:10;z-index:var(--z-cnt);display:flex;flex-direction:column;align-items:center;justify-content:center;width:content-fit;height:100vh;height:calc(var(--vh, 1vh)*100);pointer-events:auto}.kv-wrap{display:flex;align-items:center}.kv-ttl{font-size:7rem;font-weight:400;line-height:1}.kv-dsc{margin-top:1rem;margin-left:2rem}.kv-dsc-ttl{font-size:max(11px,min(1.2rem,1.2rem));font-weight:500;text-transform:uppercase}.kv-dsc-txt{display:block;margin-top:.6rem;line-height:1.2;font-size:max(11px,min(1.2rem,1.2rem));font-weight:400;padding-right:1.6rem}.err-lnk{display:inline-block}.err-lnk.lnk{line-height:1}.detail{padding:100vh 0;padding:calc(var(--vh, 1vh)*100)0}.dtl-wrap{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(var(--vh, 1vh)*100)}.dtl-cnt{position:relative;z-index:0;z-index:var(--z-bg);height:100vh;height:calc(var(--vh, 1vh)*100);color:#fff;color:var(--white)}@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{justify-content:center;padding:0;padding:var(--grid3) calc(var(--grid-gap)*4) var(--grid6)}}.dtl-cnt-wrap{display:none;flex-direction:column;justify-content:space-between;margin-top:auto;pointer-events:auto}@media (max-width:767px){.dtl-cnt-wrap{justify-content:flex-end;grid-column:3/span 6}}@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{grid-column:2/span 4;padding:0;padding:var(--grid10)0 0}}.dtl-mda{position:relative;z-index:10;z-index:var(--z-cnt);background-color:#fff;background-color:var(--white);pointer-events:auto}@media (max-width:767px){.dtl-mda{padding:0;padding:var(--grid4)0}}@media (min-width:768px){.dtl-mda{padding:20rem 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{grid-column:7/span 3;text-align:right}}@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{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}@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}}