@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap";:root{--color-canvas: #FDFBF8;--color-primary: #1B4332;--color-accent: #A67A4B;--color-accent-light: #C9A87C;--color-text-heading: #1A1A1A;--color-text-body: #333333;--color-text-muted: #7A7368;--color-alert: #A8563E;--color-card-bg: #FFFFFF;--color-card-border: #DDD6CC;--color-section-bg: #F2ECE5;--color-glow: rgba(166, 122, 75, .25);--radius-subtle: 8px;--radius-card: 16px;--radius-pill: 24px;--shadow-card: 0 2px 20px rgba(27, 67, 50, .04);--shadow-card-hover: 0 20px 60px rgba(27, 67, 50, .1), 0 4px 16px rgba(166, 122, 75, .08);--shadow-btn-glow: 0 8px 32px rgba(27, 67, 50, .2), 0 0 0 1px rgba(27, 67, 50, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Noto Sans JP,sans-serif;font-size:16px;line-height:1.9;color:var(--color-text-body);background-color:var(--color-canvas);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:"Noto Serif JP",serif;font-weight:500;color:var(--color-text-heading);line-height:1.4}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:var(--color-primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}img{max-width:100%;height:auto;display:block}.container{max-width:1120px;margin:0 auto;padding:0 24px}.container--narrow{max-width:720px;margin:0 auto;padding:0 24px}.section-lead{max-width:720px;margin-bottom:32px}.section{padding:80px 0}.section--alt{background-color:var(--color-section-bg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-serif{font-family:"Noto Serif JP",serif}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-pill);font-size:15px;font-weight:500;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;text-decoration:none;position:relative;overflow:hidden;letter-spacing:.03em}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .35s;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%)}.btn:hover:after{opacity:1}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,#2D6A4F 100%);color:#fff;box-shadow:0 4px 16px #1b43321f}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-btn-glow);opacity:1}.btn--primary:active{transform:translateY(0);box-shadow:0 2px 8px #1b433226}.btn--outline{background:transparent;border:1.5px solid var(--color-accent);color:var(--color-accent)}.btn--outline:hover{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 24px #a67a4b33;opacity:1}.btn--white-outline{background:#ffffff14;border:1.5px solid rgba(255,255,255,.7);color:#fff;backdrop-filter:blur(8px)}.btn--white-outline:hover{background:#fff3;color:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #ffffff26;opacity:1}.card{background:var(--color-card-bg);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid rgba(221,214,204,.5);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}.section{padding:48px 0}.grid-2,.grid-3{grid-template-columns:1fr}.btn{width:100%;justify-content:center}}.placeholder-img{background:linear-gradient(135deg,var(--color-section-bg) 0%,var(--color-card-border) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(24px)}.fade-in.is-visible{animation:fadeInUp .7s cubic-bezier(.4,0,.2,1) forwards}.fade-in.is-visible:nth-child(2){animation-delay:.1s}.fade-in.is-visible:nth-child(3){animation-delay:.2s}.fade-in.is-visible:nth-child(4){animation-delay:.25s}.fade-in.is-visible:nth-child(5){animation-delay:.3s}.fade-in.is-visible:nth-child(6){animation-delay:.35s}.section--alt{background-color:var(--color-section-bg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}a:not(.btn):not(.card):not(.ingr-card):not(.article-card):not(.header__logo):not(.header__link):not(.header__shindan):not(.footer__nav a):not(.product__links a):not(.shindan-product__btn){position:relative}a:not(.btn):not(.card):not(.ingr-card):not(.article-card):not(.header__logo):not(.header__link):not(.header__shindan):not(.footer__nav a):not(.product__links a):not(.shindan-product__btn):hover{opacity:1}.step-num,.step__number{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header{position:sticky;top:0;z-index:100;background:#fdfbf8f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(232,226,218,.6)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}.header__logo{font-size:1.05rem;font-weight:500;color:var(--color-primary);flex-shrink:0;white-space:nowrap}.header__nav{display:flex;align-items:center;gap:2px}.header__link{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--color-text-body);padding:8px 12px;border-radius:6px;transition:background .15s,color .15s;white-space:nowrap;position:relative}.header__link:hover{background:var(--color-section-bg);color:var(--color-primary);opacity:1}.header__link.is-active,.header__item.is-active>.header__link{color:var(--color-primary);font-weight:500}.header__link.is-active:after,.header__item.is-active>.header__link:after{content:"";position:absolute;bottom:2px;left:12px;right:12px;height:2px;background:var(--color-accent);border-radius:1px}.header__item{position:relative}.header__caret{flex-shrink:0;transition:transform .2s ease;opacity:.6}.header__item:hover .header__caret,.header__item:focus-within .header__caret{transform:rotate(180deg);opacity:1}.header__dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-6px);background:#fff;border:1px solid var(--color-card-border);border-radius:10px;box-shadow:0 10px 40px #0000001a,0 2px 8px #0000000d;min-width:180px;padding:6px 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:200}.header__item:hover .header__dropdown,.header__item:focus-within .header__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.header__dropdown-sep{height:1px;background:var(--color-card-border);margin:6px 0}.header__dropdown-link{display:block;padding:9px 20px;font-size:13px;color:var(--color-text-body);transition:background .12s,color .12s;white-space:nowrap}.header__dropdown-link:hover{background:var(--color-section-bg);color:var(--color-primary);opacity:1}.header__dropdown-link--primary{font-weight:500;color:var(--color-primary)}.header__dropdown-link.is-current{color:var(--color-primary);font-weight:500;background:var(--color-section-bg)}.header__shindan{display:inline-block;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);padding:7px 18px;border-radius:20px;margin-left:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #a67a4b40;white-space:nowrap}.header__shindan:hover{background:linear-gradient(135deg,var(--color-primary) 0%,#2D6A4F 100%);transform:translateY(-2px);box-shadow:0 6px 20px #1b433240;opacity:1}.header__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}.header__hamburger span{display:block;width:22px;height:2px;background:var(--color-text-heading);transition:.2s}.footer{background:linear-gradient(175deg,var(--color-primary) 0%,#122B21 100%);color:#f0ebe4;padding:64px 0 0;margin-top:80px}.footer__inner{display:grid;grid-template-columns:1.3fr 1fr 1.4fr 1fr;gap:40px;padding-bottom:48px;align-items:start}.footer__logo{font-size:1.05rem;color:#fff;margin-bottom:8px}.footer__tagline{font-size:13px;opacity:.75;margin-bottom:16px;line-height:1.6}.footer__credit{font-size:12px;opacity:.55;line-height:1.8}.footer__col-heading{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-light);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.footer__nav{display:flex;flex-direction:column;gap:10px}.footer__nav a{color:#f0ebe4cc;font-size:13px;line-height:1.5;transition:color .15s}.footer__nav a:hover{color:#fff;opacity:1}.footer__nav--columns a{font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.footer__salon-name{font-weight:600;color:#fff;font-size:14px;margin-bottom:10px}.footer__col p{font-size:12px;line-height:1.9;opacity:.7;margin-bottom:4px}.footer__col--brand p{font-size:13px}.footer__cta-link{display:block;margin-top:16px;padding:9px 16px;border:1px solid rgba(201,168,124,.5);border-radius:6px;text-align:center;font-size:12px;color:var(--color-accent-light);transition:background .2s,border-color .2s}.footer__cta-link:hover{background:#c9a87c1f;border-color:var(--color-accent-light);opacity:1}.footer__sub-link{display:block;margin-top:8px;font-size:11px;color:#f0ebe480;text-align:center;transition:color .15s}.footer__sub-link:hover{color:#f0ebe4d9;opacity:1}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 24px;text-align:center}.footer__bottom p{font-size:11px;opacity:.55;line-height:1.9}@media(max-width:960px){.header__hamburger{display:flex}.header__nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--color-canvas);flex-direction:column;align-items:stretch;padding:8px 0 20px;border-bottom:1px solid var(--color-card-border);gap:0;box-shadow:0 8px 24px #0000000f;z-index:90}.header__nav.is-open{display:flex}.header__link{padding:13px 20px;border-radius:0;font-size:15px;justify-content:space-between;border-bottom:1px solid var(--color-card-border)}.header__link.is-active:after,.header__item.is-active>.header__link:after{display:none}.header__dropdown{position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:none;border-radius:0;background:var(--color-section-bg);padding:4px 0 8px;transition:none}.header__dropdown-sep{margin:4px 0}.header__dropdown-link{padding:10px 20px 10px 36px;font-size:14px;border-bottom:none}.header__dropdown-link--primary{padding-top:12px}.header__caret{transform:rotate(180deg)}.header__shindan{margin:16px 20px 0;display:block;text-align:center;border-radius:8px;padding:12px 18px;font-size:14px}.footer__inner{grid-template-columns:1fr 1fr;gap:32px}.footer__col--brand{grid-column:1 / -1}}@media(max-width:560px){.footer__inner{grid-template-columns:1fr;gap:24px}}