
.pal-home-root{--purple:#165b38;--black:#19271f;--base:#f5f5f0;background:var(--base);color:var(--black);font-family:'Zen Kaku Gothic New',sans-serif;font-weight:500;overflow-x:clip}.pal-home-root main{position:relative;z-index:2}.pal-home-root .hero{background:transparent}.pal-home-root .wordmark{position:fixed;top:calc(50vh + 22px);z-index:1;pointer-events:none}.pal-home-root h2,.pal-home-root h3,.pal-home-root p,.pal-home-root dl,.pal-home-root dd,.pal-home-root figure{margin:0}.pal-home-root section{box-sizing:border-box}.pal-home-root .u-label{position:relative;padding-left:23px;font:500 14px/1.5 sans-serif;letter-spacing:.05em;overflow:hidden}.u-label i{position:absolute;left:0;top:5px;width:10px;height:11px;border-radius:0 0 5px 5px;background:var(--purple);transform:translateY(-21px);transition:transform 1s cubic-bezier(.85,0,.15,1)}.u-label>span{display:block;transform:translateY(21px);transition:transform 1s cubic-bezier(.85,0,.15,1)}.u-reveal.seen .u-label i,.u-reveal.seen .u-label>span,.u-footer .u-label i,.u-footer .u-label>span{transform:none}
#u-about{padding:264px 0 0;margin:0 auto max(-410px,calc(-410/1440*100vw))}.u-about-intro{width:92%;max-width:1200px;margin:0 auto 110px}.u-about-intro>.u-label{margin-bottom:-21px}.u-about-columns{display:flex;justify-content:space-between;align-items:stretch}.u-about-logo{width:45.4166667%;position:relative}.u-about-logo>div{width:78.1651376%;margin-left:auto;aspect-ratio:1;opacity:0;transition:opacity 1s ease .4s}.u-reveal.seen .u-about-logo>div{opacity:1}.u-about-logo img{display:block;width:100%}.u-about-copy{width:44.5%;padding-right:4.5833333%;box-sizing:border-box}.u-about-ja{display:flex;flex-direction:column;gap:clamp(20px,2.4305556vw,35px);margin-bottom:clamp(30px,3.6805556vw,53px)}.u-about-ja p{font-size:clamp(18px,1.6666667vw,24px);font-weight:700;line-height:1.7;letter-spacing:.05em}.u-text-row{display:block;overflow:hidden}.u-text-row>span{display:block;transform:translateY(100%);transition:transform 1s cubic-bezier(.16,1,.3,1) .4s}.u-reveal.seen .u-text-row>span{transform:none}
@media(max-width:768px){
 .pal-home-root .wordmark{top:47.7954vh}#u-about{padding:80px 0 60px;margin-bottom:calc(-133/375*100vw)}.u-about-intro{width:88%}.u-about-intro>.u-label{margin-bottom:3px}.u-about-columns{display:block}.u-about-logo{width:100%;margin-bottom:50px}.u-about-logo>div{width:85.4545455%;margin:auto}.u-about-copy{width:100%;padding:0}.u-about-ja{gap:max(20px,5.3333333vw);margin-bottom:max(30px,8vw)}.u-about-ja p{font-size:max(18px,4.8vw)}.u-text-row>span{transition-delay:1s}

}

.pal-home-root.u-loading-on{overflow:hidden}.u-loading{position:fixed;inset:0;height:100vh;z-index:100000;background:var(--purple);opacity:1;transition:opacity .8s ease}.u-loading.closed{opacity:0;pointer-events:none}.u-loading-inner{position:relative;width:100%;height:100%;overflow:hidden}.u-opening-copy{position:absolute;inset:0;z-index:2}.u-opening-text{position:absolute;top:50%;left:calc(50% + 4.7916667vw);transform:translate(-50%,-50%);width:54.0277778%;max-width:778px;aspect-ratio:778/293}.u-opening-row{position:absolute;transform:translateY(-50%);width:100%;overflow:hidden;transition:top 1.4s cubic-bezier(.85,0,.15,1)}.u-opening-row.row-1{aspect-ratio:778/119;top:20.3071672%;left:1.1568123%}.u-opening-row.row-2{aspect-ratio:778/149;top:74.5733788%;left:0}.u-opening-row>span{position:absolute;display:block;transform:translateY(120%);transition:transform 1s cubic-bezier(.85,0,.15,1);transition-delay:calc(var(--j)*.05s)}.row-1>span{width:15.9383033%;left:calc(var(--j)*15.9383033%);top:0}.row-2>span{width:19.7943445%;left:calc(var(--j)*20.0514139%);bottom:0;transition-delay:calc((var(--j) + 1)*.05s)}.u-loading.step2 .u-opening-row>span{transform:translateY(0)}.u-loading.step3 .u-opening-row{top:50%}.u-loading.step3 .u-opening-row>span{left:calc(50% - 4.7916667vw);transform:translateX(-50%) scale(.6);transition:left 1.4s cubic-bezier(.85,0,.15,1),transform 1.4s cubic-bezier(.85,0,.15,1)}.u-opening-dot{position:absolute;width:8.6111111%;max-width:124px;aspect-ratio:1;border-radius:50%;background:white;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform 1s ease}.u-loading.dot .u-opening-dot{transform:translate(-50%,-50%) scale(1)}.u-opening-white{position:absolute;inset:0;z-index:3;background:white;clip-path:circle(2% at 50% 50%);opacity:0;transition:clip-path 1.2s ease}.u-loading.iris .u-opening-white{opacity:1;clip-path:circle(100% at 50% 50%)}.u-opening-mark{position:absolute;top:calc(50% + 49px);left:50%;transform:translate(-50%,-50%);width:max(470px,32.6388889vmax);aspect-ratio:470/517;opacity:0;transition:opacity .6s}.u-loading.iris .u-opening-mark{opacity:1}
@media(max-width:768px){.u-loading{height:100lvh}.u-loading-inner{height:100dvh}.u-opening-dot{width:21.3333333%;max-width:none}.u-opening-text{width:88.2666667%;max-width:none;left:54.9333333%}.u-opening-mark{width:54.9333333%;min-width:0;top:50%}}




html:has(body.pal-home-root.u-loading-on){overflow:hidden}
.pal-home-root .wordmark{overflow:hidden}
.pal-home-root .wordmark img{display:block;transform:translateY(100%);transition:transform 1s cubic-bezier(.85,0,.15,1)}
.pal-home-root:not(.u-loading-on) .wordmark img{transform:translateY(0)}
.pal-home-root .hero-copy .ja>span,.pal-home-root .hero-copy .en{overflow:hidden}
.pal-home-root .u-hero-copy-line{display:block;transform:translateY(100%);transition:transform 1s cubic-bezier(.16,1,.3,1) .4s}
.pal-home-root:not(.u-loading-on) .u-hero-copy-line{transform:translateY(0)}
.pal-home-root .hero .scroll{display:flex;flex-direction:column;align-items:center;gap:max(9px,.625vw);writing-mode:horizontal-tb;opacity:0;transition:opacity 1s ease;font:500 max(12px,.8333333vw)/1.5 sans-serif;letter-spacing:.02em}
.pal-home-root:not(.u-loading-on) .hero .scroll{opacity:1}
.pal-home-root .u-scroll-text{writing-mode:vertical-rl}
.pal-home-root .u-scroll-arrow{display:block;width:max(8px,.5555556vw);height:max(20px,1.3888889vw);position:relative;right:max(1px,.0694444vw)}
.u-opening-dot{transition:none}
.u-loading.dot .u-opening-dot{animation:u-opening-dot 1s ease forwards}
@keyframes u-opening-dot{from{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}
.u-opening-white{transition:none}
.u-loading.iris .u-opening-white{animation:u-opening-iris 1.2s ease forwards}
@keyframes u-opening-iris{from{clip-path:circle(2% at 50% 50%)}to{clip-path:circle(100% at 50% 50%)}}

.pal-home-root .hero .scroll::after{content:none}


.u-about-logo>div{position:relative}.u-about-logo>div>img{position:absolute;inset:0;width:100%;height:auto}
