*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;color:#393c2d;background:#f1eee5;font-family:Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;font-size:14px;line-height:2}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}button,a{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid #f7824b}.demo-banner{min-height:45px;position:sticky;top:0;z-index:20;background:#222420;color:white;padding:10px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px}.demo-banner>span{font-size:9px;color:#c6c9bf}.demo-banner>a:last-child{color:#ffb188}.demo-wrap{max-width:1180px;padding-left:60px;padding-right:60px;margin:auto}.demo-nav{max-width:1320px;margin:auto;height:110px;padding:0 60px;display:flex;align-items:center;gap:45px}.demo-logo{font-family:Georgia,serif;font-size:43px;font-weight:700;letter-spacing:-.06em;line-height:1}.demo-nav nav{display:flex;gap:28px;margin-left:auto;font-size:10px;letter-spacing:.1em}.demo-reserve{border:1px solid currentColor;background:transparent;padding:10px 22px;font-size:11px;color:inherit;display:inline-block}.demo-reserve:hover{background:#393c2d;color:#f1eee5}.demo-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:400}.cafe-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;padding-top:50px;padding-bottom:85px}.cafe-hero h1,.salon-hero h1{font-family:'Yu Mincho','Hiragino Mincho ProN',Georgia,serif;font-size:58px;font-weight:400;letter-spacing:.1em;line-height:1.8;margin:28px 0}.cafe-hero p:not(.demo-eyebrow),.salon-hero p:not(.demo-eyebrow){font-size:12px;line-height:2.4;color:#747866}.cafe-hero-image img{width:100%;height:510px;object-fit:cover;border-radius:250px 250px 0 0}.cafe-hero-image>span{display:block;font-size:8px;letter-spacing:.18em;text-align:right;margin-top:16px}.text-link{display:inline-flex;border-bottom:1px solid #9b9e8c;padding:8px 0;margin-top:35px;font-size:10px;letter-spacing:.1em;gap:50px}.cafe-concept{text-align:center;padding-top:95px;padding-bottom:95px;border-top:1px solid #d3d5c7;border-bottom:1px solid #d3d5c7}.cafe-concept h2,.salon-concept h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:400;font-size:33px;letter-spacing:.07em;line-height:1.9;margin:28px 0}.cafe-concept p:last-child,.salon-concept p:last-child{font-size:12px;line-height:2.7;color:#747866}.menu-section{padding-top:90px;padding-bottom:90px}.demo-section-head h2{font-size:28px;font-weight:400;font-family:'Yu Mincho','Hiragino Mincho ProN',serif;margin:14px 0 35px}.menu-list article{display:flex;gap:35px;align-items:center;border-top:1px solid #cccfc0;padding:25px 0}.menu-list article:last-child{border-bottom:1px solid #cccfc0}.menu-list article>span{font-size:10px;opacity:.6}.menu-list article h3{font-size:15px;font-weight:400}.menu-list article p{font-size:10px;opacity:.7}.menu-list article>strong{margin-left:auto;font-family:Georgia,serif;font-size:18px;font-weight:400}.menu-section small{font-size:9px;opacity:.6;display:block;margin-top:15px}.visit-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:65px;padding-bottom:80px;background:#e5e6da;margin-bottom:60px}.visit-section h2{font-family:'Yu Mincho',serif;font-weight:400;font-size:30px;letter-spacing:.05em;line-height:1.9;margin-top:17px}.visit-section h3{font-family:Georgia,serif;font-size:26px;font-weight:400;margin-bottom:20px}.visit-section p:not(.demo-eyebrow){font-size:12px;line-height:2.3;margin-bottom:22px}.demo-credit{text-align:center;padding:40px 25px;background:#222420;color:#f1eee5}.demo-credit>span{font-size:9px;letter-spacing:.1em}.demo-credit p{font-size:9px;margin:10px 0 17px;color:#b8bcb1}.demo-credit>a{font-size:12px;display:inline-block;border-bottom:1px solid #e5e6da;padding-bottom:5px}.salon{background:#f6f2ea;color:#5d5145}.salon .demo-logo{font-weight:400;font-size:52px}.salon-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center;padding-top:35px;padding-bottom:85px}.salon-hero h1{font-size:48px;letter-spacing:.08em}.salon-hero img{width:100%;height:540px;object-fit:cover;border-radius:240px 240px 0 0;filter:saturate(.6)}.salon-concept{background:#ebe3d8;padding-top:80px;padding-bottom:80px;text-align:center}.salon-reserve{text-align:center;padding-top:75px;padding-bottom:90px;border-top:1px solid #d7cebf}.salon-reserve h2{font-family:'Yu Mincho',serif;font-size:32px;font-weight:400;line-height:1.9;margin:20px 0 30px}.salon-reserve>p:last-child{font-size:10px;margin-top:25px;color:#85776a}.salon-reserve button{min-width:230px}.business{background:#f7f9fc;color:#192e62}.business .demo-logo{font:900 29px Arial;letter-spacing:-.06em}.business .demo-logo>span{color:#4b80d8;margin-left:4px}.business .demo-reserve{border:0;background:#192e62;color:#fff}.business-hero{position:relative;overflow:hidden;padding-top:75px;padding-bottom:80px;min-height:615px}.business-hero h1{font-size:65px;line-height:1.6;letter-spacing:-.07em;margin:25px 0;position:relative;z-index:1}.business-hero h1>span{color:#477ddd}.business-hero p:not(.demo-eyebrow){font-size:13px;line-height:2.3;position:relative;z-index:1;max-width:480px}.business-button{display:inline-block;background:#192e62;color:white;font-size:12px;padding:15px 27px;margin-top:30px;position:relative;z-index:1}.business-button:hover{background:#315493}.big-sculpture{position:absolute;right:-40px;top:30px;width:360px;height:430px;transform:rotate(-25deg)}.big-sculpture i{position:absolute;left:0;top:0;width:300px;height:300px;border:65px solid #477ddd;border-radius:50%;box-shadow:inset -10px 0 0 #263b7140,4px 4px 0 #fff5}.big-sculpture i:nth-child(2){left:25px;top:40px;border-color:#6393e7}.big-sculpture i:nth-child(3){left:50px;top:80px;border-color:#82adef}.big-sculpture i:nth-child(4){left:75px;top:120px;border-color:#9dc4f5}.business-line{font-size:10px;letter-spacing:.2em;position:relative;margin-top:60px;border-top:1px solid #c7d3e9;padding-top:20px}.business-concept{background:#e9eef7;padding-top:70px;padding-bottom:70px;display:grid;grid-template-columns:.5fr 1fr 1.1fr;gap:30px;align-items:start}.business-concept h2{font-size:28px;line-height:1.7;letter-spacing:-.04em}.business-concept p:last-child{font-size:12px;line-height:2.3}.business-services{padding-top:90px;padding-bottom:90px}.business .demo-section-head h2{font-family:inherit;font-weight:700;font-size:29px;letter-spacing:-.04em}.business-services>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.business-services article{padding:25px 0;border-top:2px solid #192e62}.business-services article>span{font-size:13px;color:#6d92cc}.business-services article>h3{font-size:22px;margin:25px 0 15px}.business-services article>p{font-size:12px;line-height:2.2}.business-contact{padding-top:70px;padding-bottom:80px;background:#192e62;color:#f7f9fc}.business-contact h2{font-size:43px;line-height:1.6;margin:20px 0}.business-contact p:not(.demo-eyebrow){font-size:12px}.business-contact .business-button{border:1px solid #dce6f7}.business .demo-credit{background:#12234b}dialog{background:#f7f6f2;border:0;border-radius:7px;padding:40px;max-width:480px;width:calc(100% - 36px);color:#222420}dialog::backdrop{background:#1119;backdrop-filter:blur(5px)}dialog>button{position:absolute;top:10px;right:12px;font-size:26px;border:0;background:transparent}dialog h2{font-size:24px;line-height:1.7;margin:18px 0}dialog>p:not(.demo-eyebrow){font-size:12px;margin:16px 0}dialog>a{display:inline-block;font-size:12px;padding:12px 0;border-bottom:1px solid #222420}
@media(max-width:760px){.demo-banner{padding:10px 15px;gap:10px;flex-wrap:wrap;font-size:9px;min-height:63px}.demo-banner>span{order:3;width:100%;text-align:center;font-size:8px;line-height:1}.demo-wrap{padding-left:25px;padding-right:25px}.demo-nav{height:83px;padding:0 25px;gap:15px}.demo-nav nav{gap:16px;font-size:8px}.demo-logo{font-size:35px}.demo-nav>.demo-reserve{display:none}.cafe-hero,.salon-hero{grid-template-columns:1fr;gap:35px;padding-top:27px;padding-bottom:45px}.cafe-hero h1,.salon-hero h1{font-size:43px;line-height:1.65;margin:20px 0}.cafe-hero p:not(.demo-eyebrow),.salon-hero p:not(.demo-eyebrow){font-size:11px}.text-link{margin-top:20px}.cafe-hero-image img{height:380px}.cafe-hero-image>span{font-size:7px}.cafe-concept,.salon-concept{padding-top:60px;padding-bottom:60px}.cafe-concept h2,.salon-concept h2{font-size:27px;margin:22px 0}.cafe-concept p:last-child,.salon-concept p:last-child{font-size:11px}.menu-section{padding-top:55px;padding-bottom:55px}.demo-section-head h2{font-size:22px;margin-bottom:25px}.menu-list article{gap:17px;padding:20px 0}.menu-list article h3{font-size:13px}.menu-list article p{font-size:9px}.menu-list article>strong{font-size:17px}.visit-section{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:45px;margin-bottom:35px}.visit-section h2{font-size:27px}.visit-section h3{font-size:25px;margin-bottom:15px}.visit-section p:not(.demo-eyebrow){font-size:11px}.salon-hero img{height:400px}.salon-reserve{padding-top:55px;padding-bottom:65px}.salon-reserve h2{font-size:28px}.salon .demo-logo{font-size:42px}.business .demo-logo{font-size:25px}.business-hero{padding-top:35px;padding-bottom:40px;min-height:690px}.business-hero h1{font-size:40px;line-height:1.55;margin:20px 0}.business-hero p:not(.demo-eyebrow){font-size:11px}.business-button{font-size:11px;padding:13px 22px;margin-top:23px}.big-sculpture{transform:scale(.6) rotate(-25deg);transform-origin:top right;top:350px;right:22px;height:270px}.business-line{margin-top:300px;font-size:8px}.business-concept{grid-template-columns:1fr;gap:20px;padding-top:45px;padding-bottom:45px}.business-concept h2{font-size:27px}.business-concept p:last-child{font-size:11px}.business-services{padding-top:55px;padding-bottom:45px}.business .demo-section-head h2{font-size:24px}.business-services>div:last-child{grid-template-columns:1fr;gap:15px}.business-services article{padding:20px 0}.business-services article>h3{font-size:22px;margin:15px 0 10px}.business-contact{padding-top:50px;padding-bottom:60px}.business-contact h2{font-size:37px}.business-contact p:not(.demo-eyebrow){font-size:11px}.demo-credit{padding:30px 20px}.demo-credit p{font-size:8px}.demo-credit>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:760px){.cafe-hero h1{font-size:clamp(30px,9vw,39px);letter-spacing:.06em}}