:root{--bg:#05070a;--card:#ffffff0a;--line:#ffffff14;--text:#f4f7fb;--muted:#a9b4c2;--blue:#2f7df6;--blue-hover:#4a91ff;--blue-soft:#2f7df629;--max:1180px;--shadow:0 20px 50px #00000059;--header-height:74px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline-offset:4px;outline:3px solid #8bb9ff}.container{width:min(calc(100% - 32px), var(--max));margin:0 auto}.section{padding:88px 0}.section-title{margin:0 0 14px;font-size:clamp(26px,4vw,40px);line-height:1.2}.section-lead{max-width:760px;color:var(--muted);margin:0 0 40px}.site-header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070ab8;border-bottom:1px solid #ffffff0f;width:100%;position:fixed;top:0;left:0}.header-inner{height:var(--header-height);justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand img{object-fit:cover;object-position:center 45%;width:150px;height:48px}.brand-text{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:12px}.nav{align-items:center;gap:24px;display:flex}.nav a{color:var(--muted);font-size:14px;transition:color .2s}.nav a:hover{color:var(--text)}.header-actions{align-items:center;gap:12px;display:flex}.header-cta,.btn{transition:background-color .2s,transform .2s}.header-cta{background:var(--blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 12px 24px #2f7df647}.header-cta:hover,.btn-primary:hover{background:var(--blue-hover);transform:translateY(-1px)}.mobile-menu{display:none;position:relative}.mobile-menu-button{width:44px;height:44px;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:14px;place-content:center;gap:5px;padding:0;display:grid}.mobile-menu-button span{background:currentColor;border-radius:999px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-menu-button.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-button.is-open span:nth-child(2){opacity:0}.mobile-menu-button.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-panel{border:1px solid var(--line);width:min(280px,100vw - 32px);box-shadow:var(--shadow);background:#090d13fa;border-radius:20px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.mobile-menu-panel a{color:#dce6f3;border-radius:12px;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;font-size:15px;font-weight:700;display:flex}.mobile-menu-panel a:hover{background:#ffffff12}.hero{min-height:100svh;padding-top:var(--header-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero-image{z-index:-3;object-fit:cover;object-position:center}.hero-overlay{z-index:-2;background:radial-gradient(circle at 20% 20%, #2f7df62e, transparent 30%), radial-gradient(circle at 80% 30%, #2f7df61a, transparent 26%), linear-gradient(180deg, #05070a59 0%, #05070abf 62%, var(--bg) 100%), linear-gradient(120deg, #2f7df62e, transparent 35%);position:absolute;inset:0}.hero-inner{width:min(calc(100% - 32px), var(--max));margin:0 auto;padding:80px 0}.hero-kicker{color:#d8e4ff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;margin:0 0 20px;padding:8px 14px;font-size:13px;display:inline-flex}.hero-kicker:before{background:var(--blue);width:8px;height:8px;box-shadow:0 0 12px var(--blue);content:"";border-radius:50%}.hero h1{max-width:1080px;margin:0 0 18px;font-size:clamp(38px,6.5vw,74px);line-height:1.08}.hero-lead{color:#cfdae7;max-width:760px;margin:0;font-size:clamp(15px,2vw,19px)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 28px #2f7df642}.btn-secondary{color:#fff;background:#ffffff0a;border:1px solid #ffffff29}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-1px)}.hero-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:920px;margin-top:38px;display:grid}.hero-note{box-shadow:var(--shadow);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;padding:18px}.hero-note strong{margin-bottom:6px;font-size:16px;display:block}.hero-note span{color:var(--muted);font-size:14px}.intro-grid,.area-wrap,.contact-wrap{gap:18px;display:grid}.intro-grid{grid-template-columns:1.15fr .85fr}.area-wrap{grid-template-columns:1fr 1fr}.contact-wrap{grid-template-columns:1fr}.intro-card,.photo-card,.service-card,.work-card,.contact-card,.area-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff0d,#ffffff08);border-radius:28px}.intro-card,.contact-card,.area-card{padding:30px}.photo-card{overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:100%;min-height:420px}.intro-card h3{margin:0 0 16px;font-size:clamp(28px,4vw,42px);line-height:1.2}.intro-card p,.area-card p,.contact-card p{color:var(--muted);margin:0 0 18px}.contact-links{gap:14px;display:grid}.company-profile{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.company-profile strong{margin-bottom:10px;font-size:20px;display:block}.intro-card .company-profile p{margin-bottom:0}.service-grid,.work-grid{gap:18px;display:grid}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card{padding:28px;position:relative;overflow:hidden}.service-card:before{background:linear-gradient(90deg, var(--blue), transparent 70%);content:"";width:100%;height:2px;position:absolute;bottom:0;left:0}.service-number{background:var(--blue-soft);color:#cfe1ff;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:18px;font-size:14px;font-weight:700;display:inline-flex}.service-card h3,.work-content h3,.area-card h2,.contact-card h2{margin:0 0 10px}.service-card h3{font-size:24px}.service-card p,.work-content p{color:var(--muted);margin:0 0 18px}.service-tags{flex-wrap:wrap;gap:10px;display:flex}.service-tags span,.area-list li{color:#d8e4ff;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:13px;display:inline-flex}.work-card{overflow:hidden}.work-image{aspect-ratio:16/10;position:relative}.work-image img{object-fit:cover}.work-content{padding:22px}.area-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.contact-link{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;transition:border-color .2s,background-color .2s;display:flex}.contact-link:hover{background:#ffffff12;border-color:#8bb9ff73}.contact-link strong{margin-bottom:2px;font-size:16px;display:block}.contact-link span span{color:var(--muted);word-break:break-all;font-size:14px}.contact-arrow{flex-shrink:0;font-size:18px}.contact-note{background:linear-gradient(#2f7df62e,#2f7df60f);border:1px solid #2f7df638;border-radius:24px;padding:24px}.contact-note strong{margin-bottom:10px;font-size:18px;display:block}.contact-note p{color:#dce8ff;margin:0}.site-footer{color:var(--muted);border-top:1px solid #ffffff0f;padding:28px 0 40px;font-size:13px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.fade-up{opacity:1;transform:none}.reveal-ready .fade-up{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(28px)}.reveal-ready .fade-up.is-visible{opacity:1;transform:translateY(0)}@media (max-width:980px){.nav{display:none}.mobile-menu{display:block}.hero-notes,.intro-grid,.service-grid,.work-grid,.area-wrap,.contact-wrap{grid-template-columns:1fr}.photo-card img{min-height:320px}}@media (max-width:640px){:root{--header-height:68px}.section{padding:68px 0}.brand img{width:118px;height:42px}.brand-text{display:none}.header-cta{padding:9px 12px;font-size:12px;display:inline-flex}.hero{min-height:auto}.hero-inner{padding:68px 0 58px}.hero h1{overflow-wrap:anywhere}.hero-actions{flex-direction:column}.btn{width:100%}.intro-card,.service-card,.area-card,.contact-card{padding:22px}.area-list{grid-template-columns:1fr}.footer-inner{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-ready .fade-up{opacity:1;transform:none}}