/* SuzuLabo shared header/footer and lower-page refinement, 2026-10-30. */
:root{--sl-paper:#fbf8f4;--sl-ink:#4b372f;--sl-wine:#713e34;--sl-line:#ded0c7;--sl-serif:'Shippori Mincho','Yu Mincho',serif;--sl-sans:'Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif}
.sl-renewed{background:var(--sl-paper);color:#4c433d;font-family:var(--sl-sans);--primary-color:#713e34;--secondary-color:#ae7864;--bg-light:#f6eee7;--text-dark:#4b372f;--sr-ink:#4b372f;--sr-accent:#713e34;--sr-soft:#f6eee7}
.sl-renewed{--sr-muted:#7d6a60;--sr-brown:#713e34;--sr-brown-dark:#4b372f;--sr-blue:#713e34;--sr-blue-soft:#f1e5dc;--sr-gold:#ae7864;--sr-line:#ded0c7;--sr-warm:#f1e5dc;--sr-white:#fffcf8}
html:has(.sl-renewed){scroll-padding-top:110px}.sl-renewed:has(dialog[open]){overflow:hidden}
.sl-renewed :focus-visible{outline:2px solid #713e34;outline-offset:5px}
.sl-site-header,.sl-site-footer,.sl-site-menu{font:14px/2 var(--sl-sans);letter-spacing:.025em;color:var(--sl-ink)}
.sl-site-header *,.sl-site-footer *,.sl-site-menu *{box-sizing:border-box}
.sl-site-header a,.sl-site-footer a,.sl-site-menu a{color:inherit;text-decoration:none}
.sl-site-header img,.sl-site-footer img,.sl-site-menu img{display:block;height:auto;max-width:100%}
.sl-site-header button,.sl-site-footer button,.sl-site-menu button{font:inherit;color:inherit;cursor:pointer}
.sl-site-header{height:100px;display:flex;align-items:center;gap:30px;padding:0 4.2%;position:absolute;inset:0 0 auto;z-index:100;background:linear-gradient(180deg,#fffcf878,#fffcf82a);border-bottom:1px solid #785b3c18;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sl-brand{margin-right:auto}.sl-brand img{width:177px}.sl-desktop-nav{display:flex;gap:27px;font-size:12px}.sl-desktop-nav a{border-bottom:1px solid transparent;padding-block:6px}.sl-desktop-nav a:hover{border-color:#713e34}
.sl-header-end{display:flex;align-items:center;gap:24px}.sl-header-contact{font-size:11px;border:1px solid #80675266;border-radius:30px;padding:10px 22px;display:flex;gap:24px;background:#fffcf830;transition:background .3s}.sl-header-contact:hover{background:#4b372f;color:#fffcf8}.sl-header-contact-short{display:none}
.sl-header-contact{white-space:nowrap}.sl-brand{flex-shrink:0}.sl-header-end{flex-shrink:0}
.sl-menu-toggle{width:32px;height:44px;background:none;border:0;display:flex;flex-direction:column;justify-content:center;gap:8px}.sl-menu-toggle span{display:block;width:27px;height:1px;background:#4b372f}
.sl-site-menu{position:fixed;inset:0 0 0 auto;width:min(600px,100%);max-width:100%;height:100%;max-height:100%;margin:0;border:0;padding:38px 50px;background:#f0e3d9;z-index:300}.sl-site-menu::backdrop{background:#31241960;backdrop-filter:blur(5px)}
.sl-menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.sl-menu-top img{width:150px}.sl-menu-top button{background:none;border:0;font-size:12px;min-height:44px}.sl-site-menu nav{display:flex;flex-direction:column}.sl-site-menu nav a{font:500 24px/1.7 var(--sl-serif);padding:14px 0;border-bottom:1px solid var(--sl-line);display:flex;gap:25px}.sl-site-menu nav small{font:10px/4 var(--sl-sans);color:#7d6a60}.sl-site-menu>p{font-size:12px;margin-top:25px}
.sl-site-footer{width:min(1180px,calc(100% - 120px));margin:auto;padding:62px 0 25px;background:transparent}.sl-footer-top{display:grid;grid-template-columns:1fr 1.6fr;gap:90px;padding-bottom:50px}.sl-footer-brand img{width:197px}.sl-footer-brand p{font-size:12px;line-height:2;margin:20px 0 14px}.sl-footer-brand>a{font-size:11px}.sl-footer-links{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px}.sl-footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:11px}.sl-footer-links>div>span{font-size:12px;margin-bottom:10px;color:#7d6a60}.sl-footer-links a{line-height:1.9}.sl-footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.sl-nowrap{white-space:nowrap}.sl-footer-bottom{border-top:1px solid var(--sl-line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;font-size:10px}.sl-footer-bottom small{font-size:10px}.sl-footer-bottom>div{display:flex;gap:26px;align-items:center}.sl-footer-bottom button{border:0;background:none;padding:8px 0;font-size:10px}
/* Preserve existing content hierarchy while joining the warm homepage palette. */
.sl-renewed .sr-hero,.sl-renewed .company-hero,.sl-renewed .about-hero,.sl-renewed .case-list-hero,.sl-renewed .case-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#faf6ef 0%,#f0e5da 65%,#deccb8 100%);padding-top:158px;padding-bottom:64px;border:0;color:#4b372f}
.sl-renewed .sr-hero:after,.sl-renewed .company-hero:after,.sl-renewed .about-hero:after,.sl-renewed .case-list-hero:after,.sl-renewed .case-hero:after{content:'';position:absolute;z-index:-1;width:600px;height:500px;right:-140px;top:40px;border:1px solid #fff9;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 55px #fff1;pointer-events:none}
.sl-renewed h1,.sl-renewed h2,.sl-renewed h3{color:#4b372f}.sl-renewed .sr-hero h1,.sl-renewed .company-hero h1,.sl-renewed .about-hero h1,.sl-renewed .case-list-hero h1,.sl-renewed .case-hero h1{font:500 clamp(28px,3vw,43px)/1.6 var(--sl-serif);letter-spacing:.025em;text-wrap:balance}
.sl-renewed .sr-hero-lead{max-width:760px;line-height:2;font-size:15px}.sl-renewed .sr-hero-points{background:#fffcf87d;border:1px solid #c9b4a466;border-radius:0 36px 0 0;box-shadow:none}
.sl-renewed .sr-section{padding-block:72px}.sl-renewed .sr-section-soft,.sl-renewed .section-gray{background:#f5eee7}.sl-renewed .sr-section-warm{background:#eee1d5}
.sl-renewed .sr-section-head h2{font:500 clamp(24px,2.2vw,31px)/1.7 var(--sl-serif)}.sl-renewed .sr-section-head p{line-height:2}.sl-renewed .sr-section-label{color:#7d6a60}
.sl-renewed .sr-work,.sl-renewed .sr-problem,.sl-renewed .sr-service-card,.sl-renewed .sr-step{box-shadow:none;background:#fffcf8;border-color:#ded0c7;border-radius:3px 24px 3px 3px}
.sl-renewed .sr-problem,.sl-renewed .sr-service-card{border-radius:0}.sl-renewed .sr-case,.sl-renewed .sr-evidence-note{border-left:0}.sl-renewed .sr-case{border-block:1px solid #ded0c7}.sl-renewed .sr-evidence-note{border-top:1px solid #ded0c7}
.sl-renewed .sr-button,.sl-renewed .btn-primary,.sl-renewed .case-list-actions .primary{background:#713e34;border-color:#713e34;color:#fffcf8;border-radius:32px;box-shadow:none}.sl-renewed .sr-button-secondary,.sl-renewed .btn-secondary{color:#713e34;background:transparent;border-color:#ae7864;border-radius:32px;box-shadow:none}
.sl-renewed .sr-cta,.sl-renewed .case-list-cta,.sl-renewed .contact{background:linear-gradient(115deg,#f1e5da,#e0c6b5);color:#4b372f;border-radius:70px 0 0 0}.sl-renewed .sr-cta h2,.sl-renewed .sr-cta p,.sl-renewed .contact .section-title,.sl-renewed .contact .section-subtitle{color:#4b372f}
.sl-renewed .case-list-row{border-color:#ded0c7}.sl-renewed .case-list-heading h2{font:500 25px/1.75 var(--sl-serif)}.sl-renewed .company-table th{background:#f2e7dd;color:#4b372f}.sl-renewed .company-table td{background:#fffcf8}
.sl-renewed .fade-in,.sl-renewed .fade-in-up{opacity:1;transform:none}
.sl-renewed .sl-reveal-ready{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.sl-renewed .sl-reveal-ready.sl-visible{opacity:1;transform:none}
@media(max-width:1100px){.sl-desktop-nav{display:none}.sl-footer-top{gap:45px;grid-template-columns:1fr 1.8fr}}
@media(max-width:760px){.sl-site-header{height:82px;padding:0 24px;gap:18px}.sl-brand img{width:150px}.sl-header-end{gap:17px}.sl-header-contact{padding:9px 14px;gap:12px}.sl-header-contact-label{display:none}.sl-header-contact-short{display:inline}.sl-site-footer{width:calc(100% - 48px);padding-top:45px}.sl-footer-top{grid-template-columns:1fr;gap:32px;padding-bottom:30px}.sl-footer-brand img{width:173px}.sl-footer-links{grid-template-columns:1fr 1fr;gap:28px 20px}.sl-footer-links>div{gap:10px}.sl-footer-links a{padding:3px 0}.sl-footer-bottom{flex-wrap:wrap;gap:16px;font-size:10px}.sl-footer-bottom>div{width:100%;justify-content:space-between}.sl-site-menu{padding:25px 27px}.sl-site-menu nav a{font-size:22px;padding:11px 0}.sl-renewed .sr-hero,.sl-renewed .company-hero,.sl-renewed .about-hero,.sl-renewed .case-list-hero,.sl-renewed .case-hero{padding-top:120px;padding-bottom:42px}.sl-renewed .sr-hero h1,.sl-renewed .case-hero h1{font-size:29px;line-height:1.6}.sl-renewed .sr-hero-lead{font-size:14px;line-height:2}.sl-renewed .sr-section{padding-block:48px}.sl-renewed .sr-section-head h2{font-size:25px}.sl-renewed .case-list-heading h2{font-size:22px}.sl-renewed .sr-cta,.sl-renewed .case-list-cta,.sl-renewed .contact{border-radius:42px 0 0 0}}
@media(max-width:380px){.sl-site-header{padding-inline:20px}.sl-brand img{width:133px}.sl-header-contact{font-size:10px;padding-inline:11px}.sl-header-end{gap:11px}.sl-site-footer{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.sl-renewed *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.sl-renewed .sl-reveal-ready{opacity:1;transform:none}}
.sl-motion-off *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.sl-motion-off .sl-reveal-ready{opacity:1;transform:none}