﻿:root{--main-bg: #050505;--card-bg: #0e0e0e;--text-white: #ffffff;--accent-orange: #f39800;--gray-text: #888888;--font-en: Montserrat, sans-serif;--font-jp: Zen Kaku Gothic New, sans-serif}html{font-size:62.5%}body{background-color:var(--main-bg);color:var(--text-white);font-family:var(--font-jp);font-size:1.6rem;line-height:1.8;letter-spacing:.05em}body.home #header,body.home .cyber-fixed-footer,body.front-page #header,body.front-page .cyber-fixed-footer{opacity:0;visibility:hidden}body.home:not(.is-loading) #header,body.home:not(.is-loading) .cyber-fixed-footer,body.front-page:not(.is-loading) #header,body.front-page:not(.is-loading) .cyber-fixed-footer{animation:delayedFadeIn 1s ease .5s forwards}@keyframes delayedFadeIn{0%{opacity:0;visibility:hidden}1%{visibility:visible}100%{opacity:1;visibility:visible}}.cyber-bg-grid{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;background-image:linear-gradient(rgba(50, 50, 50, 0.3) 1px, transparent 1px),linear-gradient(90deg, rgba(50, 50, 50, 0.3) 1px, transparent 1px);background-size:50px 50px;pointer-events:none;perspective:500px;transform-style:preserve-3d}.cyber-bg-grid::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center, transparent 0%, #050505 80%)}.cyber-section{padding:100px 0%}@media screen and (min-width: 769px){.cyber-section{padding:200px 5%}}.l-container{margin:0 auto}@media screen and (min-width: 769px){.l-container{width:90%}}.btn-center{text-align:center;margin-top:60px}.cyber-section-title{text-align:center;margin-bottom:60px;position:relative}.cyber-section-title .en{display:block;font-family:var(--font-en);font-size:8rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--text-white);opacity:.3}@media(max-width: 768px){.cyber-section-title .en{font-size:10vw}}.cyber-section-title .ja{display:block;font-size:3.6rem;font-weight:700;color:var(--text-white);margin-top:-30px;text-shadow:0 0 20px rgba(255,85,0,.5);position:relative;z-index:1}@media(max-width: 768px){.cyber-section-title .ja{font-size:6vw;margin-top:-20px}}#hero-wrapper{position:relative;width:100%;height:100vh;background-color:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.vanta-canvas{position:fixed !important}#vanta-trunk{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}#vanta-trunk canvas{transition:opacity .6s ease,transform .6s ease}#vanta-trunk canvas.is-fixed-vanta{position:fixed !important;top:0;left:0;width:100% !important;height:100% !important;z-index:-999;opacity:.3;pointer-events:none;animation:vantaFadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards}@keyframes vantaFadeIn{0%{opacity:0;transform:scale(1.1)}100%{opacity:.3;transform:scale(1)}}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;z-index:1;pointer-events:none}.hero-content{position:relative;z-index:10;text-align:center;color:#fff;width:100%;padding:0 20px}.mega-title{font-family:"Montserrat",sans-serif;font-size:6vw;font-weight:900;line-height:.9;text-transform:uppercase;letter-spacing:-0.02em;margin:0;color:transparent;-webkit-text-stroke:2px #fff;opacity:0;transform:translateY(100px)}@media(max-width: 768px){.mega-title{font-size:12vw;-webkit-text-stroke:1px #fff}}body:not(.is-loading) .mega-title{animation:slideUp 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;animation-delay:.5s}.highlight-text{color:#fff;-webkit-text-stroke:0;text-shadow:0 0 30px rgba(255,85,0,.6)}.mega-sub{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.2vw;margin-top:30px;letter-spacing:.5em;font-weight:500;opacity:0}@media(max-width: 768px){.mega-sub{font-size:4vw;letter-spacing:.2em}}body:not(.is-loading) .mega-sub{animation:fadeIn 2s ease forwards;animation-delay:1.8s}@keyframes slideUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-line{position:absolute;bottom:0;left:50%;width:1px;height:100px;background:rgba(255,255,255,.2);z-index:10;overflow:hidden}.scroll-line::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f39800;animation:drop 2s cubic-bezier(0.77, 0, 0.175, 1) infinite}.cyber-grid-3{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px;list-style:none;padding:0}.cyber-card{background:var(--card-bg);border:1px solid #333;padding:40px 30px;position:relative;overflow:hidden;transition:.3s}.cyber-card:hover{border-color:var(--accent-orange);box-shadow:0 0 20px rgba(255,85,0,.2);transform:translateY(-5px)}.cyber-card:hover .card-deco{color:var(--accent-orange);opacity:.2}.card-deco{position:absolute;top:-10px;right:-10px;font-family:var(--font-en);font-size:8rem;font-weight:900;color:#1a1a1a;z-index:0;transition:.3s}.TopAbout_inner_list_item{position:relative;z-index:1}.card-head{font-family:var(--font-en);font-size:2.4rem;color:var(--accent-orange);margin-bottom:20px;letter-spacing:.1em}.border h4{font-size:1.8rem;font-weight:bold;margin-bottom:15px;border-left:3px solid var(--accent-orange);padding-left:15px}.border p{font-size:1.5rem;line-height:1.8;color:#ccc}.cyber-text-center{text-align:center;margin:100px 0 0;padding:0 0px}@media screen and (min-width: 769px){.cyber-text-center{padding:0 20px}}.scrolly-text{font-size:3.8vw;line-height:2.2;color:#444}@media screen and (min-width: 769px){.scrolly-text{font-size:2rem}}.scrolly-text span{display:inline-block;opacity:.3;transform:translateY(10px);transition:opacity .8s,transform .8s,color .8s;will-change:opacity,transform}.scrolly-text span.active{opacity:1;transform:translateY(0);color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.strong-glitch{display:block !important;font-size:3rem !important;font-weight:900;margin:30px 0;color:#f39800 !important;opacity:1 !important;letter-spacing:.1em}@media screen and (min-width: 769px){.strong-glitch{font-size:4rem !important}}.immersive-service-list{display:flex;flex-direction:column;gap:20px}.immersive-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:60px 40px;border:1px solid #333;background:#0a0a0a;text-decoration:none;overflow:hidden;transition:border-color .4s;cursor:pointer}.immersive-item:hover{border-color:#f39800}.immersive-item:hover .immersive-bg{opacity:.4;transform:scale(1)}.immersive-item:hover .immersive-overlay{background:linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 100%)}.immersive-item:hover .svc-num{color:#f39800;transform:translateY(-10px)}.immersive-item:hover h3{transform:translateX(10px);text-shadow:0 0 20px rgba(0,0,0,.8)}.immersive-item:hover .svc-jp,.immersive-item:hover .svc-desc{color:#ddd}.immersive-item:hover .svc-btn-text{opacity:1;transform:translateX(0)}.immersive-item:hover .svc-btn-arrow{background:#f39800;border-color:#f39800;color:#000;transform:scale(1.1)}@media(max-width: 768px){.immersive-item{flex-direction:column;align-items:flex-start;padding:40px 20px}.immersive-item .immersive-content{width:100%;flex-direction:column;margin-bottom:20px}.immersive-item .svc-action{width:100%;justify-content:flex-end}.immersive-item .svc-btn-text{opacity:1;transform:translateX(0);font-size:1.2rem}}.immersive-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transform:scale(1.1);transition:opacity .6s,transform 6s;z-index:0}.immersive-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:1;transition:.6s}.immersive-content{position:relative;z-index:2;display:flex;align-items:flex-start;width:70%}.svc-num{font-family:"Montserrat",sans-serif;font-size:5rem;font-weight:900;color:#222;margin-right:40px;line-height:1;transition:.4s}.svc-text-group h3{font-family:"Montserrat",sans-serif;font-size:3.2rem;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:.05em;transition:.4s}.svc-jp{color:#888;font-weight:bold;font-size:1.6rem;margin-bottom:15px;transition:.4s}.svc-desc{font-size:1.4rem;color:#666;line-height:1.6;transition:.4s}.svc-action{position:relative;z-index:2;display:flex;align-items:center;gap:10px}.svc-btn-text{font-family:"Montserrat",sans-serif;font-size:1.4rem;font-weight:bold;color:#f39800;opacity:0;transform:translateX(-20px);transition:.4s cubic-bezier(0.16, 1, 0.3, 1)}.svc-btn-arrow{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #444;border-radius:50%;color:#fff;font-size:1.8rem;transition:.4s;background:#000}.svc-jp.links{position:relative;z-index:5}.svc-jp.links a{color:#888;text-decoration:none;transition:.3s;border-bottom:1px solid transparent}.svc-jp.links a:hover{color:#f39800;border-bottom-color:#f39800}.svc-action{text-decoration:none;display:flex;align-items:center;gap:10px;cursor:pointer;z-index:5}:root{--cyber-bg: #111111;--cyber-panel: rgba(255, 255, 255, 0.03);--cyber-accent: #ffffff;--cyber-dim: #888888;--cyber-text: #f0f0f0}.section-cta{width:100%;position:relative;padding:80px 20px 120px;overflow:hidden}.section-cta::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);background-size:40px 40px;pointer-events:none}.cta-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;position:relative;z-index:2}.cta-item{display:flex;flex-direction:column;background:var(--cyber-panel);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 15px rgba(255,255,255,.02);backdrop-filter:blur(5px);border-radius:4px;padding:30px 25px;text-decoration:none;color:var(--cyber-text);transition:all .4s cubic-bezier(0.22, 0.61, 0.36, 1);position:relative}.cta-item:hover{transform:translateY(-5px);border-color:#f39800;background:rgba(255,255,255,.05);box-shadow:0 0 20px rgba(255,255,255,.2),inset 0 0 10px rgba(255,255,255,.05)}.cta-icon-box{font-size:28px;margin-bottom:20px;color:var(--cyber-accent);filter:drop-shadow(0 0 5px rgba(255, 255, 255, 0.5))}.cta-text-box{flex-grow:1}.cta-label{display:inline-block;font-size:12px;font-weight:bold;letter-spacing:.1em;padding:4px 12px;border:1px solid #f39800;color:var(--cyber-accent);background:rgba(255,255,255,.05);border-radius:2px;margin-bottom:15px;text-transform:uppercase}@media screen and (min-width: 769px){.cta-label{font-size:1.6rem}}.cta-label.is-gray{border-color:red;color:#ccc}.cta-head{font-size:18px;font-weight:700;line-height:1.5;margin:0 0 10px 0;color:#fff;letter-spacing:.05em}.cta-sub{font-size:13px;color:#aaa;margin:0;line-height:1.6}.cta-btn-arrow{margin-top:25px;align-self:flex-end;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:var(--cyber-accent);font-weight:bold;font-size:18px;transition:all .3s}.cta-item:hover .cta-btn-arrow{background:var(--cyber-accent);border-color:var(--cyber-accent);color:#000;box-shadow:0 0 15px rgba(255,255,255,.4);transform:rotate(0deg)}@media(max-width: 768px){.section-cta{padding:60px 16px}.cta-container{grid-template-columns:1fr;gap:20px}.cta-head br{display:none}}.works-elastic-container{display:flex;width:100%;height:500px;gap:10px;overflow:hidden;margin-top:40px}@media(max-width: 768px){.works-elastic-container{flex-direction:column;height:auto;gap:15px}}.works-elastic-item{position:relative;flex:1;height:100%;border:1px solid #333;overflow:hidden;transition:flex .5s cubic-bezier(0.25, 1, 0.5, 1),filter .5s,border-color .3s;cursor:pointer;filter:grayscale(100%)}.works-elastic-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.works-elastic-item:hover{flex:3;filter:grayscale(0%);border-color:var(--accent-orange)}.works-elastic-item:hover img{transform:scale(1.1)}.works-elastic-item:hover .works-elastic-overlay{opacity:1;transform:translateY(0)}@media(max-width: 768px){.works-elastic-item{height:240px;flex:none !important;filter:grayscale(0%);border-color:#444}.works-elastic-item .works-elastic-overlay{opacity:1;transform:translateY(0);padding:20px;background:linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, transparent 100%)}}.works-elastic-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(0deg, #000 0%, transparent 100%);padding:30px;opacity:0;transform:translateY(20px);transition:.4s .1s;z-index:2}.works-elastic-title{font-family:var(--font-en);font-weight:900;font-size:2.4rem;color:#fff;margin:0;line-height:1.2;white-space:nowrap}@media(max-width: 768px){.works-elastic-title{font-size:2rem;white-space:normal}}.works-elastic-cat{color:var(--accent-orange);font-size:1.2rem;font-weight:bold;display:block;margin-bottom:8px;letter-spacing:.1em}.cyber-business-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:20px;max-width:1280px;margin:auto}@media(max-width: 768px){.cyber-business-grid{grid-template-columns:repeat(2, 1fr);gap:10px}}.cyber-biz-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0f0f;border:1px solid #333;padding:40px 10px;text-decoration:none;color:#fff;position:relative;overflow:hidden;transition:.3s;position:relative}@media(max-width: 768px){.cyber-biz-item{padding:25px 5px}}.cyber-biz-item::before,.cyber-biz-item::after{content:"";position:absolute;width:20px;height:20px;transition:.3s cubic-bezier(0.45, 0, 0.55, 1);border:2px solid transparent}.cyber-biz-item::before{top:0;left:0;border-top:0;border-left:0}.cyber-biz-item::after{bottom:0;right:0;border-bottom:0;border-right:0}.cyber-biz-item:hover{background:rgba(243,152,0,.05)}.cyber-biz-item:hover::before{width:100%;height:100%;border-top:2px solid var(--accent-orange);border-left:2px solid var(--accent-orange)}.cyber-biz-item:hover::after{width:100%;height:100%;border-bottom:2px solid var(--accent-orange);border-right:2px solid var(--accent-orange)}.cyber-biz-item:hover .biz-icon{animation:icon-glitch .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;color:var(--accent-orange)}@keyframes icon-glitch{0%{transform:translate(0)}20%{transform:translate(-2px, 2px)}40%{transform:translate(-2px, -2px)}60%{transform:translate(2px, 2px)}80%{transform:translate(2px, -2px)}100%{transform:translate(0)}}.biz-icon{font-family:"Material Icons";font-size:5rem;color:#555;margin-bottom:20px;transition:.3s}@media(max-width: 768px){.biz-icon{font-size:4rem;margin-bottom:10px}}.biz-name{font-weight:bold;font-size:1.5rem;z-index:1;text-align:center}@media(max-width: 768px){.biz-name{font-size:1.2rem}}.biz-deco{position:absolute;bottom:0;right:0;width:15px;height:15px;background:#333;transition:.3s;clip-path:polygon(100% 0, 0 100%, 100% 100%)}.voice-marquee-wrap{overflow:hidden;width:100%;padding:40px 0;mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent)}.voice-marquee-inner{display:flex;gap:40px;width:max-content;animation:marquee-scroll 50s linear infinite}.voice-marquee-inner:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.voice-card-cyber{width:400px;background:#0a0a0a;border:1px solid #333;padding:30px;flex-shrink:0;position:relative;transition:.3s}.voice-card-cyber:hover{border-color:var(--accent-orange);background:#111;transform:translateY(-5px)}.voice-card-head{display:flex;align-items:center;gap:20px;margin-bottom:20px;border-bottom:1px dashed #333;padding-bottom:15px}.voice-thumb{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-orange)}.voice-name{font-size:1.5rem;font-weight:bold;line-height:1.4;width:calc(100% - 60px - 20px)}.voice-txt{font-size:1.4rem;color:#ccc;line-height:1.8}.blog-glitch-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:40px}.blog-hacker-card{display:block;text-decoration:none;background:#080808;border:1px solid #222;position:relative;overflow:hidden;transition:.4s cubic-bezier(0.25, 0.8, 0.25, 1)}.blog-hacker-card:hover{border-color:var(--accent-orange);box-shadow:0 10px 30px -10px rgba(255,85,0,.3);transform:translateY(-5px)}.blog-hacker-card:hover .glitch-img{filter:grayscale(0%) brightness(1);transform:scale(1.05)}.blog-hacker-card:hover .blog-thumb-box::after{left:150%;transition:.6s ease-in-out}.blog-hacker-card:hover .hacker-title{text-shadow:0 0 10px rgba(255,255,255,.3)}.blog-thumb-box{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#000}.blog-thumb-box::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);transform:skewX(-25deg);transition:.6s;z-index:5}.glitch-img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(0.25, 0.8, 0.25, 1),filter .6s;filter:grayscale(100%) brightness(0.8)}.blog-info-box{padding:30px;position:relative;z-index:2}.sys-date{font-family:"Courier New",monospace;font-size:1.3rem;color:var(--accent-orange);letter-spacing:.1em;margin-bottom:10px;display:block;opacity:.8}.sys-date::before{content:"● ";font-size:.8em;vertical-align:middle;animation:blink 1s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hacker-title{font-size:1.6rem;line-height:1.6;font-weight:500;color:#fff;margin:0;min-height:3.2em;transition:.3s}.cyber-news-list{list-style:none;padding:0;max-width:900px;margin:0 auto}.cyber-news-list li{border-bottom:1px solid #222}.cyber-news-list a{display:flex;align-items:center;padding:30px 10px;text-decoration:none;color:#fff;transition:.3s}.cyber-news-list a:hover{background:rgba(255,255,255,.05);padding-left:20px}.cyber-news-list a:hover .news-arrow{color:var(--accent-orange);opacity:1}.news-date{font-family:var(--font-en);color:var(--accent-orange);margin-right:40px;font-weight:bold;font-size:1.6rem}.news-title{flex:1;font-weight:500;font-size:1.6rem}.news-arrow{font-family:monospace;color:#444;font-size:1.4rem;transition:.3s}.cyber-nav-grid{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;background:#333;border:2px solid #333}.cyber-nav-item{flex:1 1 200px;background:#000;text-decoration:none;color:#fff;padding:50px 20px;text-align:center;transition:.3s;position:relative;overflow:hidden}.cyber-nav-item:hover{background:var(--accent-orange);color:#000}.cyber-nav-item:hover .nav-ja{opacity:1;font-weight:bold}.nav-en{display:block;font-family:var(--font-en);font-weight:900;font-size:1.8rem;letter-spacing:.1em;margin-bottom:8px}.nav-ja{display:block;font-size:1.3rem;opacity:.7}.FontWhite{color:#fff !important}.FontBlack{color:#000 !important}.bgBlack{background-color:#000}@keyframes slideUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{to{opacity:1}}@keyframes drop{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
