:root{--primary-hue: 220;--accent-hue: 200;--accent-hue-2: 260;--bg-primary: hsl(var(--primary-hue), 25%, 98%);--bg-secondary: hsl(var(--primary-hue), 20%, 94%);--bg-tertiary: hsl(var(--primary-hue), 20%, 90%);--text-primary: hsl(var(--primary-hue), 40%, 12%);--text-secondary: hsl(var(--primary-hue), 20%, 40%);--text-muted: hsl(var(--primary-hue), 15%, 60%);--color-accent: hsl(var(--accent-hue), 90%, 50%);--color-accent-light: hsl(var(--accent-hue), 90%, 65%);--color-accent-dark: hsl(var(--accent-hue), 100%, 35%);--color-purple: hsl(var(--accent-hue-2), 80%, 55%);--gradient-primary: linear-gradient(135deg, hsl(var(--primary-hue), 80%, 45%), hsl(var(--accent-hue), 80%, 45%));--gradient-accent: linear-gradient(135deg, var(--color-accent), var(--color-purple));--gradient-bg: radial-gradient(circle at top right, hsl(var(--accent-hue), 20%, 95%), var(--bg-primary) 70%);--font-sans: "Inter", "Outfit", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--max-width: 1200px;--header-height: 80px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 30px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .6);--glass-backdrop-filter: blur(20px) saturate(190%);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);background-image:var(--gradient-bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4rem);letter-spacing:-.03em}h2{font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.02em;position:relative;display:inline-block;margin-bottom:var(--spacing-lg);color:hsl(var(--primary-hue),40%,15%)}h2:after{content:"";position:absolute;left:0;bottom:-10px;width:60px;height:4px;background:var(--gradient-accent);border-radius:var(--radius-full)}p{color:var(--text-secondary);font-size:1.1rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);width:100%}.section{padding:var(--spacing-xl) 0}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:transparent;z-index:1000;transition:var(--transition-normal);border-bottom:1px solid transparent}.site-header.scrolled{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop-filter);-webkit-backdrop-filter:var(--glass-backdrop-filter);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm);height:70px}.nav-container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-size:1.5rem;font-weight:800;text-decoration:none;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;transition:var(--transition-fast)}.logo:hover{opacity:.8}.nav-links{display:flex;list-style:none;gap:var(--spacing-md);align-items:center}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:var(--transition-fast);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.nav-links a:hover{color:var(--text-primary);background:#00000008}.btn-cta{background:var(--gradient-accent);color:#fff!important;padding:.6rem 1.2rem!important;border-radius:var(--radius-full)!important;box-shadow:0 4px 15px #00bfff33;transition:var(--transition-fast)!important}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00bfff4d}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;z-index:1001}.menu-toggle span{display:block;width:100%;height:3px;background-color:var(--text-primary);border-radius:var(--radius-full);transition:var(--transition-fast)}.hero-section{min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--spacing-lg);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-md);z-index:2}.hero-tag{align-self:flex-start;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-dark);background:#00bfff14;padding:.4rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(0,191,255,.15)}.hero-title span{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.25rem;max-width:600px}.hero-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.btn{display:inline-block;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.btn-primary{background:var(--gradient-accent);color:#fff;border:none;box-shadow:0 4px 20px #00bfff40}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00bfff66}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--bg-tertiary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-visual-bg{position:absolute;width:140%;height:140%;background:radial-gradient(circle,rgba(0,191,255,.1) 0%,transparent 60%);z-index:1}.hero-image{max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:2;transform:perspective(1000px) rotateY(-10deg) rotateX(10deg);transition:var(--transition-slow)}.hero-image:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.news-section{background:var(--bg-secondary)}.news-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);transition:var(--transition-normal)}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#00bfff4d}.news-meta{display:flex;gap:var(--spacing-sm);align-items:center}.news-date{font-size:.85rem;color:var(--text-muted)}.news-tag{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full)}.tag-release{background:#8a2be214;color:var(--color-purple);border:1px solid rgba(138,43,226,.15)}.news-card h3{font-size:1.25rem;color:var(--text-primary)}.news-card p{font-size:.95rem;color:var(--text-secondary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.service-card{background:#fff;border:1px solid var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-normal);display:flex;flex-direction:column;gap:var(--spacing-sm)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#00bfff33}.service-icon{width:50px;height:50px;background:#00bfff14;color:var(--color-accent-dark);display:flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);font-size:1.5rem;margin-bottom:var(--spacing-xs)}.service-card h3{font-size:1.35rem}.service-card p{font-size:.95rem;color:var(--text-secondary)}.about-section{background:var(--bg-secondary)}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-lg);align-items:center}.about-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.philosophy-card{background:var(--gradient-accent);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:0 8px 30px #00bfff33}.philosophy-card h3{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.philosophy-card p{color:#ffffffe6;font-size:1.05rem}.info-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.info-table tr{border-bottom:1px solid var(--bg-secondary)}.info-table tr:last-child{border-bottom:none}.info-table th,.info-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left}.info-table th{width:30%;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);font-size:.95rem}.info-table td{color:var(--text-primary);font-size:.95rem}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--spacing-lg)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-info-card{background:#fff;border:1px solid var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-info-card h4{font-size:1rem;color:var(--text-secondary)}.contact-info-card p{font-size:1.1rem;color:var(--text-primary);font-weight:600}.contact-form-container{background:#fff;border:1px solid var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--spacing-sm)}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--text-secondary)}.form-control{width:100%;padding:.8rem 1rem;border:1px solid var(--bg-tertiary);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;transition:var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #00bfff26;background:#fff}textarea.form-control{resize:vertical;min-height:150px}.form-error{color:#e53e3e;font-size:.8rem;margin-top:.2rem;display:none}.form-control.invalid{border-color:#e53e3e;background-color:#fffaf0}.form-status{margin-top:var(--spacing-sm);padding:.8rem 1rem;border-radius:var(--radius-sm);font-size:.95rem;display:none}.form-status.success{background:#f0fff4;color:#2f855a;border:1px solid #c6f6d5}.form-status.error{background:#fff5f5;color:#c53030;border:1px solid #fed7d7}footer{background:hsl(var(--primary-hue),35%,12%);color:#fff;padding:var(--spacing-lg) 0 var(--spacing-md) 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-logo{font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none}.footer-logo span{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-description{color:#fff9;font-size:.95rem;max-width:400px}.footer-links-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links-group h4{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-light)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:#fff9;text-decoration:none;font-size:.95rem;transition:var(--transition-fast)}.footer-links a:hover{color:#fff;padding-left:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.footer-bottom p{color:#fff6;font-size:.85rem}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media (max-width: 992px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:var(--spacing-md)}.hero-content{align-items:center}.hero-tag{align-self:center}.hero-image{transform:none;max-width:80%;margin-top:var(--spacing-md)}.hero-image:hover{transform:scale(1.02)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 768px){.menu-toggle{display:flex}.nav-links{position:fixed;top:var(--header-height);right:-100%;width:80%;height:calc(100vh - var(--header-height));background:var(--glass-bg);backdrop-filter:var(--glass-backdrop-filter);-webkit-backdrop-filter:var(--glass-backdrop-filter);border-left:1px solid var(--glass-border);flex-direction:column;padding:var(--spacing-lg) 0;gap:var(--spacing-md);transition:var(--transition-normal);box-shadow:var(--shadow-lg)}.nav-links.active{right:0}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.footer-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.news-filters{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap}.btn-filter{padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-full);border:1px solid var(--bg-tertiary);background:#fff;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.btn-filter:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-filter.active{background:var(--gradient-accent);color:#fff;border-color:transparent;box-shadow:0 4px 12px #00bfff40}.tag-corporate{background:#00bfff14;color:var(--color-accent-dark);border:1px solid rgba(0,191,255,.15)}.article-header{margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);padding-bottom:var(--spacing-sm)}.article-content{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--bg-secondary)}