@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap";:root{--color-primary:#1a3a4a;--color-primary-light:#2a5a6a;--color-accent:#c8956c;--color-accent-light:#e0b896;--color-bg:#fafaf8;--color-bg-alt:#f0eeea;--color-text:#2d2d2d;--color-text-light:#6b6b6b;--color-white:#fff;--color-border:#e0ddd8;--font-sans:"Noto Sans JP",sans-serif;--font-serif:"Noto Serif JP",serif;--max-width:1100px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}.site-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid var(--color-border);left:0;position:fixed;right:0;top:0;transition:box-shadow .3s;z-index:100}.site-header.scrolled{box-shadow:0 2px 20px #0000000f}.header-inner{height:72px;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 2rem}.header-inner,.logo{align-items:center;display:flex}.logo{gap:.75rem}.logo-mark{align-items:center;background:var(--color-primary);border-radius:6px;color:var(--color-white);display:flex;font-size:1.1rem;height:36px;justify-content:center;width:36px}.logo-mark,.logo-text{font-family:var(--font-serif);font-weight:700}.logo-text{color:var(--color-primary);font-size:1.25rem;letter-spacing:.08em}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--color-text-light);font-size:.875rem;font-weight:500;letter-spacing:.04em;position:relative;transition:color .2s}.nav-links a:after{background:var(--color-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{width:100%}.hero{align-items:center;background:linear-gradient(165deg,var(--color-primary) 0,var(--color-primary-light) 50%,#3a7a8a 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero:before{background:radial-gradient(circle at 20% 80%,hsla(27,46%,60%,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.08) 0,transparent 40%);content:"";inset:0;position:absolute}.hero-content{color:var(--color-white);padding:2rem;position:relative;text-align:center}.hero-sub{font-size:.875rem;font-weight:300;letter-spacing:.3em;margin-bottom:1.5rem;opacity:.7;text-transform:uppercase}.hero-title{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:.1em;line-height:1.3;margin-bottom:1rem}.hero-accent{display:block;font-family:var(--font-sans);font-size:clamp(1rem,2vw,1.25rem);font-weight:300;letter-spacing:.15em;margin-top:1.5rem;opacity:.8}.hero-divider{background:var(--color-accent);height:1px;margin:2rem auto;opacity:.8;width:60px}.hero-desc{font-size:1rem;font-weight:300;line-height:2;margin:0 auto;max-width:560px;opacity:.85}.scroll-indicator{align-items:center;bottom:2.5rem;color:#ffffff80;display:flex;flex-direction:column;font-size:.7rem;gap:.5rem;left:50%;letter-spacing:.2em;position:absolute;transform:translate(-50%)}.scroll-indicator span{animation:scrollDown 2s ease-in-out infinite;background:linear-gradient(180deg,hsla(0,0%,100%,.5),transparent);display:block;height:40px;width:1px}@keyframes scrollDown{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.section{padding:6rem 2rem}.section-inner{margin:0 auto;max-width:var(--max-width)}.section-header{margin-bottom:4rem;text-align:center}.section-label{color:var(--color-accent);font-size:.75rem;font-weight:500;letter-spacing:.25em;margin-bottom:.75rem;text-transform:uppercase}.section-title{color:var(--color-primary);font-family:var(--font-serif);font-size:1.75rem;font-weight:700;letter-spacing:.08em}.section-divider{background:var(--color-accent);height:1px;margin:1.5rem auto 0;width:40px}.about-text{color:var(--color-text-light);font-size:1rem;line-height:2.2;margin:0 auto;max-width:720px;text-align:center}.section-alt{background:var(--color-bg-alt)}.services-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:2.5rem 2rem;transition:transform .3s,box-shadow .3s}.service-card:hover{box-shadow:0 12px 40px #0000000f;transform:translateY(-4px)}.service-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:10px;color:var(--color-white);display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:1.5rem;width:48px}.service-title{color:var(--color-primary);font-size:1.1rem;font-weight:700;letter-spacing:.04em;margin-bottom:.75rem}.service-desc{color:var(--color-text-light);font-size:.9rem;line-height:1.9}.company-table{margin:0 auto;max-width:720px;width:100%}.company-row{border-bottom:1px solid var(--color-border);display:flex;padding:1.25rem 0}.company-row:first-child{border-top:1px solid var(--color-border)}.company-label{color:var(--color-primary);flex-shrink:0;font-size:.875rem;font-weight:500;letter-spacing:.04em;width:160px}.company-value{color:var(--color-text);font-size:.9375rem;line-height:1.8}.contact-box{margin:0 auto;max-width:600px;text-align:center}.contact-text{color:var(--color-text-light);font-size:1rem;line-height:2;margin-bottom:2rem}.contact-email{align-items:center;background:var(--color-primary);border-radius:6px;color:var(--color-white);display:inline-flex;font-size:.9375rem;font-weight:500;gap:.75rem;letter-spacing:.04em;padding:1rem 2.5rem;transition:background .2s,transform .2s}.contact-email:hover{background:var(--color-primary-light);transform:translateY(-2px)}.site-footer{background:var(--color-primary);color:#fff9;padding:3rem 2rem;text-align:center}.footer-logo{color:#ffffffe6;font-family:var(--font-serif);font-size:1.1rem;letter-spacing:.1em;margin-bottom:1rem}.footer-copy{font-size:.75rem;letter-spacing:.08em}.nav-toggle{background:none;border:none;cursor:pointer;display:none;height:32px;position:relative;width:32px}.nav-toggle span{background:var(--color-primary);display:block;height:2px;left:6px;position:absolute;transition:.3s;width:20px}.nav-toggle span:first-child{top:9px}.nav-toggle span:nth-child(2){top:15px}.nav-toggle span:nth-child(3){top:21px}@media(max-width:768px){.nav-toggle{display:block}.nav-links{background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:0 8px 20px #0000000f;display:none;flex-direction:column;gap:1.25rem;left:0;padding:1.5rem 2rem;position:absolute;right:0;top:72px}.nav-links.open{display:flex}.section{padding:4rem 1.25rem}.company-row{flex-direction:column;gap:.25rem}.company-label{font-size:.8rem;width:auto}.services-grid{grid-template-columns:1fr}}