*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--dark:#080810;--card:#0d0d1ad9;--border:#ffffff0f;--orange:#ff8c00;--orange2:#ffb347;--cyan:#00e5ff;--cyan2:#80f0ff;--white:#f0f4ff;--gray:#6b7090;--gray2:#2e3150}html{scroll-behavior:smooth}body{color:var(--white);background:#000;font-family:Inter,Noto Serif JP,sans-serif;overflow-x:hidden}#bg{z-index:0;pointer-events:none;position:fixed;inset:0}.nav-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.nav-brand-text{letter-spacing:.4em;text-transform:uppercase;color:var(--gray);align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:9px;font-weight:700;display:flex}.nav-brand-dot{background:var(--orange);width:4px;height:4px;box-shadow:0 0 6px var(--orange);border-radius:50%;flex-shrink:0}.nav-brand-woo{color:var(--white);background:linear-gradient(135deg,var(--orange),var(--cyan2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:2px}.nav-motto{letter-spacing:.2em;color:var(--gray);white-space:nowrap;font-family:Noto Serif JP,serif;font-size:11px;font-weight:400;position:absolute;left:50%;transform:translate(-50%)}nav{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#282830f2;justify-content:space-between;align-items:center;height:68px;padding:0 60px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo img{width:auto;height:36px;display:block}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{color:var(--gray);letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--white)}.nav-cta{border:1px solid var(--orange);border-radius:2px;padding:7px 22px;color:var(--orange)!important;transition:background .3s,color .3s!important}.nav-cta:hover{background:var(--orange)!important;color:#000!important}#hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-logo{z-index:2;opacity:0;margin-bottom:44px;animation:1.4s cubic-bezier(.16,1,.3,1) .2s forwards logoIn;position:relative}.hero-logo img{filter:drop-shadow(0 0 30px #ff8c0099)drop-shadow(0 0 60px #ff8c004d)drop-shadow(0 0 100px #00e5ff33);width:clamp(300px,42vw,580px);height:auto}@keyframes logoIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.hero-catch{z-index:2;letter-spacing:.12em;color:#f0f4ffd9;opacity:0;margin-bottom:12px;font-family:Noto Serif JP,serif;font-size:clamp(16px,2.2vw,28px);font-weight:300;animation:.8s 1s forwards fadeUp;position:relative}.hero-catch strong{background:linear-gradient(120deg,var(--orange),var(--cyan2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.hero-en{z-index:2;letter-spacing:.5em;color:var(--gray);opacity:0;margin-bottom:52px;font-family:Bebas Neue,sans-serif;font-size:clamp(12px,1.4vw,18px);animation:.8s 1.2s forwards fadeUp;position:relative}.hero-motto{z-index:2;letter-spacing:.25em;color:var(--white);opacity:0;align-items:center;gap:20px;margin-bottom:52px;font-family:Noto Serif JP,serif;font-size:clamp(14px,1.8vw,22px);font-weight:300;animation:.8s 1s forwards fadeUp;display:inline-flex;position:relative}.hero-motto:before,.hero-motto:after{content:"";background:linear-gradient(90deg,transparent,var(--orange));width:40px;height:1px;display:block}.hero-motto:after{background:linear-gradient(90deg,var(--cyan),transparent)}.hero-btns{z-index:2;opacity:0;justify-content:center;gap:16px;animation:.8s 1.4s forwards fadeUp;display:flex;position:relative}.btn-p{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#000;letter-spacing:.2em;text-transform:uppercase;border-radius:2px;padding:13px 40px;font-size:11px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .3s;box-shadow:0 0 40px #ff8c0059}.btn-p:hover{transform:translateY(-2px);box-shadow:0 0 70px #ff8c008c}.btn-g{border:1px solid var(--gray2);color:var(--gray);letter-spacing:.2em;text-transform:uppercase;border-radius:2px;padding:13px 40px;font-size:11px;font-weight:600;text-decoration:none;transition:border-color .3s,color .3s}.btn-g:hover{border-color:var(--cyan);color:var(--cyan)}.hero-scroll{letter-spacing:.35em;text-transform:uppercase;color:var(--gray2);opacity:0;flex-direction:column;align-items:center;gap:8px;font-size:9px;animation:.8s 1.7s forwards fadeUp;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom,var(--gray2),transparent);width:1px;height:36px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:.9}}.sec{z-index:1;position:relative}.sec-in{max-width:1200px;margin:0 auto;padding:120px 60px}.ey{letter-spacing:.35em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:10px;margin-bottom:18px;font-size:10px;font-weight:700;display:inline-flex}.ey:before{content:"";background:var(--cyan);width:20px;height:1px;display:block}.st{margin-bottom:64px;font-family:Noto Serif JP,serif;font-size:clamp(28px,4vw,50px);font-weight:700;line-height:1.2}.gr{background:linear-gradient(135deg,var(--orange),var(--cyan2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tl{position:relative}.tl:before{content:"";background:linear-gradient(to bottom,transparent,var(--orange) 15%,var(--cyan) 85%,transparent);opacity:.3;width:1px;position:absolute;top:0;bottom:0;left:130px}.tl-row{grid-template-columns:130px 1fr;gap:0 48px;margin-bottom:68px;display:grid;position:relative}.tl-row:after{content:"";background:linear-gradient(135deg,var(--orange),var(--cyan));border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:124px;box-shadow:0 0 14px #ff8c00b3}.tl-era{color:var(--gray2);text-align:right;padding-top:2px;font-family:Bebas Neue,sans-serif;font-size:24px;line-height:1.2}.tl-ttl{margin-bottom:10px;font-family:Noto Serif JP,serif;font-size:18px;font-weight:700}.tl-dsc{color:var(--gray);font-size:13px;line-height:2}.tl-tag{border:1px solid var(--orange);color:var(--orange);letter-spacing:.12em;border-radius:20px;margin-top:10px;padding:3px 13px;font-size:10px;display:inline-block}.sk-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.sk-card{background:#0d0d1ad1;padding:40px 36px;transition:background .3s;position:relative;overflow:hidden}.sk-card:before{content:"";background:linear-gradient(90deg,var(--orange),var(--cyan));transform-origin:0;height:1px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.sk-card:hover:before{transform:scaleX(1)}.sk-card:hover{background:#111125}.sk-cat{letter-spacing:.35em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;font-size:9px;font-weight:700}.sk-name{margin-bottom:12px;font-family:Noto Serif JP,serif;font-size:19px;font-weight:700}.sk-dsc{color:var(--gray);font-size:13px;line-height:1.9}.phil-q{max-width:800px;margin:0 auto 64px;font-family:Noto Serif JP,serif;font-size:clamp(20px,3vw,40px);font-weight:300;line-height:1.8}.phil-q strong{background:linear-gradient(135deg,var(--orange),var(--cyan2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.phil-body{max-width:600px;color:var(--gray);text-align:left;margin:0 auto;font-size:14px;line-height:2.2}.phil-body p+p{margin-top:18px}.phil-close{margin-top:72px;font-family:Noto Serif JP,serif;font-size:clamp(18px,2.5vw,32px);font-weight:700}.ct-badge{border:1px solid var(--gray2);letter-spacing:.25em;text-transform:uppercase;color:var(--gray);border-radius:20px;align-items:center;gap:8px;margin-bottom:36px;padding:5px 18px;font-size:10px;display:inline-flex}.ct-ttl{margin-bottom:20px;font-family:Noto Serif JP,serif;font-size:clamp(26px,4vw,50px);font-weight:700;line-height:1.3}.ct-dsc{color:var(--gray);margin-bottom:52px;font-size:14px;line-height:2}.ct-mail{letter-spacing:.06em;background:linear-gradient(135deg,var(--orange),var(--cyan2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-size:clamp(22px,3.5vw,44px);text-decoration:none;transition:opacity .3s}.ct-mail:hover{opacity:.7}.ct-note{letter-spacing:.2em;text-transform:uppercase;color:var(--gray2);margin-top:48px;font-size:10px}.woo-grid{display:block}.woo-photo-wrap{border-radius:50%;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.woo-photo-wrap img{object-fit:cover;object-position:center top;border-radius:50%;width:100%;height:100%;display:block}.woo-photo-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#000000b3 100%),linear-gradient(135deg,#ff8c0014,#00e5ff0f);position:absolute;inset:0}.woo-name{margin-bottom:28px}.woo-name-ja{letter-spacing:.1em;margin-bottom:6px;font-family:Noto Serif JP,serif;font-size:28px;font-weight:900;display:block}.woo-name-en{letter-spacing:.35em;text-transform:uppercase;color:var(--gray);font-size:11px;font-weight:600}.woo-meta{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.woo-meta-row{color:var(--gray);align-items:baseline;gap:16px;font-size:13px;display:flex}.woo-meta-label{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);min-width:72px;font-size:10px;font-weight:700}.woo-career-label{letter-spacing:.3em;text-transform:uppercase;color:var(--orange);margin-bottom:16px;font-size:10px;font-weight:700}.woo-career-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.woo-career-item{border:1px solid var(--border);color:var(--gray);background:#ffffff05;border-radius:2px;padding:10px 14px;font-size:12px;line-height:1.5;transition:border-color .3s,color .3s}.woo-career-item:hover{border-color:var(--gray2);color:var(--white)}.woo-career-item.highlight{border-color:var(--orange);color:var(--white)}.woo-career-item small{color:var(--gray);margin-top:2px;font-size:10px;display:block}.woo-career-item.highlight small{color:var(--orange)}.woo-name-row{align-items:center;gap:20px;margin-bottom:28px;display:flex}.woo-career-list{flex-direction:column;gap:0;display:flex}.woo-career-row{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:12px 0;transition:background .2s;display:flex}.woo-career-row:last-child{border-bottom:none}.woo-career-row:hover{background:#ff8c0008}.woo-career-row.current .woo-career-name,.woo-career-row.current .woo-career-num{color:var(--orange)}.woo-career-num{color:var(--gray2);letter-spacing:.1em;min-width:24px;font-family:Bebas Neue,sans-serif;font-size:13px}.woo-career-name{color:var(--white);font-size:13px;font-weight:600;line-height:1.4}.woo-career-role{color:var(--gray);letter-spacing:.05em;margin-top:2px;font-size:11px}@media (max-width:768px){.woo-grid{grid-template-columns:1fr;gap:36px}.woo-career-grid{grid-template-columns:1fr 1fr}}.hero-value{z-index:2;letter-spacing:.1em;color:#f0f4ffb3;opacity:0;margin-bottom:40px;font-family:Noto Serif JP,serif;font-size:clamp(14px,1.8vw,20px);font-weight:300;animation:.8s 1s forwards fadeUp;position:relative}.hero-value strong{background:linear-gradient(135deg,var(--orange),var(--cyan2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.phil-motto{letter-spacing:.4em;color:var(--gray);justify-content:center;align-items:center;gap:16px;margin-bottom:32px;font-family:Noto Serif JP,serif;font-size:clamp(12px,1.5vw,16px);font-weight:300;display:flex}.phil-motto:before,.phil-motto:after{content:"";background:linear-gradient(90deg,transparent,var(--orange));width:32px;height:1px;display:block}.phil-motto:after{background:linear-gradient(90deg,var(--cyan),transparent)}@media (max-width:480px){.hero-logo img{width:clamp(200px,78vw,320px)}.hero-btns{flex-direction:column;align-items:center;width:100%;padding:0 20px}.btn-p,.btn-g{text-align:center;width:100%;padding:14px 20px}.nav-links{display:none}}.ct-form{text-align:left;width:100%;max-width:560px;margin:48px auto 0}.ct-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ct-form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.ct-label{letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);font-size:10px;font-weight:700}.ct-input{border:1px solid var(--border);color:var(--white);background:#ffffff0a;border-radius:2px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .3s}.ct-input::placeholder{color:var(--gray2)}.ct-input:focus{border-color:var(--orange)}.ct-textarea{resize:vertical;min-height:120px;line-height:1.7}.ct-submit{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#000;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;width:100%;margin-top:8px;padding:14px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .3s;box-shadow:0 0 32px #ff8c004d}.ct-submit:hover{transform:translateY(-2px);box-shadow:0 0 56px #ff8c0080}.ct-result{text-align:center;min-height:20px;color:var(--cyan);margin-top:16px;font-size:13px}@media (max-width:600px){.ct-form-row{grid-template-columns:1fr}}footer{z-index:1;border-top:1px solid var(--border);background:#000c;justify-content:space-between;align-items:center;padding:28px 60px;display:flex;position:relative}.f-logo img{opacity:.4;width:auto;height:26px}.f-copy{color:var(--gray2);letter-spacing:.08em;font-size:10px}.rv{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(24px)}.rv.on{opacity:1;transform:translateY(0)}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){nav{padding:0 20px}.nav-links{display:none}#hero .hero-logo img{width:clamp(220px,72vw,360px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.sec-in{padding:80px 20px}.sk-grid{grid-template-columns:1fr}.tl:before{left:64px}.tl-row{grid-template-columns:64px 1fr;gap:0 24px}.tl-row:after{left:58px}.tl-era{font-size:16px}footer{flex-direction:column;gap:10px;padding:24px 20px}}
