:root{--color-cream: #fff8ea;--color-brown: #5a3a2e;--color-brown-light: #8a6a5c;--color-white: #fff;--color-mint: #9ddcc8;--color-mint-dark: #3fa58f;--color-mint-light: #d6f2e8;--color-mint-pale: #dcefe6;--font-primary: "Sawarabi Gothic", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Meiryo", "MS PGothic", sans-serif;--font-secondary: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "MS PMincho", "MS Mincho", serif;--font-baloo: "Baloo 2", var(--font-primary);--lh-sm: 1.4;--lh-md: 1.6;--lh-lg: 1.8}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main{border:0;margin:0;outline:0;padding:0;background:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;font-size:100%;font-style:inherit;font-weight:inherit;text-decoration:none;vertical-align:baseline}input,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}textarea{display:block}html{font-size:62.5%}body{line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary,textarea{display:block}audio,canvas,video{display:inline-block}picture{display:block}dialog{padding:0;border:none}.js-focus-visible :focus:not(.focus-visible){outline:0}.focus-visible{outline:2px dotted #333}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:start;font-weight:normal;vertical-align:middle}li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input,select{vertical-align:middle}img{max-inline-size:100%;block-size:auto;vertical-align:top;object-fit:cover}button{color:var(--color-brown);background:none;appearance:none;border:none;padding:0;cursor:pointer}a{color:var(--color-brown)}*{font-family:inherit}html{font-family:var(--font-primary);-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{background-color:var(--color-cream);background-image:linear-gradient(var(--color-mint-pale) 1px, transparent 1px),linear-gradient(90deg, var(--color-mint-pale) 1px, transparent 1px);background-size:3.6rem 3.6rem;color:var(--color-brown);font-size:1.6rem;font-weight:400;letter-spacing:.05em;line-height:var(--lh-lg);font-feature-settings:"palt"}.svg_symbol{display:none}.br-pc{display:block}@media screen and (orientation: portrait)and (max-width: 767px){.br-pc{display:none}}.br-sp{display:none}@media screen and (orientation: portrait)and (max-width: 767px){.br-sp{display:block}}.header{padding:8rem 4rem 6rem;text-align:center}@media screen and (orientation: portrait)and (max-width: 767px){.header{padding:5rem 2rem 4rem}}.header__title{font-family:var(--font-baloo);font-weight:800;font-size:5.6rem;letter-spacing:.06em;line-height:var(--lh-sm)}@media screen and (orientation: portrait)and (max-width: 767px){.header__title{font-size:4rem}}.footer{block-size:4rem;border-block-start:2px solid var(--color-brown)}@media screen and (orientation: portrait)and (max-width: 767px){.footer{block-size:3rem}}.js-modal{opacity:0;translate:0 3rem}.js-modal::backdrop{background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease-out}.js-modal[open]{display:block;animation:slideUp .3s ease-out forwards}.js-modal[open]::backdrop{opacity:1}.js-modal.closing{animation:slideDown .2s ease-in forwards}.js-modal.closing::backdrop{opacity:0}@keyframes slideUp{to{opacity:1;translate:0 0}}@keyframes slideDown{from{opacity:1;translate:0 0}to{opacity:0;translate:0 3rem}}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__track{position:relative;overflow:hidden;z-index:0}.splide__list{display:flex;block-size:100%;backface-visibility:hidden;will-change:transform}.splide__slide{position:relative;flex-shrink:0;inline-size:100%;list-style-type:none;backface-visibility:hidden}.splide__sr{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.splide__arrow{position:absolute;inset-block-start:50%;z-index:1;display:grid;place-items:center;inline-size:3.6rem;block-size:3.6rem;translate:0 -50%;background:hsla(0,0%,100%,.85);border:2px solid var(--color-brown);border-radius:50%;transition:opacity .3s}@media(hover: hover){.splide__arrow:hover{opacity:.7}}.splide__arrow:disabled{opacity:.3;cursor:default}.splide__arrow svg{inline-size:1.3rem;block-size:1.3rem;fill:var(--color-brown)}.splide__arrow--prev{inset-inline-start:1.2rem}.splide__arrow--prev svg{scale:-1 1}.splide__arrow--next{inset-inline-end:1.2rem}.splide__pagination{display:flex;justify-content:center;gap:1.4rem;margin-block-start:1.6rem}.splide__pagination li{display:flex}.splide__pagination__page{inline-size:1.2rem;block-size:1.2rem;background:var(--color-brown);border:1px solid var(--color-brown);border-radius:50%;transition:background .3s}.splide__pagination__page.is-active{background:var(--color-mint)}[data-animate]{transition:opacity .6s ease-out .1s,transform .6s ease-out .1s;will-change:opacity,transform}[data-animate].is-animated{will-change:auto}[data-animate=fade-up]{opacity:0;transform:translateY(3rem)}[data-animate=fade-up].is-animated{opacity:1;transform:translateY(0)}[data-animate-delay="100"]{transition-delay:.2s}[data-animate-delay="200"]{transition-delay:.3s}[data-animate-delay="400"]{transition-delay:.5s}[data-animate-delay="600"]{transition-delay:.7s}@media(prefers-reduced-motion: reduce){[data-animate]{opacity:1;transform:none;transition:none}}.typing__sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.typing__char{position:relative;opacity:0;animation:typing-show 0s linear forwards;animation-delay:calc(.3s + var(--delay))}.typing__char::after{content:"";position:absolute;inset-block:.1em;inset-inline-start:calc(100% + .05em);inline-size:2px;background:currentColor;opacity:0;animation:typing-caret var(--step) steps(1);animation-delay:inherit}.typing__char.is-last::after{animation:typing-caretBlink 1s steps(1) infinite;animation-delay:inherit}[data-animate=typing]:not(.is-animated) .typing__char,[data-animate=typing]:not(.is-animated) .typing__char::after{animation-play-state:paused}@keyframes typing-show{to{opacity:1}}@keyframes typing-caret{0%{opacity:1}100%{opacity:0}}@keyframes typing-caretBlink{0%{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion: reduce){.typing__char,.typing__char::after{opacity:1;animation:none}.typing__char::after{display:none}}.intro{position:relative;padding:0 4rem 6rem;border-block-end:2px solid var(--color-brown)}@media screen and (max-width: 1024px){.intro{padding-block-end:8.4rem}}@media screen and (orientation: portrait)and (max-width: 767px){.intro{padding:0 1.5rem 8rem}}.intro__text{display:flex;flex-direction:column;gap:1.2rem;max-inline-size:64rem;margin-inline:auto;font-size:1.5rem;font-weight:700;text-align:center}@media screen and (orientation: portrait)and (max-width: 767px){.intro__text{font-size:1.4rem}}.intro__number{color:var(--color-mint-dark);font-size:2rem}@media screen and (orientation: portrait)and (max-width: 767px){.intro__number{font-size:1.8rem}}.intro__today{display:flex;align-items:center;gap:.6rem;position:absolute;inset-block-end:1.2rem;inset-inline-end:max(4rem,(100% - 120rem)/2);font-family:var(--font-baloo);font-weight:800;line-height:1}@media screen and (orientation: portrait)and (max-width: 767px){.intro__today{inset-block-end:1rem;inset-inline-end:2rem}}.intro__month{align-self:flex-start;font-size:2.4rem}@media screen and (orientation: portrait)and (max-width: 767px){.intro__month{font-size:1.8rem}}.intro__day{display:flex;align-items:center;gap:.6rem;font-size:5.6rem}.intro__day::before{content:"";inline-size:2px;block-size:.7em;background:var(--color-brown);translate:-0.4rem 0;rotate:20deg}@media screen and (orientation: portrait)and (max-width: 767px){.intro__day{font-size:4.2rem}}.intro__yearWeek{display:flex;flex-direction:column;gap:.2rem;font-size:1.6rem;letter-spacing:.1em}@media screen and (orientation: portrait)and (max-width: 767px){.intro__yearWeek{font-size:1.3rem}}.intro__yearWeek span:last-child{color:var(--color-mint-dark);font-size:2rem}@media screen and (orientation: portrait)and (max-width: 767px){.intro__yearWeek span:last-child{font-size:1.6rem}}.gallery{padding:8rem 4rem 10rem}@media screen and (orientation: portrait)and (max-width: 767px){.gallery{padding:6rem 1.6rem 6rem}}.gallery__inner{max-inline-size:120rem;margin-inline:auto}.gallery__wrap{display:flex;align-items:flex-start;gap:6rem}@media screen and (orientation: portrait)and (max-width: 767px){.gallery__wrap{flex-direction:column;align-items:stretch;gap:2.4rem}}.gallery__body{display:flex;flex-direction:column;flex:1;gap:8rem;min-inline-size:0}@media screen and (orientation: portrait)and (max-width: 767px){.gallery__body{gap:5rem}}.yearNav{position:sticky;inset-block-start:4rem;display:flex;flex-direction:column;flex-shrink:0;gap:2rem;inline-size:24rem;max-block-size:calc(100vh - 8rem);overflow-y:auto;scrollbar-width:none;padding:2rem;background:var(--color-white);border:2px solid var(--color-brown);border-radius:1rem}@media screen and (orientation: portrait)and (max-width: 767px){.yearNav{inset-block-start:1.2rem;z-index:10;inline-size:auto;flex-direction:row;justify-content:center;gap:3.2rem;max-block-size:none;overflow-y:visible;padding:.8rem 1.6rem;border-radius:99rem}.yearNav:has(.yearNav__year[open]){border-radius:2.6rem 2.6rem 0 0;border-block-end-color:rgba(0,0,0,0)}}.yearNav .yearNav__label{align-self:flex-start;margin:-2rem 0 0 -2rem;padding:.6rem 2rem .4rem;background:var(--color-brown);border-radius:0 0 1rem;color:var(--color-white);font-family:var(--font-baloo);font-weight:800;font-size:1.5rem;letter-spacing:.12em}@media screen and (orientation: portrait)and (max-width: 767px){.yearNav .yearNav__label{display:none}}.yearNav summary{display:flex;align-items:center;gap:1rem;list-style:none;cursor:pointer;font-family:var(--font-baloo);font-weight:800;font-size:2rem;letter-spacing:.1em;transition:color .3s}@media screen and (orientation: portrait)and (max-width: 767px){.yearNav summary{gap:.8rem;font-size:1.8rem}}@media(hover: hover){.yearNav summary:hover{color:var(--color-mint-dark)}}.yearNav summary::-webkit-details-marker{display:none}.yearNav summary::before{content:"";flex-shrink:0;inline-size:1.6rem;block-size:2px;background:var(--color-mint-dark)}@media screen and (orientation: portrait)and (max-width: 767px){.yearNav summary::before{inline-size:.8rem}}.yearNav summary svg{inline-size:1rem;block-size:1rem;fill:currentColor;transition:rotate .3s}.yearNav ul{display:flex;flex-direction:column;gap:1rem;margin-block-start:1.2rem}@media screen and (orientation: portrait)and (max-width: 767px){.yearNav ul{position:absolute;inset-block-start:100%;inset-inline:-2px;max-block-size:60vh;overflow-y:auto;scrollbar-width:none;margin-block-start:0;padding:1.6rem 2.4rem 2rem;background:var(--color-white);border:2px solid var(--color-brown);border-block-start:none;border-radius:0 0 1rem 1rem}}.yearNav ul li{line-height:1.4}.yearNav ul a{display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;white-space:nowrap;transition:color .3s}@media(hover: hover){.yearNav ul a:hover{color:var(--color-mint-dark)}.yearNav ul a:hover svg{opacity:1;translate:0 0}}.yearNav ul svg{flex-shrink:0;inline-size:1.1rem;block-size:1.1rem;fill:currentColor;opacity:0;translate:-0.4rem 0;transition:opacity .3s,translate .3s}@media screen and (orientation: portrait)and (max-width: 767px){.yearNav__year.pc{display:none}}.yearNav__year[open] summary svg{rotate:180deg}.galleryYear__title{display:flex;align-items:center;gap:.3em;inline-size:fit-content;margin-block-end:2.4rem;font-family:var(--font-baloo);font-weight:800;font-size:3.2rem;letter-spacing:.1em;line-height:var(--lh-sm)}@media screen and (orientation: portrait)and (max-width: 767px){.galleryYear__title{margin-block-end:1.6rem;font-size:2.4rem}}.galleryYear__title::before{content:"";flex-shrink:0;box-sizing:border-box;inline-size:.6em;block-size:.6em;border:4px solid var(--color-mint-dark);border-radius:50%}@media screen and (orientation: portrait)and (max-width: 767px){.galleryYear__title::before{border-width:4px}}.gallery__list{display:grid;grid-template-columns:repeat(auto-fill, minmax(20rem, 1fr));gap:4rem 2.4rem}@media screen and (orientation: portrait)and (max-width: 767px){.gallery__list{grid-template-columns:repeat(2, 1fr);gap:2.4rem 1.2rem}}.gallery__list li{display:flex}@media screen and (orientation: portrait)and (max-width: 767px){.gallery__list li{scroll-margin-block-start:2.4rem}}.gallery__work{display:flex;flex-direction:column;gap:1rem;inline-size:100%;padding:1rem 1rem 1.2rem;color:inherit;text-align:start;background:var(--color-white);border:2px solid var(--color-brown);border-radius:1rem;box-shadow:.4rem .4rem 0 var(--color-brown);transition:box-shadow .4s}.gallery__work.is-highlighted{box-shadow:.4rem .4rem 0 var(--color-mint-dark)}@media(hover: hover){.gallery__work:hover .gallery__more{color:var(--color-mint-dark);rotate:-4deg}}.gallery__name{margin-block-start:-0.5rem;font-size:1.4rem;font-weight:700;line-height:var(--lh-md)}@media screen and (orientation: portrait)and (max-width: 767px){.gallery__name{font-size:1.3rem}}.gallery__photo{position:relative;aspect-ratio:4/5;inline-size:100%}.gallery__photo img{position:absolute;inset:0;margin:auto;max-inline-size:100%;max-block-size:100%;inline-size:auto;block-size:auto;object-fit:contain;border-radius:.6rem}.gallery__date{color:var(--color-brown-light);font-size:1.2rem}@media screen and (orientation: portrait)and (max-width: 767px){.gallery__date{font-size:1.1rem}}.gallery__more{display:flex;align-items:center;align-self:flex-end;gap:.6rem;margin-block-start:auto;font-family:var(--font-baloo);font-weight:800;font-size:1.3rem;letter-spacing:.04em;transition:color .3s,rotate .3s}@media screen and (orientation: portrait)and (max-width: 767px){.gallery__more{font-size:1.2rem}}.gallery__more svg{inline-size:1.2rem;block-size:1.2rem;fill:currentColor}.workModal{inline-size:min(64rem,100% - 4rem);max-block-size:calc(100% - 4rem);margin:auto;overflow:visible;background:var(--color-cream);border:2px solid var(--color-brown);border-radius:1.2rem}@media screen and (orientation: portrait)and (max-width: 767px){.workModal{inline-size:calc(100% - 2.4rem)}}.workModal__inner{position:relative;padding:2.4rem 2.4rem 3.2rem}@media screen and (orientation: portrait)and (max-width: 767px){.workModal__inner{padding:1.2rem 1.2rem 2.4rem}}.workModal__close{position:absolute;inset-block-end:calc(100% + 1.2rem);inset-inline-end:0;inline-size:4rem;block-size:4rem}.workModal__close::before,.workModal__close::after{content:"";position:absolute;inset:50% auto auto 50%;inline-size:2.8rem;block-size:1px;background:#fff;translate:-50% -50%;rotate:45deg}.workModal__close::after{rotate:-45deg}.workModal__slider img{display:block;inline-size:100%;block-size:min(70vh,64rem);object-fit:contain;border-radius:.8rem}@media screen and (orientation: portrait)and (max-width: 767px){.workModal__slider img{block-size:min(60vh,48rem)}}.workModal__info{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.6rem;margin-block-start:2rem}.workModal__name{font-size:2rem;font-weight:700;letter-spacing:.08em;line-height:var(--lh-sm)}@media screen and (orientation: portrait)and (max-width: 767px){.workModal__name{font-size:1.8rem}}.workModal__date{color:var(--color-brown-light);font-size:1.3rem}.workModal__link{display:grid;place-items:center;inline-size:3.6rem;block-size:3.6rem;margin-inline-start:auto;align-self:center;border-radius:50%;background:var(--color-brown);transition:background .3s}.workModal__link[hidden]{display:none}@media(hover: hover){.workModal__link:hover{background:var(--color-mint-dark)}}.workModal__link svg{inline-size:1.6rem;block-size:1.6rem;fill:#fff}