.p-works[data-astro-cid-3vzc7iem]{position:relative}@media(width>=800px){.p-works[data-astro-cid-3vzc7iem]{align-items:center;display:grid}}.tab-menu[data-astro-cid-3vzc7iem]{gap:calc(48 * var(--px)) 0;padding:calc(223 * var(--px)) 0 calc(80 * var(--px));margin-top:calc(120 * var(--px));display:grid;position:relative}@media(width>=800px){.tab-menu[data-astro-cid-3vzc7iem]{grid-template-columns:calc(384 * var(--px)) calc(680 * var(--px));gap:calc(42 * var(--px)) calc(88 * var(--px));padding:calc(120 * var(--px)) calc(64 * var(--px)) calc(64 * var(--px));margin-top:0}}.tab-control[data-astro-cid-3vzc7iem]{overflow:hidden}@media(width>=800px){.tab-control[data-astro-cid-3vzc7iem]{grid-area:1/1/2/2}}.tab-list[data-astro-cid-3vzc7iem]{display:flex}@media(width>=800px){.tab-list[data-astro-cid-3vzc7iem]{grid-area:1/1/2/2;grid-template-columns:repeat(3,calc(120 * var(--px)));gap:calc(12 * var(--px));display:grid}}@media(scripting:enabled){@media(width>=800px){.tab-list[data-astro-cid-3vzc7iem][data-inview=true] .tab[data-astro-cid-3vzc7iem]{opacity:1;scale:1}}}.tab[data-astro-cid-3vzc7iem]{flex:0 0 calc(100 * var(--px));aspect-ratio:16/9;margin-right:calc(10 * var(--px));transition:scale .3s var(--ease-overshoot-out-dynamic) calc(var(--index,0) * 20ms),opacity .15s var(--ease-out-cubic) calc(var(--index,0) * 20ms);position:relative}@media(width>=800px){.tab[data-astro-cid-3vzc7iem]{margin-right:0}@media(scripting:enabled){.tab[data-astro-cid-3vzc7iem]{opacity:0;scale:.8}}}@media(any-hover:hover){.tab[data-astro-cid-3vzc7iem]:not([aria-selected=true]):hover img[data-astro-cid-3vzc7iem]{opacity:.8}@media(width>=800px){.tab[data-astro-cid-3vzc7iem]:not([aria-selected=true]):hover img[data-astro-cid-3vzc7iem]{animation:5s ease-in-out infinite rotation-y;scale:1.05}}}.tab[data-astro-cid-3vzc7iem][aria-selected=true]:before{opacity:.4}.tab[data-astro-cid-3vzc7iem]:before{pointer-events:none;content:"";background-color:var(--color-black);opacity:0;width:100%;height:100%;transition:opacity .2s var(--ease-out-cubic);position:absolute;inset:0}.tab[data-astro-cid-3vzc7iem] img[data-astro-cid-3vzc7iem]{object-fit:cover;width:100%;height:100%;transition:scale .1s var(--ease-overshoot-out-dynamic)}.tab-panel[data-astro-cid-3vzc7iem]{grid-area:2/1/3/2;transition-duration:.4s}@media(width>=800px){.tab-panel[data-astro-cid-3vzc7iem]{grid-area:2/1/3/2;transition-duration:.3s}}.tab-panel[data-astro-cid-3vzc7iem].is-enter-start,.tab-panel[data-astro-cid-3vzc7iem].is-leave-end{--_pos:absolute}.tab-panel[data-astro-cid-3vzc7iem].is-enter-start .info[data-astro-cid-3vzc7iem]{opacity:0}@media(width>=800px){.tab-panel[data-astro-cid-3vzc7iem].is-enter-start .info[data-astro-cid-3vzc7iem]{translate:20%}}.tab-panel[data-astro-cid-3vzc7iem].is-enter-start .thumb[data-astro-cid-3vzc7iem] img[data-astro-cid-3vzc7iem]{opacity:0;translate:20%}[data-astro-cid-3vzc7iem]:is(.tab-panel.is-enter-end,.tab-panel.is-leave-start) .info[data-astro-cid-3vzc7iem]{opacity:1}@media(width>=800px){[data-astro-cid-3vzc7iem]:is(.tab-panel.is-enter-end,.tab-panel.is-leave-start) .info[data-astro-cid-3vzc7iem]{translate:0}}[data-astro-cid-3vzc7iem]:is(.tab-panel.is-enter-end,.tab-panel.is-leave-start) .thumb[data-astro-cid-3vzc7iem]{opacity:1}[data-astro-cid-3vzc7iem]:is(.tab-panel.is-enter-end,.tab-panel.is-leave-start) .thumb[data-astro-cid-3vzc7iem] img[data-astro-cid-3vzc7iem]{translate:0}.tab-panel[data-astro-cid-3vzc7iem].is-leave-end .info[data-astro-cid-3vzc7iem]{opacity:0}@media(width>=800px){.tab-panel[data-astro-cid-3vzc7iem].is-leave-end .info[data-astro-cid-3vzc7iem]{translate:-20%}}.tab-panel[data-astro-cid-3vzc7iem].is-leave-end .thumb[data-astro-cid-3vzc7iem] img[data-astro-cid-3vzc7iem]{opacity:0;translate:-20%}.thumb[data-astro-cid-3vzc7iem]{width:calc(360 * var(--px));aspect-ratio:16/9;align-items:center;margin:0 auto;display:grid;position:absolute;inset:0 0 auto;overflow:hidden}@media(width>=800px){.thumb[data-astro-cid-3vzc7iem]{inset:0 calc(64 * var(--px)) 0 auto;width:calc(680 * var(--px));margin:auto 0}}.thumb[data-astro-cid-3vzc7iem] img[data-astro-cid-3vzc7iem]{object-fit:cover;width:100%;height:100%;transition:translate .25s var(--ease-out-cubic),opacity .4s var(--ease-out-cubic);display:block}@media(width>=800px){.thumb[data-astro-cid-3vzc7iem] img[data-astro-cid-3vzc7iem]{transition:translate .15s var(--ease-out-cubic),opacity .2s var(--ease-out-cubic)}}.info[data-astro-cid-3vzc7iem]{--_line-color:var(--color-sub-blue);position:var(--_pos);padding-right:calc(16 * var(--px));padding-left:calc(16 * var(--px));transition:opacity .4s var(--ease-out-cubic);display:block}@media(width>=800px){.info[data-astro-cid-3vzc7iem]{transition:translate .15s var(--ease-out-cubic),opacity .2s var(--ease-out-cubic);padding-left:0;padding-right:0}}@media(any-hover:hover){.info[data-astro-cid-3vzc7iem]:hover{--_line-color:var(--color-golden-yellow)}}.title[data-astro-cid-3vzc7iem]{display:grid}.client[data-astro-cid-3vzc7iem]{font-family:var(--font-zen-dots);font-size:calc(12 * var(--rem));line-height:1}.page[data-astro-cid-3vzc7iem]{font-family:var(--font-dela-gothic);font-size:calc(28 * var(--rem))}@media(width>=800px){.page[data-astro-cid-3vzc7iem]{font-size:calc(36 * var(--rem))}}.desc[data-astro-cid-3vzc7iem]{margin-top:calc(8 * var(--px));font-size:calc(12 * var(--rem));font-weight:500}.detail[data-astro-cid-3vzc7iem]{--_line-bottom:calc(4 * var(--px));width:fit-content;margin-top:calc(24 * var(--px));font-family:var(--font-zen-dots);font-size:calc(14 * var(--rem));background-image:linear-gradient(var(--_line-color) 0 0);background-repeat:no-repeat;background-position:0 calc(100% - var(--_line-bottom));background-size:100% calc(4 * var(--px))}.deco[data-astro-cid-3vzc7iem]{display:none}@media(width>=800px){.deco[data-astro-cid-3vzc7iem]{top:calc(228 * var(--px));left:calc(24 * var(--px));z-index:1;font-family:var(--font-zen-dots);font-size:calc(140 * var(--rem));color:var(--color-main);opacity:.4;grid-template-areas:"text";line-height:1;display:grid;position:absolute}}.deco-text[data-astro-cid-3vzc7iem]{white-space:nowrap;transform-origin:0 0;transition:opacity .3s var(--ease-out-cubic);grid-area:text;transform:skew(-16deg)rotate(-8deg)}.deco-text[data-astro-cid-3vzc7iem].is-hidden{opacity:0;position:absolute}