@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap";:root{--color-primary:#0f172a;--color-secondary:#ebd288;--color-accent:#ebd288;--color-bg-dark:#0b1021;--color-bg-light:#fafafa;--color-text-light:#f8fafc;--color-text-dark:#0f172a;--font-en:"Outfit", "Inter", sans-serif;--font-jp:"Noto Sans JP", sans-serif;--nav-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-jp);color:var(--color-text-dark);background:var(--color-bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-en)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-container{width:100%;min-height:100vh}.scroll-container{width:100%;position:relative}.hero-wrapper{z-index:1;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.content-wrapper{z-index:2;background:linear-gradient(#fafafa00 0%,#fafafa 250px 100%);min-height:100vh;margin-top:0;padding-top:250px;position:relative}.section{max-width:1200px;margin:0 auto;padding:100px 5%}.section-title{color:var(--color-primary);text-align:center;width:max-content;margin:0 auto 2rem;font-size:2.5rem;font-weight:800;display:block;position:relative}.section-title:after{content:"";background:var(--color-secondary);border-radius:2px;width:40%;height:4px;position:absolute;bottom:-10px;left:0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-card-link{color:inherit;height:100%;display:flex}.service-card:hover{border-color:var(--color-secondary);transform:translateY(-10px);box-shadow:0 20px 25px -5px #0f172a0d,0 8px 10px -6px #0f172a0d}.service-card:before{content:"";background:var(--color-secondary);transform-origin:0;width:100%;height:4px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-icon{color:var(--color-primary);margin-bottom:1.5rem}.project-card-logo{object-fit:contain;width:auto;max-width:160px;height:auto;max-height:72px;margin:0 0 1.5rem;display:block}.service-title{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.service-desc{color:#475569;line-height:1.7}.header{width:100%;height:var(--nav-height);z-index:100;justify-content:space-between;align-items:center;padding:0 5%;transition:all .4s;display:flex;position:fixed;top:0;left:0}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 4px 6px -1px #0000000d}.header.scrolled .logo,.header.scrolled .nav-link{color:var(--color-primary)}.header.scrolled .nav-link:after{background:var(--color-primary)}.logo{font-family:var(--font-en);letter-spacing:-.05em;color:var(--color-text-light);font-size:1.8rem;font-weight:800;transition:color .4s}.nav-links{gap:2rem;display:flex}.nav-link{font-family:var(--font-en);color:var(--color-text-light);cursor:pointer;font-size:1rem;font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--color-secondary);transform-origin:100%;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;display:none}.hamburger span{background-color:var(--color-text-light);border-radius:2px;width:25px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(10px,10px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}@media (width<=768px){.hamburger{display:flex}.nav-links{top:var(--nav-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;flex-direction:column;gap:0;width:100%;max-height:0;padding:0 5%;transition:max-height .3s,padding .3s;position:fixed;left:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.nav-links.open{max-height:500px;padding:2rem 5%}.nav-link{color:var(--color-primary);border-bottom:1px solid #e2e8f0;padding:1rem 0}.nav-link:after{display:none}.nav-link:hover{color:var(--color-secondary)}.header.scrolled .hamburger span{background-color:var(--color-primary)}}.footer{background:var(--color-primary);color:var(--color-text-light);text-align:center;padding:4rem 5%}.footer-logo{margin-bottom:1rem;font-size:2rem;font-weight:800}.footer-tagline{color:#cbd5e1;max-width:720px;margin:0 auto 2rem;line-height:1.8}.footer-nav,.footer-legal{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-nav{margin-bottom:1.25rem}.footer-legal{border-top:1px solid #94a3b840;margin-bottom:3rem;padding-top:1.25rem}.footer-link{color:#cbd5e1;transition:color .3s}.footer-link:hover{color:var(--color-secondary)}.footer-copy{color:#94a3b8;font-size:.875rem}.info-page{background:radial-gradient(circle at 100% 0,#ebd2882e,#0000 26%),linear-gradient(#f8fafc 0%,#eef2ff 100%);min-height:100vh;padding-top:150px;padding-bottom:100px}.info-page-section{max-width:960px}.info-page-header{text-align:center;margin-bottom:2.5rem}.info-page-eyebrow{font-family:var(--font-en);letter-spacing:.2em;text-transform:uppercase;color:#64748b;margin-bottom:.75rem;font-size:.85rem}.info-page-title{color:var(--color-primary);margin-bottom:1rem;font-size:clamp(2.3rem,5vw,3.4rem)}.info-page-lead{color:#475569;max-width:680px;margin:0 auto;line-height:1.9}.info-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #94a3b82e;border-radius:24px;padding:2.25rem;box-shadow:0 24px 60px #0f172a14}.project-detail-card{align-items:stretch;gap:2rem;display:flex}.project-detail-main{flex:1;min-width:0}.project-detail-visual{justify-content:flex-end;align-items:flex-end;width:min(240px,28%);display:flex}.project-detail-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:220px}.info-definition-list{gap:1.25rem;display:grid}.info-definition-row{border-bottom:1px solid #e2e8f0;grid-template-columns:180px 1fr;gap:1rem;padding-bottom:1.25rem;display:grid}.info-definition-row:last-child{border-bottom:none;padding-bottom:0}.info-definition-row dt{color:var(--color-primary);font-weight:700}.info-definition-row dd{color:#334155;line-height:1.8}.info-rich-text{color:#334155;line-height:1.9}.info-rich-text section+section{margin-top:2rem}.info-rich-text h2{color:var(--color-primary);margin-bottom:.75rem;font-size:1.2rem}.info-rich-text ul{padding-left:1.25rem}.info-rich-text li+li{margin-top:.35rem}.info-rich-text a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.fade-in{opacity:0;transition:opacity 1.2s cubic-bezier(.2,.8,.2,1),transform 1.2s cubic-bezier(.2,.8,.2,1);transform:translateY(50px)}.fade-in.visible{opacity:1;transform:translateY(0)}.pc-only{display:inline}.sp-only{display:none}.client-grid{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem;display:flex}.client-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:250px;padding:2.5rem 2rem;text-decoration:none;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}.client-card:hover{border-color:var(--color-secondary);transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.client-logo{object-fit:contain;opacity:.9;width:auto;max-width:160px;height:auto;max-height:80px;margin-bottom:1.5rem;transition:all .3s}.client-card:hover .client-logo{opacity:1}.client-name{font-family:var(--font-en);color:var(--color-primary);text-align:center;font-size:1.05rem;font-weight:700;transition:color .3s}.client-card:hover .client-name{color:var(--color-secondary)}.client-link-icon{color:#cbd5e1;opacity:0;transition:all .3s;position:absolute;top:1rem;right:1rem;transform:translate(-5px,5px)}.client-card:hover .client-link-icon{color:var(--color-secondary);opacity:1;transform:translate(0)}.news-list{border-top:2px solid var(--color-primary);max-width:900px;margin:0 auto}.news-item{cursor:pointer;color:inherit;border-bottom:1px solid #e2e8f0;align-items:center;padding:1.5rem 0;text-decoration:none;transition:background-color .3s;display:flex}.news-item:hover{background-color:#f8fafc}.news-date{font-family:var(--font-en);color:#64748b;min-width:120px;font-weight:500}.news-category{color:var(--color-primary);border:1px solid var(--color-primary);text-align:center;border-radius:4px;min-width:100px;margin-right:1.5rem;padding:4px 12px;font-size:.85rem;font-weight:700}.news-title{flex:1;font-weight:600}@media (width<=768px){.footer-nav,.footer-legal{gap:1rem 1.5rem}.info-card{padding:1.5rem}.info-definition-row{grid-template-columns:1fr;gap:.35rem}.news-item{flex-direction:column;align-items:flex-start;gap:.5rem}.pc-only{display:none}.sp-only{display:inline}.project-detail-card{flex-direction:column}.project-detail-visual{justify-content:flex-start;width:100%;margin-top:1rem}.project-detail-image{max-height:140px}.news-category{margin-right:0}}.contact-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:700px;margin:0 auto;padding:3rem}.contact-form .form-group{margin-bottom:1.5rem}.contact-form label{color:var(--color-primary);margin-bottom:.5rem;font-weight:600;display:block}.contact-form input,.contact-form textarea{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-primary);outline:none}.contact-form textarea{resize:vertical;min-height:150px}.privacy-agreement{margin-top:.5rem}.privacy-agreement-label{color:#475569;cursor:pointer;align-items:flex-start;gap:.75rem;line-height:1.7;display:flex}.privacy-agreement-label input{flex-shrink:0;width:auto;margin-top:.2rem}.privacy-policy-link{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.submit-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:30px;margin:2rem auto 0;padding:1rem 3rem;font-size:1.1rem;font-weight:700;transition:transform .3s,background-color .3s;display:block}.submit-btn:hover{background:var(--color-secondary);color:var(--color-primary);transform:translateY(-3px)}.submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.subtle-cta-link{color:var(--color-primary);background:#ffffffb8;border:1px solid #cbd5e1;border-radius:14px;padding:.9rem 1.4rem;font-size:.98rem;font-weight:600;transition:border-color .25s,background-color .25s,transform .25s}.subtle-cta-link:hover{border-color:var(--color-secondary);background:#fffffff5;transform:translateY(-2px)}