:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;color:#30332e;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif}main{overflow:hidden}.section{position:relative;isolation:isolate;padding:1px 0}.tag{position:absolute;top:34px;left:42px;border:1px solid currentColor;border-radius:999px;padding:8px 14px;font-size:10px;letter-spacing:.2em}.logo{display:block;width:100%;height:auto;border-radius:24px;mix-blend-mode:multiply;border:0}.kicker{margin:0 0 20px;font-size:11px;font-weight:700;letter-spacing:.2em}.intro{font-size:15px;line-height:2;letter-spacing:.08em}.morandi{background:#d8d9cd}.hero{width:min(1200px,calc(100% - 80px));margin:auto;display:grid;align-items:center;grid-template-columns:1.1fr .9fr;gap:70px;min-height:720px}.hero h1{margin:0;font:500 clamp(44px,6vw,86px)/1.35 "Yu Mincho",serif;letter-spacing:.06em}.date{display:flex;align-items:center;gap:18px;margin-top:38px;padding:18px 24px;border-block:1px solid #687064;width:max-content}.date em{font:500 38px Arial;color:#71806f;font-style:normal}.date b,.date small{display:block}.date b{font-size:18px;letter-spacing:.1em}.date small{margin-top:5px;font-size:10px}.hero-logo{position:relative;display:grid;place-items:center;min-height:480px}.hero-logo:before{content:"";position:absolute;width:min(36vw,450px);aspect-ratio:1;background:#efebe0;border-radius:48% 52% 57% 43%;transform:rotate(-8deg);z-index:-1}.hero-logo .logo{width:min(30vw,350px);box-shadow:0 24px 60px #5b5d4c22}.menu{width:min(1200px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #30332e55}.menu>div{padding:34px 28px;position:relative}.menu>div+div{border-left:1px solid #30332e55}.menu small{position:absolute;right:18px;top:14px;color:#71806f}.menu b{display:block;font:500 clamp(22px,2.5vw,32px) "Yu Mincho",serif;letter-spacing:.08em}.menu span{font-size:11px;opacity:.7}.orders-wrap{width:min(1200px,calc(100% - 80px));margin:auto;padding:125px 0 105px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.orders-wrap h2,.pastel-orders h2{margin:0;font:500 clamp(28px,4vw,52px)/1.4 "Yu Mincho",serif}.orders{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.orders>div{background:#f5f2e9aa;min-height:150px;padding:17px 18px;display:flex;flex-direction:column;justify-content:flex-end}.orders b{font:12px Arial;opacity:.55;margin-bottom:auto}.orders strong{font-size:13px}.orders span{font-size:10px;opacity:.65;margin-top:8px;line-height:1.6}.free{width:min(1200px,calc(100% - 80px));margin:0 auto 100px;padding:32px 40px;background:#707d6f;color:#f6f3ea;display:flex;align-items:center;justify-content:space-between}.free span{border:1px solid;border-radius:999px;padding:7px 12px;font-size:11px}.free>b{font:500 clamp(28px,3.5vw,46px) "Yu Mincho",serif;letter-spacing:.1em}.free p{margin:0;text-align:right;font-size:11px;line-height:1.8}footer{padding:42px 20px 35px;text-align:center;border-top:1px solid #30332e2b}footer p{font-size:10px;letter-spacing:.18em;margin:0 0 20px}.delivery{width:min(600px,100%);margin:auto;background:#fff;padding:8px 12px;border-radius:14px}.delivery img{display:block;width:100%;height:auto}footer small{display:block;margin-top:17px;font-size:10px;opacity:.65}.pastel{background:#fff9f1;color:#383440}.bubble{position:absolute;border-radius:50%;z-index:-1}.one{width:430px;height:430px;right:-90px;top:-140px;background:#f6d5d1}.two{width:320px;height:320px;left:-120px;top:570px;background:#d8eadf}.pastel-hero{min-height:740px}.pastel-logo{display:grid;place-items:center;position:relative}.pastel-logo:before{content:"";position:absolute;width:min(35vw,420px);aspect-ratio:1;background:#ffe7a8;border-radius:50%;z-index:-1}.pastel-logo .logo{width:min(24vw,280px);border-radius:24px;mix-blend-mode:multiply;box-shadow:0 18px 50px #5048531f}.pastel-hero h2{margin:0;font-size:clamp(42px,5.8vw,82px);line-height:1.35;letter-spacing:.04em}.pastel-hero h2 em{color:#e58e82;font-style:normal}.badge{margin-top:30px;background:#ffe49b;border-radius:50px;padding:13px 24px;width:max-content;transform:rotate(-2deg);box-shadow:5px 7px #f3bcae;font-size:10px;font-weight:700}.badge strong{display:block;font:800 27px Arial;text-align:center}.pastel-menu{width:min(1120px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pastel-menu>div{min-height:245px;border-radius:26px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 14px 30px #50465014}.pastel-menu b{font-size:38px;background:#ffffffa6;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;margin-bottom:18px}.pastel-menu strong{font-size:21px}.pastel-menu span{font-size:11px;margin-top:10px}.tea{background:#f9e9ad;transform:rotate(-1deg)}.lemon{background:#f9e9ad;transform:translateY(-16px) rotate(1deg)}.capsule{background:#d8e8df}.pastel-menu .capsule b{background:linear-gradient(135deg,#b9deeb 0 50%,#fff 50%);color:#fff}.pastel-orders{width:min(1120px,calc(100% - 80px));margin:auto;padding:145px 0 100px;text-align:center}.pastel-orders>.kicker{color:#d27f73}.pastel-orders .orders{text-align:left;margin-top:45px}.pastel-orders .orders>div{background:#fff;border:1px solid #f0e5df;border-radius:18px}.pastel-free{width:min(1120px,calc(100% - 80px));margin:auto auto 100px;padding:35px 45px;border:3px solid #e98d7f;border-radius:30px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;box-shadow:10px 10px #f5d6d2}.pastel-free>span{background:#e98d7f;color:#fff;border-radius:50%;width:75px;height:75px;display:grid;place-items:center;font-weight:800}.pastel-free small,.pastel-free b{display:block}.pastel-free b{font-size:clamp(28px,4vw,48px);color:#df786b}.pastel-free p{margin:0;text-align:right;font-size:11px;line-height:1.8}.pastel footer{background:#e1daf0}
@media(max-width:900px){.tag{top:20px;left:20px}.hero{width:calc(100% - 40px);grid-template-columns:1fr;text-align:center;padding:110px 0 75px;gap:45px}.hero h1{font-size:clamp(40px,10vw,66px)}.hero-logo{order:-1;min-height:330px}.hero-logo .logo{width:min(58vw,290px)}.hero-logo:before{width:min(82vw,390px)}.menu,.pastel-menu{width:calc(100% - 40px);grid-template-columns:1fr}.menu>div+div{border-left:0;border-top:1px solid #30332e55}.orders-wrap{width:calc(100% - 40px);grid-template-columns:1fr;gap:35px;text-align:center;padding:85px 0}.free{width:calc(100% - 40px);flex-direction:column;gap:20px;text-align:center}.free p{text-align:center}.orders{grid-template-columns:1fr}.orders>div{min-height:110px;text-align:left}.pastel-logo .logo{width:min(58vw,270px)}.pastel-hero h2{font-size:clamp(38px,10vw,62px)}.lemon{transform:rotate(1deg)}.pastel-orders{width:calc(100% - 40px);padding:100px 0 80px}.pastel-free{width:calc(100% - 40px);grid-template-columns:1fr;padding:28px 22px;text-align:center}.pastel-free>span{margin:auto}.pastel-free p{text-align:center}}@media(max-width:600px){.desktop{display:none}.intro{font-size:13px}.delivery{padding:5px;border-radius:9px}footer{padding-inline:12px}}@media(max-width:900px){.pastel-logo:before{width:min(58vw,270px)}}