*,:before,:after{box-sizing:border-box;margin:0;padding:0}.splash{z-index:9999;background:var(--color-bg,#f8f6f1);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s,visibility 1s;display:flex;position:fixed;inset:0}.splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.splash__logo{letter-spacing:.35em;color:#1f1a17;opacity:0;font-family:Noto Serif JP,serif;font-size:clamp(1.4rem,3.5vw,2.4rem);font-weight:300;animation:1.2s .3s forwards splashLogoIn;transform:scale(.92)}.splash__sub{letter-spacing:.3em;text-transform:uppercase;color:#7a6a58;opacity:0;margin-top:14px;font-family:Times New Roman,Georgia,serif;font-size:.72rem;animation:1s .8s forwards splashSubIn}.splash__line{background:#1f1a1733;width:1px;height:0;margin-top:24px;animation:.8s .5s forwards splashLineGrow}@keyframes splashLogoIn{to{opacity:1;transform:scale(1)}}@keyframes splashSubIn{to{opacity:1}}@keyframes splashLineGrow{to{height:48px}}body.is-loading{overflow:hidden}:root{--color-bg:#f8f6f1;--color-bg-soft:#f3efe7;--color-white:#fff;--color-text:#1f1a17;--color-text-sub:#3b342f;--color-text-light:#6b5f54;--color-accent:#5b6a53;--color-brown:#7a6a58;--color-gold:#8a7a68;--color-line:#1f1a171f;--color-line-strong:#1f1a1738;--font-ja:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;--font-en:"Times New Roman",Georgia,serif;--container:1100px;--container-narrow:780px;--space-xs:16px;--space-sm:24px;--space-md:48px;--space-lg:80px;--space-xl:120px;--space-xxl:160px;--transition:.45s ease}html{scroll-behavior:smooth;font-size:16px}body{color:var(--color-text);background:var(--color-bg);font-family:var(--font-ja);letter-spacing:.06em;-webkit-font-smoothing:antialiased;line-height:2}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:opacity var(--transition),border-color var(--transition);text-decoration:none}a:hover{opacity:.7}ul,ol{list-style:none}.container{width:min(100% - 48px,var(--container));margin-inline:auto}.container--narrow{width:min(100% - 48px,var(--container-narrow));margin-inline:auto}[data-fade]{opacity:0;transition:opacity 1s,transform 1s;transform:translateY(28px)}[data-fade].is-visible{opacity:1;transform:translateY(0)}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#f8f6f1d9;border-bottom:1px solid #0000;transition:border-color .4s,background .4s;position:fixed;inset:0 0 auto}.site-header.is-scrolled{border-bottom-color:var(--color-line)}.site-header__inner{justify-content:space-between;align-items:center;min-height:80px;display:flex}.site-header__logo{letter-spacing:.2em;color:var(--color-text);font-size:1.05rem;font-weight:400}.site-header__logo:hover{opacity:1}.site-header__nav ul{gap:32px;display:flex}.site-header__nav a{letter-spacing:.12em;color:var(--color-text-sub);padding-bottom:4px;font-size:.82rem;position:relative}.site-header__nav a:after{content:"";background:var(--color-brown);width:0;height:1px;transition:width .4s;position:absolute;bottom:0;left:0}.site-header__nav a:hover{opacity:1}.site-header__nav a:hover:after{width:100%}.site-header__toggle{cursor:pointer;background:0 0;border:none;width:32px;height:24px;display:none;position:relative}.site-header__toggle span,.site-header__toggle:before,.site-header__toggle:after{content:"";background:var(--color-text);width:100%;height:1px;transition:transform .3s,opacity .3s;position:absolute;left:0}.site-header__toggle:before{top:0}.site-header__toggle span{top:50%}.site-header__toggle:after{bottom:0}.site-header__toggle.is-open:before{top:50%;transform:rotate(45deg)}.site-header__toggle.is-open span{opacity:0}.site-header__toggle.is-open:after{top:50%;bottom:auto;transform:rotate(-45deg)}.hero{align-items:end;min-height:100svh;padding-top:80px;display:grid;position:relative;overflow:hidden}.hero__media{position:absolute;inset:0}.hero__media img{object-fit:cover;opacity:0;width:100%;height:100%;transform:translate(10%)scale(1.08)}.hero.is-active .hero__media img{animation:2.8s cubic-bezier(.25,.46,.45,.94) forwards heroImageSlide}@keyframes heroImageSlide{0%{opacity:0;transform:translate(10%)scale(1.08)}15%{opacity:1}to{opacity:1;transform:translate(0%)scale(1)}}.hero__media:after{content:"";background:linear-gradient(#1f1a171f 0%,#1f1a1714 60%,#1f1a1773 100%);position:absolute;inset:0}.hero__overlay{z-index:1;color:var(--color-white);padding-bottom:10vh;position:relative}.hero__title-group{float:right;flex-direction:row-reverse;justify-content:flex-start;align-items:flex-start;gap:18px;padding-top:14vh;padding-right:6vw;display:flex}.hero__title{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.15em;text-shadow:2px 2px 12px #00000080,0 0 30px #0000004d;opacity:0;font-size:clamp(22px,4vw,56px);font-weight:300;line-height:1;transform:translateY(30px)}.hero.is-active .hero__title{animation:1.2s .8s forwards heroTextUp}.hero__subtitle{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.2em;text-shadow:2px 2px 8px #00000080;opacity:0;margin-top:48px;font-size:clamp(11px,1.8vw,20px);font-weight:300;transform:translateY(20px)}.hero.is-active .hero__subtitle{animation:1.2s 1.2s forwards heroTextUp}@keyframes heroTextUp{to{opacity:1;transform:translateY(0)}}.hero__scroll{z-index:2;color:#fff;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll-line{background:#fff9;width:1px;height:0}.hero.is-active .hero__scroll-line{animation:1s 1.8s forwards scrollLineGrow}@keyframes scrollLineGrow{to{height:56px}}.hero__scroll-text{font-family:var(--font-en);letter-spacing:.25em;text-transform:uppercase;opacity:0;font-size:.65rem}.hero.is-active .hero__scroll-text{animation:.8s 2.2s forwards fadeInSimple}@keyframes fadeInSimple{to{opacity:1}}.page-hero{align-items:end;min-height:60svh;padding-top:80px;display:grid;position:relative;overflow:hidden}.page-hero__media{position:absolute;inset:0}.page-hero__media img{object-fit:cover;width:100%;height:100%}.page-hero__media:after{content:"";background:linear-gradient(#1f1a171a 50%,#1f1a178c 100%);position:absolute;inset:0}.page-hero__body{z-index:1;text-align:center;color:#fff;padding-bottom:8vh;position:relative}.page-hero__en{font-family:var(--font-en);letter-spacing:.25em;text-transform:uppercase;color:#ffffffb3;margin-bottom:12px;font-size:.8rem}.page-hero__title{letter-spacing:.35em;text-shadow:1px 1px 8px #0000004d;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:400}.section{padding:var(--space-xl)0}.section--large{padding:var(--space-xxl)0}.section--white{background:var(--color-white)}.section--soft{background:var(--color-bg-soft)}.section--cream{background:var(--color-bg)}.section-heading{margin-bottom:var(--space-md)}.section-heading--center{text-align:center}.section-heading__en{font-family:var(--font-en);letter-spacing:.22em;text-transform:uppercase;color:var(--color-brown);margin-bottom:10px;font-size:.78rem;display:block}.section-heading__ja{letter-spacing:.3em;color:var(--color-text);font-size:clamp(1.5rem,3vw,2.4rem);font-weight:400;line-height:1.5}.section-heading--vertical{writing-mode:vertical-rl;text-orientation:mixed}.section-heading--vertical .section-heading__en{writing-mode:horizontal-tb;margin-bottom:16px}.intro-layout{grid-template-columns:auto 1fr;align-items:start;gap:64px;display:grid}.intro-layout__body{padding-top:12px}.intro-layout__body p{color:var(--color-text-sub);margin-bottom:1.8em;font-size:.92rem;font-weight:300;line-height:2.4}.intro-layout__body p:last-of-type{color:var(--color-text);font-size:1rem}.image-panel{min-height:640px;position:relative;overflow:hidden}.image-panel>img{object-fit:cover;width:100%;height:640px}.image-panel__content{-webkit-backdrop-filter:blur(8px);background:#f8f6f1e6;width:min(420px,100% - 48px);padding:44px;position:absolute;bottom:6vw;right:6vw}.image-panel__content p{color:var(--color-text-sub);margin-top:20px;font-size:.9rem;font-weight:300;line-height:2.2}.split-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:72px;display:grid}.split-section--reverse{grid-template-columns:.9fr 1.1fr}.split-section__media img{aspect-ratio:4/5;object-fit:cover;width:100%}.split-section__body p{color:var(--color-text-sub);margin-top:20px;font-size:.9rem;font-weight:300;line-height:2.2}.info-list{border-top:1px solid var(--color-line-strong);max-width:640px;margin:0 auto}.info-list__row{border-bottom:1px solid var(--color-line);grid-template-columns:120px 1fr;gap:24px;padding:22px 0;font-size:.9rem;display:grid}.info-list__term{color:var(--color-brown);letter-spacing:.15em;font-size:.82rem}.info-list__desc{color:var(--color-text-sub);line-height:1.9}.reservation-panel{text-align:center;padding:var(--space-lg)var(--space-md);border:1px solid var(--color-line);background:var(--color-white);max-width:640px;margin:0 auto}.reservation-panel__lead{font-family:var(--font-en);letter-spacing:.25em;text-transform:uppercase;color:var(--color-brown);margin-bottom:8px;font-size:.75rem}.reservation-panel__title{letter-spacing:.2em;margin-bottom:24px;font-size:1.1rem;font-weight:400}.reservation-panel__tel{letter-spacing:.08em;color:var(--color-text);margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:300;display:block}.reservation-panel__tel:hover{opacity:.7}.reservation-panel__note{color:var(--color-text-light);letter-spacing:.08em;font-size:.78rem}.button{border:1px solid var(--color-line-strong);min-height:52px;font-family:var(--font-ja);letter-spacing:.12em;color:var(--color-text-sub);cursor:pointer;transition:background var(--transition),border-color var(--transition);background:0 0;justify-content:center;align-items:center;padding:0 32px;font-size:.88rem;display:inline-flex}.button:hover{border-color:var(--color-brown);opacity:1;background:#7a6a580f}.text-link{letter-spacing:.1em;color:var(--color-text-sub);border-bottom:1px solid var(--color-line-strong);transition:border-color var(--transition);padding-bottom:3px;font-size:.85rem;display:inline-block}.text-link:hover{border-color:var(--color-brown);opacity:1}.course-section{padding:var(--space-xl)0 var(--space-lg)}.course-intro{margin-bottom:var(--space-lg);grid-template-columns:auto 1fr;align-items:start;gap:56px;display:grid}.course-intro__text{padding-top:8px}.course-intro__text p{color:var(--color-text-sub);font-size:.9rem;font-weight:300;line-height:2.2}.course-intro__text .time-note{color:var(--color-text-light);letter-spacing:.1em;margin-top:16px;font-size:.78rem;display:block}.course-photos{margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.course-photos img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .8s}.course-photos img:hover{transform:scale(1.03)}.course-list{max-width:640px;margin:0 auto}.course-item{border-bottom:1px solid var(--color-line);grid-template-columns:1fr auto;align-items:baseline;gap:24px;padding:28px 0;display:grid}.course-item:first-child{border-top:1px solid var(--color-line-strong)}.course-item__name{letter-spacing:.15em;font-size:1rem;font-weight:400}.course-item__desc{color:var(--color-text-light);margin-top:6px;font-size:.82rem;line-height:1.8}.course-item__price{letter-spacing:.05em;white-space:nowrap;font-size:1.1rem;font-weight:300}.course-item__price small{color:var(--color-text-light);margin-left:4px;font-size:.72rem}.course-note{color:var(--color-text-light);letter-spacing:.06em;margin-top:20px;font-size:.78rem;line-height:2}.seasonal-example{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-white);border:1px solid var(--color-line)}.seasonal-example__title{letter-spacing:.2em;text-align:center;color:var(--color-text);margin-bottom:24px;font-size:.9rem;font-weight:400}.seasonal-example__list{color:var(--color-text-sub);font-size:.82rem;font-weight:300;line-height:2.4}.seasonal-example__list dt{color:var(--color-brown);letter-spacing:.1em;display:inline}.seasonal-example__list dt:after{content:"："}.seasonal-example__list dd{margin:0;display:inline}.seasonal-example__list dd:after{content:"";display:block}.divider{background:var(--color-line);width:1px;height:64px;margin:0 auto}.divider--horizontal{width:48px;height:1px;margin:var(--space-md)auto}.photo-river{padding:var(--space-xl)0;background:var(--color-bg);overflow:hidden}.photo-river__inner{grid-template-columns:280px 1fr;align-items:center;gap:0;min-height:480px;display:grid}.photo-river__text{padding:0 48px}.photo-river__en{font-family:var(--font-en);letter-spacing:.25em;text-transform:uppercase;color:var(--color-brown);margin-bottom:12px;font-size:.72rem}.photo-river__ja{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.25em;color:var(--color-text);margin-bottom:20px;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:400;line-height:1.8;display:inline-block}.photo-river__sub{color:var(--color-text-light);letter-spacing:.12em;margin-top:20px;font-size:.82rem;font-weight:300}.photo-river__track{position:relative;overflow:hidden}.photo-river__track:before,.photo-river__track:after{content:"";z-index:2;pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.photo-river__track:before{background:linear-gradient(to right,var(--color-bg),transparent);left:0}.photo-river__track:after{background:linear-gradient(to left,var(--color-bg),transparent);right:0}.photo-river__strip{flex-direction:column;gap:8px;display:flex}.photo-river__row{gap:8px;width:max-content;animation:40s linear infinite riverFlow;display:flex}.photo-river__img{object-fit:cover;border:0;flex-shrink:0;width:260px;height:200px}.photo-river__img--tall{height:280px}@keyframes riverFlow{0%{transform:translate(0)}to{transform:translate(-50%)}}.photo-river__row:hover{animation-play-state:paused}.fixed-instagram{z-index:90;color:#0000004d;flex-direction:column;align-items:center;gap:18px;transition:color .3s;display:flex;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.fixed-instagram:hover{color:#0000008c}.fixed-instagram__text{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-en);letter-spacing:.2em;font-size:.8rem;font-weight:400}.fixed-instagram__line{background:currentColor;width:1px;height:36px}.fixed-instagram svg{display:block}.instagram-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:40px;display:grid}.instagram-grid__item{aspect-ratio:1;display:block;overflow:hidden}.instagram-grid__item img{object-fit:cover;width:100%;height:100%;transition:transform .6s,opacity .4s}.instagram-grid__item:hover img{opacity:.85;transform:scale(1.05)}.instagram-link{letter-spacing:.12em;color:var(--color-text-sub);border-bottom:1px solid var(--color-line);align-items:center;gap:10px;padding-bottom:3px;font-size:.88rem;display:inline-flex}.instagram-link:hover{opacity:1;border-color:var(--color-brown)}.recruit-intro{text-align:center;max-width:640px;margin:0 auto}.recruit-intro p{color:var(--color-text-sub);margin-bottom:1.5em;font-size:.92rem;font-weight:300;line-height:2.4}.recruit-table{border-top:1px solid var(--color-line-strong);max-width:640px;margin:0 auto}.recruit-table__row{border-bottom:1px solid var(--color-line);grid-template-columns:120px 1fr;gap:24px;padding:22px 0;font-size:.9rem;display:grid}.recruit-table__term{color:var(--color-brown);letter-spacing:.15em;font-size:.82rem}.recruit-table__desc{color:var(--color-text-sub);line-height:1.9}.recruit-table__desc small{color:var(--color-text-light);margin-top:4px;font-size:.78rem;display:block}.reservation-content{text-align:center;max-width:600px;margin:0 auto}.reservation-content__tel{letter-spacing:.06em;color:var(--color-text);margin:16px 0;font-size:clamp(2rem,4vw,3rem);font-weight:300;display:block}.reservation-content__hours{color:var(--color-text-light);letter-spacing:.08em;font-size:.82rem;line-height:2}.notice-box{max-width:560px;margin:var(--space-lg)auto 0;padding:var(--space-md);background:var(--color-white);border:1px solid var(--color-line);text-align:left}.notice-box__title{text-align:center;letter-spacing:.2em;color:var(--color-text);margin-bottom:24px;font-size:.88rem}.notice-box ul{color:var(--color-text-sub);font-size:.82rem;font-weight:300;line-height:2.2}.notice-box li{margin-bottom:8px;padding-left:1.2em;position:relative}.notice-box li:before{content:"・";color:var(--color-brown);position:absolute;left:0}.site-footer{border-top:1px solid var(--color-line);background:var(--color-bg-soft);padding:64px 0 32px}.site-footer__inner{grid-template-columns:1fr auto;align-items:start;gap:48px;display:grid}.site-footer__logo{letter-spacing:.2em;margin-bottom:12px;font-size:1rem}.site-footer__address{color:var(--color-text-light);font-size:.78rem;line-height:2}.site-footer__nav{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.site-footer__nav a{color:var(--color-text-light);letter-spacing:.1em;font-size:.78rem}.site-footer__copy{text-align:center;border-top:1px solid var(--color-line);color:var(--color-text-light);letter-spacing:.1em;margin-top:48px;padding-top:24px;font-size:.68rem}.mobile-nav{z-index:99;-webkit-backdrop-filter:blur(16px);background:#f8f6f1f7;flex-direction:column;justify-content:center;align-items:center;gap:36px;display:none;position:fixed;inset:0}.mobile-nav.is-open{display:flex}.mobile-nav a{letter-spacing:.2em;color:var(--color-text);font-size:1.1rem}@media (max-width:768px){.site-header__nav{display:none}.site-header__toggle{display:block}.fixed-instagram{display:none}.photo-river__inner{grid-template-columns:1fr;min-height:auto}.photo-river__text{text-align:center;padding:0 24px var(--space-md)}.photo-river__ja{writing-mode:horizontal-tb;text-orientation:initial}.photo-river__img{width:180px;height:140px}.photo-river__img--tall{height:200px}.intro-layout{grid-template-columns:1fr;gap:32px}.section-heading--vertical{writing-mode:horizontal-tb;text-align:center}.section-heading--vertical .section-heading__en{margin-bottom:8px}.split-section,.split-section--reverse{grid-template-columns:1fr;gap:32px}.image-panel>img{height:400px}.image-panel__content{width:100%;margin-top:-48px;margin-left:0;position:relative;bottom:auto;right:auto}.course-intro{text-align:center;grid-template-columns:1fr;gap:24px}.course-photos{grid-template-columns:repeat(2,1fr)}.course-item{grid-template-columns:1fr;gap:8px}.info-list__row{grid-template-columns:1fr;gap:6px}.site-footer__inner{text-align:center;grid-template-columns:1fr;gap:32px}.site-footer__nav{align-items:center}.hero__title-group{padding-top:8vh;padding-right:4vw}.container{width:min(100% - 32px,var(--container))}.section{padding:var(--space-lg)0}.section--large{padding:var(--space-xl)0}}@media (max-width:480px){.course-photos{grid-template-columns:1fr}.instagram-grid{grid-template-columns:repeat(2,1fr)}.recruit-table__row{grid-template-columns:1fr;gap:6px}}
