:root{--ink:#252d32;--accent:#234a70;--pale:#e9eef1;--serif:'Noto Serif JP',serif;--latin:'EB Garamond',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--serif);line-height:2;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{width:75%;max-width:1470px;margin:auto}.sample-bar{background:#fff;font-family:'Zen Kaku Gothic New',sans-serif;font-size:12px;position:relative;z-index:4;border-bottom:1px solid #eee}.sample-bar .wrap{width:calc(100% - 48px);display:flex;justify-content:space-between;gap:12px;padding:8px 0}.sample-bar a{text-decoration:none}.hero{height:1120px;position:relative;margin:0;isolation:isolate}.opening-photo{position:absolute;top:0;left:6.25%;width:43.75%;height:800px;background:url('img/02.jpg') center/cover}.opening-photo:before{content:'';position:absolute;left:-4px;top:0;height:83.33%;width:4px;background:#8ba9be}.opening-photo:after{content:'';position:absolute;top:76%;left:72%;width:250px;height:250px;background:url('img/01.jpg') center/cover}.hero-grid{display:contents}.hero-card{display:contents}.hero-card>.band{position:absolute;top:30px;right:12.5%;font:17px var(--latin);letter-spacing:.06em}.hero-title{position:absolute;left:56.25%;top:200px;width:31.25%}.hero-title h1{font-family:var(--serif);font-weight:400;font-size:72px;line-height:1.18;letter-spacing:14.4px;margin:0;white-space:nowrap}.hero-title h1 span{display:block}.hero-title p{font-size:16px;line-height:2.25;letter-spacing:.14em;margin:64px 0 0 32%;width:68%}.hero-copy{position:absolute;left:66%;right:6.25%;top:635px;font-size:15px;line-height:2.1;letter-spacing:.05em}.note-badge{color:var(--accent);margin-top:28px;font-size:15px}.hero-aside{position:absolute;left:12.5%;right:12.5%;top:930px;display:flex;gap:56px;align-items:center}.hero-aside>.band{font:32px var(--latin);letter-spacing:.05em}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:26px}.mini-panel{border-top:1px solid #b9c5cc;padding-top:18px}.mini-panel strong{font:20px var(--latin);display:block;color:var(--accent);margin-bottom:10px}.mini-panel span{font-size:15px;line-height:1.8}.chapter{position:relative;margin:0}.section-head{margin:0}.label{font-family:var(--latin);font-size:16.8px;letter-spacing:.05em}.section-title{font-size:33.6px;font-weight:700;line-height:1.5;letter-spacing:.18em;margin:16px 0 0}.chapter-1{min-height:1154px;background:linear-gradient(to right,#fff 25%,#eef0f1 25%);padding:80px 0 100px}.chapter-1>.wrap{position:relative}.chapter-1 .section-head{position:absolute;left:-80px;top:0;display:flex;flex-direction:row-reverse;gap:8px;writing-mode:vertical-rl}.chapter-1 .section-title{font-size:25.2px;letter-spacing:7.56px;line-height:31.5px;margin:0}.chapter-1 .label{writing-mode:vertical-rl}.kodawari{position:relative}.kodawari-card{width:50%;padding:0 80px 80px 0;min-height:310px}.kodawari-card h3{font-size:24px;line-height:1.6;margin:0 0 34px;font-weight:700}.kodawari-card p{margin:0;letter-spacing:.13em;font-size:16px;line-height:2.2}.kodawari-card:nth-child(2){margin:0 0 0 51.5%;width:48.5%;padding:40px 0 100px;position:relative;min-height:400px}.kodawari-card:nth-child(2):before{content:'';position:absolute;right:calc(100% + 80px);top:20px;width:480px;height:310px;background:url('img/03.jpg') center/cover;border-bottom:65px solid #91acbd}.kodawari-card:nth-child(3){width:66.7%;padding:55px 0 0;border-top:1px dashed #b9c2c8;min-height:200px}.chapter-2{margin-top:120px;min-height:640px;padding:75px 0;color:white;background:linear-gradient(#0c171ab3,#0c171ab3),url('img/04.jpg') center/cover}.chapter-2 .wrap{width:75%}.chapter-2 .section-head{text-align:center;margin-bottom:62px}.chapter-2 .section-title{font-size:33.6px;letter-spacing:10.08px;line-height:1.8}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.menu-card{border-top:1px solid #ffffff80;padding-top:25px}.menu-card h3{font-size:22px;font-weight:500;margin:0}.price{font:26px var(--latin);margin:14px 0 24px}.menu-card p{font-size:16px;line-height:2;margin:0}.chapter-3{padding:120px 0}.chapter-3 .section-head{margin-bottom:65px;display:flex;align-items:baseline;gap:28px}.chapter-3 .label{font-size:56px;line-height:70px}.chapter-3 .section-title{font-size:25.2px;margin:0;letter-spacing:.16em}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 80px;align-items:start}.photo-grid figure{margin:0}.photo-grid figure:nth-child(even){transform:translateY(100px)}.photo-grid img{height:390px;transition:transform .7s}.photo-grid figure:nth-child(3) img{height:300px}.photo-grid figure:nth-child(4) img{height:450px}.photo-grid figcaption{font-size:16px;letter-spacing:.08em;padding-top:22px;line-height:1.9}.photo-grid figure:hover img{transform:translateY(-6px)}.chapter-4{padding:168px 0 80px}.chapter-4 .section-head{display:flex;align-items:baseline;gap:28px;margin-bottom:60px}.chapter-4 .label{font-size:33.6px}.chapter-4 .section-title{font-size:25.2px}.info-grid{display:grid;grid-template-columns:2fr 1fr;gap:80px}.info-card h3{font:24px var(--latin);margin:0 0 30px}.info-line{font-size:16px;line-height:2;padding:18px 0;border-top:1px solid #d9dfe2;margin:0}.small{font-size:15px}.chapter-5{padding:90px 0 120px}.chapter-5 .wrap{display:grid;grid-template-columns:1fr 2fr;gap:60px}.chapter-5 .section-title{font-size:25.2px}.access-box p{font-size:16px;line-height:2.2;margin:0 0 25px}.access-box .lead{font-weight:500}footer{margin-top:120px;background:#171e25;color:white;padding:168px 0}footer p{font-size:15px;margin:0 0 30px}footer p:first-child{font-size:33.6px;letter-spacing:6.72px;font-weight:400}#noren-direct-reception{font-size:16px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}.hero-card.reveal{opacity:1;transform:none}.photo-grid figure:nth-child(even).is-visible{transform:translateY(100px)}
@media(min-width:1600px){.hero-title h1{font-size:90px}.opening-photo{height:900px}.hero{height:1220px}.hero-aside{top:1030px}}
@media(max-width:760px){.wrap{width:calc(100% - 48px)}.sample-bar .wrap{width:calc(100% - 28px);flex-wrap:wrap;gap:0;padding:6px 0}.sample-bar{font-size:10px;line-height:1.6}.hero{height:auto;padding:520px 24px 60px}.opening-photo{left:24px;width:54%;height:440px;background-position:50% center}.opening-photo:after{width:112px;height:112px;left:65%;top:80%}.hero-card>.band{top:20px;left:63%;right:10px;font-size:13px;line-height:1.5}.hero-title{position:static;width:auto}.hero-title h1{position:absolute;top:133px;left:62%;font-size:35px;letter-spacing:5px;writing-mode:vertical-rl;line-height:1.5;white-space:normal}.hero-title h1 span{display:inline}.hero-title p{width:auto;margin:0;letter-spacing:.1em;font-size:16px;line-height:2.2}.hero-copy{position:static;font-size:15px;line-height:2;margin:30px 0}.note-badge{font-size:15px}.hero-aside{position:static;display:block;margin-top:40px}.hero-aside>.band{font-size:28px}.mini-grid{margin-top:22px;grid-template-columns:1fr 1fr;gap:24px}.mini-panel span{font-size:15px}.chapter-1{padding:65px 0;min-height:0;background:linear-gradient(to right,#fff 12%,#eef0f1 12%)}.chapter-1 .section-head{position:static;writing-mode:horizontal-tb;display:block;margin-bottom:45px}.chapter-1 .label{writing-mode:horizontal-tb}.chapter-1 .section-title{font-size:25.2px;letter-spacing:.18em;line-height:1.5;margin-top:15px}.kodawari-card{width:100%;min-height:0;padding:0 0 44px}.kodawari-card h3{font-size:21px;margin-bottom:20px}.kodawari-card p{font-size:16px;letter-spacing:.05em}.kodawari-card:nth-child(2){width:100%;margin:0;min-height:0;padding:250px 0 44px}.kodawari-card:nth-child(2):before{right:0;top:0;width:100%;height:210px;border-bottom-width:30px}.kodawari-card:nth-child(3){width:100%;padding-top:35px;min-height:0}.chapter-2{margin-top:70px;padding:65px 0}.chapter-2 .wrap{width:calc(100% - 48px)}.chapter-2 .section-head{margin-bottom:35px}.chapter-2 .section-title{font-size:26px;letter-spacing:.12em}.menu-grid{grid-template-columns:1fr;gap:35px}.menu-card h3{font-size:23px}.menu-card .top{display:flex;justify-content:space-between;gap:12px;align-items:center}.price{font-size:23px;margin:0}.menu-card p{margin-top:20px;font-size:16px}.chapter-3{padding:70px 0}.chapter-3 .section-head{display:block;margin-bottom:38px}.chapter-3 .label{font-size:48px}.chapter-3 .section-title{font-size:25px;margin-top:8px}.photo-grid{gap:40px 16px}.photo-grid img,.photo-grid figure:nth-child(3) img,.photo-grid figure:nth-child(4) img{height:220px}.photo-grid figure:nth-child(even),.photo-grid figure:nth-child(even).is-visible{transform:translateY(55px)}.photo-grid figcaption{font-size:15px;line-height:1.9;padding-top:14px;letter-spacing:0}.chapter-4{padding:85px 0 50px}.chapter-4 .section-head{display:block;margin-bottom:38px}.info-grid{grid-template-columns:1fr;gap:35px}.info-line{overflow-wrap:anywhere}.chapter-5{padding:40px 0 70px}.chapter-5 .wrap{grid-template-columns:1fr;gap:35px}.section-title{font-size:25.2px}footer{margin-top:70px;padding:80px 0}footer p:first-child{font-size:27px;letter-spacing:.12em}footer p{font-size:15px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.photo-grid figure:nth-child(even){transform:translateY(100px)}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.photo-grid figure:nth-child(even){transform:translateY(55px)}}
.band,.mini-panel strong,.label,.info-card h3{text-transform:uppercase}
.chapter-3{background:#edf2f5;min-height:1504px;padding:120px 0 180px}.photo-grid{grid-template-columns:repeat(3,1fr);gap:70px 80px}.photo-grid figure:nth-child(1){margin-top:200px}.photo-grid figure:nth-child(2),.photo-grid figure:nth-child(2).is-visible{transform:translateY(100px)}.photo-grid figure:nth-child(3){margin-top:0}.photo-grid figure:nth-child(4),.photo-grid figure:nth-child(4).is-visible{transform:none}.photo-grid img,.photo-grid figure:nth-child(3) img,.photo-grid figure:nth-child(4) img{height:370px}
@media(max-width:760px){.chapter-3{min-height:0;padding:70px 0 120px}.photo-grid{grid-template-columns:1fr 1fr;gap:40px 16px}.photo-grid figure:nth-child(1){margin-top:0}.photo-grid img,.photo-grid figure:nth-child(3) img,.photo-grid figure:nth-child(4) img{height:220px}.photo-grid figure:nth-child(even),.photo-grid figure:nth-child(even).is-visible{transform:translateY(55px)}}
.chapter-3 .section-title{font-size:56px;letter-spacing:0;line-height:1.25}.chapter-4{padding:100px 0 40px}.chapter-4 .section-title{font-size:33.6px}.hero-title h1{animation:opening-type .9s ease both}@keyframes opening-type{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.opening-photo:after{left:30%}.chapter-3 .section-title{font-size:30px}.chapter-4{padding:85px 0 50px}.chapter-4 .section-title{font-size:27px}}
.opening-scene{position:absolute;inset:0;overflow:hidden}.opening-frame{position:absolute;inset:0;background-position:center;background-size:cover}.opening-photo:before,.opening-photo:after{z-index:1}
@media(min-width:761px){.chapter-4{padding-top:76px}footer{min-height:607px}}
:root{--serif:'Noto Serif JP','Noto Serif CJK JP','Yu Mincho','Hiragino Mincho ProN',serif}
@media(max-width:760px){.hero-title h1{writing-mode:horizontal-tb;width:1em;word-break:break-all;letter-spacing:0;line-height:1.2}.hero-title h1 span{display:block;width:1em}.hero-title h1 span+span{margin-top:.3em}}