@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--cream:#f5f0e8;--cream-dark:#ede8df;--green:#7a9e7e;--green-dark:#5a7e5e;--green-light:#a8c5ab;--text-dark:#2c2c2c;--text-mid:#555;--text-light:#888;--white:#ffffff}html{scroll-behavior:smooth}body{background-color:var(--cream);color:var(--text-dark);font-family:Noto Sans JP,Hiragino Kaku Gothic Pro,sans-serif;font-weight:300;line-height:1.8;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}.hero{position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px 8%;grid-gap:60px;gap:60px;background-color:var(--cream);overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(168,197,171,.15) 0,transparent 70%);pointer-events:none}.hero-badge{position:absolute;top:40px;right:8%;width:80px;height:80px;border-radius:50%;border:1px solid var(--green);flex-direction:column;text-align:center;font-size:9px;letter-spacing:.15em;color:var(--green-dark);line-height:1.4;font-family:"Noto Serif JP",serif}.hero-badge,.hero-product{display:flex;align-items:center;justify-content:center}.hero-product-img{width:280px;height:420px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.08))}.hero-product-placeholder{width:240px;height:400px;background:linear-gradient(145deg,#e8e2d8,#d8d0c5 50%,#ccc4b8);border-radius:8px 8px 80px 80px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:40px}.hero-product-placeholder:before{content:"";position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:30px;height:50px;background:#d0c8bc;border-radius:4px 4px 0 0}.hero-product-placeholder:after{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:80px;height:20px;background:#c8c0b4;border-radius:4px}.hero-product-label{text-align:center;font-size:11px;color:#6a6258;letter-spacing:.1em}.hero-product-label strong{display:block;font-size:18px;font-weight:400;margin-bottom:4px}.hero-content h1,.hero-product-label strong{font-family:"Noto Serif JP",serif;letter-spacing:.05em}.hero-content h1{font-size:clamp(28px,3.5vw,44px);font-weight:300;line-height:1.6;color:var(--text-dark);margin-bottom:32px}.hero-content p{font-size:14px;line-height:2;color:var(--text-mid);max-width:360px}.section{padding:80px 8%}.section-title{text-align:center;font-family:"Noto Serif JP",serif;font-size:clamp(16px,2vw,20px);font-weight:400;letter-spacing:.2em;color:var(--text-dark);margin-bottom:60px;display:flex;align-items:center;justify-content:center;gap:24px}.section-title:after,.section-title:before{content:"";width:60px;height:1px;background-color:#bbb5aa}.features{background-color:var(--white);padding:80px 8%}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;max-width:900px;margin:0 auto}.feature-item{text-align:center}.feature-icon{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:48px;height:48px;color:var(--green)}.feature-title{font-family:"Noto Serif JP",serif;font-size:16px;font-weight:400;letter-spacing:.05em;margin-bottom:12px;color:var(--text-dark)}.feature-desc{font-size:12px;color:var(--text-mid);line-height:1.9}.gallery{background-color:var(--cream);padding:80px 0}.gallery-inner{padding:0 8%}.gallery-photos{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:0}.gallery-photo{aspect-ratio:4/3;overflow:hidden;position:relative}.gallery-photo img{transition:transform .4s ease}.gallery-photo:hover img{transform:scale(1.03)}.gallery-captions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:24px;padding:0 8%}.gallery-caption{text-align:center}.gallery-caption strong{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text-dark)}.gallery-caption p{font-size:12px;color:var(--text-mid);line-height:1.7}.details{background-color:var(--white);padding:80px 8%}.details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:60px;gap:60px;align-items:start;max-width:1000px;margin:0 auto}.details-col-title{font-family:"Noto Serif JP",serif;font-size:15px;font-weight:400;letter-spacing:.1em;text-align:center;margin-bottom:28px;color:var(--text-dark)}.specs-list{list-style:none;display:flex;flex-direction:column;gap:10px}.specs-list li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-mid)}.specs-list li:before{content:"";width:8px;height:8px;border-radius:50%;background-color:var(--green);flex-shrink:0}.product-img-col{display:flex;justify-content:center}.product-small-placeholder{width:120px;height:200px;background:linear-gradient(145deg,#e8e2d8,#ccc4b8);border-radius:6px 6px 50px 50px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.08)}.product-small-placeholder:before{content:"";position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:16px;height:28px;background:#d0c8bc;border-radius:3px 3px 0 0}.plants-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.plant-item{text-align:center}.plant-icon{width:80px;height:80px;background:linear-gradient(135deg,#e0ede0,#c8d8c8);border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.plant-icon img{width:60px;height:60px;object-fit:cover}.plant-name{font-family:"Noto Serif JP",serif;font-size:13px;font-weight:400;letter-spacing:.05em;margin-bottom:6px;color:var(--text-dark)}.plant-name span{display:block;font-size:10px;color:var(--green-dark);letter-spacing:.1em;margin-bottom:4px}.plant-desc{font-size:11px;color:var(--text-mid);line-height:1.7}.check-list{list-style:none;display:flex;flex-direction:column;gap:14px}.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-mid);line-height:1.6}.check-icon{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.check-icon:after{content:"✓";font-size:11px;color:var(--green)}.refill{background-color:var(--cream-dark);padding:80px 8%}.refill-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;max-width:900px;margin:0 auto}.refill-img{border-radius:8px;overflow:hidden}.refill-content h2{font-family:"Noto Serif JP",serif;font-size:clamp(18px,2vw,22px);font-weight:400;letter-spacing:.05em;margin-bottom:20px;color:var(--text-dark)}.refill-content p{font-size:13px;color:var(--text-mid);line-height:2;margin-bottom:12px}.refill-products{display:flex;gap:32px;align-items:flex-end}.refill-product{gap:8px}.refill-bottle,.refill-product{display:flex;flex-direction:column;align-items:center}.refill-bottle{gap:4px}.refill-bottle-img{object-fit:contain}.bottle-placeholder{background:linear-gradient(145deg,#e8e2d8,#ccc4b8);border-radius:5px 5px 40px 40px;position:relative}.bottle-placeholder:before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#d0c8bc;border-radius:3px 3px 0 0}.bottle-sm{width:60px;height:120px}.bottle-sm:before{width:12px;height:20px}.bottle-md{width:70px;height:150px}.bottle-md:before{width:14px;height:24px}.bottle-label{font-size:11px;color:var(--text-mid);text-align:center}.footer{background-color:var(--cream);padding:60px 8% 40px;border-top:1px solid #e0dbd3}.footer-logo{font-family:"Noto Serif JP",serif;font-size:28px;font-weight:300;letter-spacing:.1em;color:var(--text-dark);margin-bottom:4px}.footer-logo-sub{font-size:11px;letter-spacing:.2em;color:var(--text-light);margin-bottom:20px}.footer-desc{font-size:12px;color:var(--text-mid);line-height:2;max-width:480px}@media (max-width:768px){.hero{grid-template-columns:1fr;min-height:auto;padding:60px 5%;text-align:center}.hero-product{order:-1}.hero-content p{max-width:100%}.hero-badge{top:20px;right:5%;width:64px;height:64px;font-size:8px}.features-grid{grid-template-columns:1fr;gap:32px}.gallery-captions,.gallery-photos{grid-template-columns:1fr;padding:0 5%}.details-grid,.refill-inner{grid-template-columns:1fr}.refill-inner{text-align:center}.refill-products{justify-content:center}.details,.features,.refill,.section{padding:60px 5%}}