:root{--ink:#123d37;--deep:#0b2a27;--cream:#f5f0e7;--paper:#fbf9f4;--gold:#c7a76b;--pale:#e7efe9;--line:rgba(18,61,55,.18);--muted:#58706a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}.page-progress{position:fixed;top:0;left:0;z-index:20;width:100%;height:3px;background:transparent}.page-progress span{display:block;width:0;height:100%;background:var(--gold)}.site-header{height:91px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(251,249,244,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{display:flex;flex-direction:column;line-height:1.2;font-family:Georgia,"Yu Mincho",serif;letter-spacing:.14em}.brand b{font-size:18px;font-weight:500}.brand small{margin-top:5px;font:8px Arial,sans-serif;letter-spacing:.18em;color:#647b75}.site-header nav{display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:.08em}.site-header nav a:not(.header-cta){color:#4d6962}.header-cta{padding:9px 16px;border:1px solid var(--ink);transition:.25s}.header-cta:hover{background:var(--ink);color:#fff}.header-cta i{font-style:normal;margin-left:7px}.hero{min-height:calc(100vh - 91px);padding:0 6vw;background:linear-gradient(120deg,#16463f,#0b2e2b);color:#f9f5eb;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.025),transparent 45%)}.hero-grid{position:relative;z-index:1;max-width:1260px;min-height:calc(100vh - 146px);margin:auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center}.eyebrow{margin:0 0 17px;color:var(--gold);font:700 10px Arial,sans-serif;letter-spacing:.18em}.hero h1,.intro h2,.cost h2,.creative h2,.process h2,.contact h2{margin:0;font-family:Georgia,"Yu Mincho",serif;font-size:clamp(38px,5vw,70px);font-weight:400;line-height:1.28;letter-spacing:.035em}.hero h1 em,.products h2 em,.creative h2 em{font-style:normal;color:#ead4a4}.hero-text{max-width:520px;margin:27px 0 32px;color:rgba(255,255,255,.81);font-size:15px;line-height:2}.hero-actions{display:flex;align-items:center;gap:26px}.button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;padding:0 23px;font-size:13px;letter-spacing:.07em;transition:.25s}.button:hover{transform:translateY(-3px)}.button span,.plain-link span{margin-left:10px}.button-gold{background:#e8d2a0;color:#143e38}.plain-link{border-bottom:1px solid currentColor;padding-bottom:5px;font-size:12px;letter-spacing:.07em}.hero-visual{height:490px;position:relative;display:flex;justify-content:center;align-items:center}.halo{position:absolute;border:1px solid rgba(239,222,183,.34);border-radius:50%}.halo-a{width:400px;height:400px;animation:orbit 12s linear infinite}.halo-b{width:300px;height:300px;border-style:dashed;opacity:.48;animation:orbit 16s linear infinite reverse}.light-dot{position:absolute;border-radius:50%;background:#ebd39f;box-shadow:0 0 22px #ebd39f}.dot-a{width:8px;height:8px;top:54px;right:117px;animation:float 4s ease-in-out infinite}.dot-b{width:5px;height:5px;bottom:101px;left:94px;animation:float 5s ease-in-out infinite reverse}.bottle{position:relative;z-index:2;filter:drop-shadow(15px 24px 22px rgba(0,0,0,.24));animation:bottle-float 5s ease-in-out infinite}.bottle-large{width:173px;height:360px}.bottle-small{width:132px;height:285px}.pump{position:absolute;z-index:3;left:42%;top:0;width:16px;height:49px;border-radius:2px;background:linear-gradient(90deg,#a78d53,#f4dea9 48%,#9a824c)}.pump:before{content:"";position:absolute;width:61px;height:10px;left:-9px;top:0;border-radius:3px;background:#e1c78e}.body{position:absolute;bottom:0;left:0;width:100%;height:79%;padding-top:41%;text-align:center;color:#143e38;background:linear-gradient(105deg,#bea168,#f5dfaa 40%,#c4a46b 75%,#f2deb0);border:1px solid rgba(255,255,255,.52);border-radius:12px 12px 28px 28px}.body:before{content:"";position:absolute;inset:14px;border:1px solid rgba(18,61,55,.28);border-radius:5px 5px 20px 20px}.body b,.body small{display:block;position:relative;z-index:1}.body b{font:16px Georgia,serif;letter-spacing:.13em}.body small{margin-top:7px;font:7px Arial,sans-serif;letter-spacing:.11em}.hero-visual p{position:absolute;bottom:5px;margin:0;font:9px Arial,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.6)}.hero-strip{position:relative;z-index:1;max-width:1260px;margin:auto;padding:16px 0 22px;border-top:1px solid rgba(255,255,255,.17);display:flex;justify-content:space-between;color:rgba(255,255,255,.55);font:9px Arial,sans-serif;letter-spacing:.12em}.section{padding:120px 8vw}.intro{background:var(--cream)}.intro-top{display:flex;align-items:end;justify-content:space-between}.intro h2,.products h2,.creative h2,.process h2{font-size:clamp(30px,3.7vw,52px)}.intro-bottom{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:11vw;align-items:end}.intro-bottom>p{margin:0;color:var(--muted);font-size:15px;line-height:2.1}.quick-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.quick-numbers div{padding:16px;background:var(--cream)}.quick-numbers strong,.quick-numbers span{display:block}.quick-numbers strong{font:34px Georgia,serif;color:#b28b4b;line-height:1}.quick-numbers span{margin-top:8px;font-size:10px;line-height:1.5;color:#59736c}.design-loop{background:var(--paper)}.section-label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.section-label span{font:11px Arial,sans-serif;letter-spacing:.15em;color:#82928d}.loop-grid{display:grid;grid-template-columns:repeat(4,1fr)}.loop-card{min-height:267px;padding:26px 27px 12px 0;border-right:1px solid var(--line)}.loop-card:not(:first-child){padding-left:27px}.loop-card:last-child{border-right:0}.loop-card>span{font:20px Georgia,serif;color:var(--gold)}.loop-card h3{margin:54px 0 10px;font-size:17px;font-weight:600}.loop-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.products{background:#dfe9e2;display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center}.products-lead>p:last-child,.creative-title>p:last-child,.cost-head>p:last-child{color:var(--muted);font-size:14px;line-height:2.05}.product-selector{background:#f8f6f0;box-shadow:0 20px 40px rgba(25,58,50,.1)}.selector-tabs{display:flex;border-bottom:1px solid #d6ddd6;overflow:auto}.selector-tabs button{padding:15px 18px;border:0;border-right:1px solid #d6ddd6;background:transparent;white-space:nowrap;color:#5e746d;font:11px "Yu Gothic",sans-serif;cursor:pointer;transition:.2s}.selector-tabs button:hover,.selector-tabs button.is-active{background:var(--ink);color:#fff}.selector-stage{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:315px}.product-bottle-wrap{min-height:315px;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#1a4d45,#0c302c);overflow:hidden;position:relative}.product-bottle-wrap:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(234,211,164,.4);border-radius:50%}.product-copy{padding:36px}.product-kicker{margin:0;color:#b48e4b;font:10px Arial,sans-serif;letter-spacing:.17em}.product-copy h3{margin:18px 0 14px;font-family:Georgia,"Yu Mincho",serif;font-size:25px;font-weight:400;line-height:1.52}.product-copy p:not(.product-kicker){margin:0 0 21px;color:#5b716a;font-size:13px;line-height:1.9}.selector-note{margin:0;padding:12px 22px;background:#f1eee6;color:#71827d;font-size:10px}.cost{background:#0b2b28;color:#faf7ef;display:grid;grid-template-columns:.76fr 1.24fr;gap:8vw;align-items:center}.cost-head>p:last-child{color:rgba(255,255,255,.68);max-width:370px}.calculator{display:grid;grid-template-columns:.88fr 1.12fr;background:#f9f7f1;color:var(--ink);box-shadow:0 17px 35px rgba(0,0,0,.15)}.calculator-inputs{padding:33px}.calc-head{margin-bottom:17px;display:flex;justify-content:space-between;gap:10px;align-items:center}.calc-head b{font-family:Georgia,"Yu Mincho",serif;font-size:18px;font-weight:400}.calc-head small,.calculator-inputs>p{font-size:10px;color:#788783}.calculator-inputs label{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e3ded2;font-size:12px}.calculator-inputs label span{position:relative}.calculator-inputs input{width:105px;padding:8px 23px 8px 5px;border:1px solid #cfc6b7;background:#fffdf8;color:var(--ink);font:600 13px Arial,sans-serif;text-align:right;outline-color:var(--gold)}.calculator-inputs label span:after{content:"";position:absolute;right:7px;top:7px;color:#6a7975;font-size:11px}.calculator-inputs label:nth-of-type(-n+3) span:after{content:"円"}.calculator-inputs label:nth-of-type(4) span:after{content:"本"}.calculator-result{padding:34px;background:linear-gradient(140deg,#16473f,#0d302c);color:#fff}.calculator-result>p{margin:0;color:#debf82;font:700 10px Arial,sans-serif;letter-spacing:.17em}.calc-compare{display:grid;grid-template-columns:1fr 24px 1fr;gap:8px;align-items:center;margin:31px 0 26px}.calc-compare>div{padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.25)}.calc-compare span,.calc-total span,.calc-gain span{display:block;color:rgba(255,255,255,.62);font-size:10px}.calc-compare b{display:block;margin-top:4px;font:22px Georgia,serif;color:#f6f1e4}.calc-compare>div:last-child b{color:#efd69e}.calc-compare i{color:#e2c486;text-align:center;font-style:normal}.calc-total{padding:20px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.calc-total strong{display:block;margin-top:5px;color:#f0d39b;font:clamp(34px,4vw,48px) Georgia,serif;line-height:1.1}.calc-gain{padding-top:14px;display:flex;justify-content:space-between;align-items:end}.calc-gain b{color:#e5c581;font:19px Georgia,serif}.creative{background:var(--cream)}.creative-title{max-width:720px}.creative-grid{margin-top:52px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.creative-card{min-height:265px;padding:25px;background:#fbfaf5;border:1px solid rgba(18,61,55,.13);transition:transform .25s,box-shadow .25s}.creative-card:hover{transform:translateY(-7px);box-shadow:0 14px 28px rgba(30,61,51,.1)}.creative-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:50%;color:#a9803c;font:18px Georgia,serif}.creative-card h3{margin:40px 0 10px;font-size:15px}.creative-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.creative-bottom{margin:36px 0 0;text-align:center;font-family:Georgia,"Yu Mincho",serif;font-size:20px;line-height:1.7}.process{padding-top:80px;padding-bottom:80px;background:var(--paper)}.process-panel{max-width:1170px;margin:auto;padding:43px 50px;background:linear-gradient(120deg,#f2eee4,#e4dac6);display:grid;grid-template-columns:1fr 1fr;column-gap:9vw;row-gap:27px}.process-panel>p{margin:27px 0 0;color:#4f6760;font-size:14px;line-height:2}.process-path{grid-column:1/-1;display:flex;gap:14px;align-items:center;padding-top:25px;border-top:1px solid rgba(18,61,55,.18);font-size:12px;color:#45625b}.process-path span{padding:4px 12px;border:1px solid rgba(18,61,55,.22)}.process-path i{color:#b18643;font-style:normal}.contact{padding:112px 8vw 42px;background:var(--deep);color:#faf7ed;text-align:center}.contact h2{font-size:clamp(32px,4vw,55px)}.contact>p:not(.eyebrow){color:rgba(255,255,255,.68);font-size:14px}.button-light{margin-top:20px;background:#e6ce99;color:#143e38}.contact-details{max-width:1000px;margin:80px auto 0;padding-top:21px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:center;gap:29px;color:rgba(255,255,255,.58);font-size:10px;letter-spacing:.04em}footer{display:flex;justify-content:space-between;padding:14px 8vw;background:var(--deep);border-top:1px solid rgba(255,255,255,.11);color:#66807a;font:9px Arial,sans-serif;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes bottle-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(max-width:800px){.site-header{height:72px;padding:0 5vw}.brand b{font-size:15px}.site-header nav{gap:10px}.site-header nav a:not(.header-cta){display:none}.header-cta{font-size:10px;padding:7px 9px}.hero{min-height:auto;padding:0 6vw}.hero-grid{min-height:auto;display:block;padding:75px 0 42px}.hero-text{font-size:14px}.hero-visual{height:340px;margin-top:30px}.halo-a{width:280px;height:280px}.halo-b{width:220px;height:220px}.bottle-large{transform:scale(.78)}.hero-strip{font-size:7px;gap:9px}.hero-strip span:nth-child(2){display:none}.section{padding:77px 6vw}.intro-bottom,.products,.cost{grid-template-columns:1fr;gap:39px}.intro-top{display:block}.quick-numbers{margin-top:28px}.loop-grid,.creative-grid{grid-template-columns:1fr 1fr}.loop-card{min-height:195px;border-bottom:1px solid var(--line)}.loop-card:nth-child(2){border-right:0}.loop-card:nth-child(3){padding-left:0}.loop-card h3{margin-top:28px;font-size:14px}.products{padding-top:75px}.selector-stage,.calculator{grid-template-columns:1fr}.product-bottle-wrap{min-height:250px}.selector-tabs button{padding:12px 14px}.cost-head>p:last-child{max-width:none}.calculator-inputs{padding:28px 22px}.calculator-result{padding:30px 23px}.creative-grid{gap:9px}.creative-card{min-height:215px;padding:18px}.creative-card h3{margin-top:28px;font-size:13px}.creative-card p{font-size:11px}.process-panel{display:block;padding:33px 26px}.process-panel>p{margin:22px 0}.process-path{flex-wrap:wrap;gap:7px;font-size:10px}.contact{padding:76px 6vw 31px}.contact-details{margin-top:59px;flex-direction:column;gap:5px}footer{padding:13px 6vw}.plain-link{font-size:11px}.hero-actions{gap:18px}.button{padding:0 17px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}
