:root{--color-blue:#3b82f6;--color-navy:#0f4c81;--color-cyan:#00bcd4;--color-dark:#1e293b;--color-darkest:#0f172a;--color-blue-dark:#124075;--color-blue-med:#2773c8;--color-blue-900:#1a4282;--font-sans:"Montserrat",sans-serif;--font-jp:"Noto Sans JP","Montserrat",sans-serif;--bp-mobile:768px}@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Noto+Sans+JP:wght@700;900&display=swap");*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}.about-page-container,.blog-container,.blog-detail-container,.company-container,.contact-container,.intloop-outer-container,.recruit-container,.service-detail-container,.service-list-container{width:100%;font-family:var(--font-sans);color:var(--color-navy)}.blog-detail-container{min-height:100vh;background-color:#ffffff}.intloop-outer-container{height:100vh;background-color:#fff;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.about-page-container,.blog-container{min-height:100vh;background-color:#ddfad3}.about-page-container:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:180%;height:180%;background-image:url(/minilogo.svg);background-position:center 65%;background-repeat:no-repeat;background-size:45%;opacity:.15;mix-blend-mode:multiply;pointer-events:none;z-index:11}.intloop-wrapper{position:relative;width:100%;height:100vh;overflow:hidden;background:radial-gradient(circle at center,#ffffff 10%,#f6f9fc 50%,#e0eaf3 100%)}.zoom-layer{transform-origin:center center;will-change:transform}.next-page-underlay,.zoom-layer{position:absolute;top:0;left:0;width:100%;height:100%}.next-page-underlay{display:block;background-color:#ffffff;z-index:0;font-family:"Inter",var(--font-jp);overflow-y:auto}.next-page-underlay::-webkit-scrollbar{width:8px}.next-page-underlay::-webkit-scrollbar-track{background:#ffffff}.next-page-underlay::-webkit-scrollbar-thumb{background:var(--color-cyan);border-radius:4px}.intloop-vignette{right:0;bottom:0;box-shadow:inset 0 0 150px rgba(45,122,203,.15);z-index:10}.intloop-vignette,.particles-container{position:absolute;top:0;left:0;pointer-events:none}.particles-container{width:100%;height:100%;z-index:1}.particle{position:absolute;border-radius:2px;animation:floatLinear 20s linear infinite alternate,spin 15s linear infinite}.pt-blue{background-color:var(--color-blue-med)}.pt-cyan{background-color:var(--color-cyan)}.pt-yellow{background-color:#e5f10f}.pt-navy{background-color:var(--color-blue-900)}@keyframes floatLinear{0%{transform:translate(0)}to{transform:translate(60px,-60px)}}@keyframes spin{to{transform:rotate(1turn)}}.hero-graphics{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;pointer-events:none;z-index:30}.hero-text-block{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.hero-main-text{font-family:var(--font-jp);font-size:clamp(1.4rem,2vw,2rem);font-weight:800;color:var(--color-blue-dark);letter-spacing:.08em;white-space:nowrap}.hero-sub-text{font-family:var(--font-sans);font-size:clamp(.7rem,.9vw,.9rem);font-weight:400;color:#5a7a9e;letter-spacing:.2em;white-space:nowrap}.city-hero-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;-webkit-clip-path:polygon(0 0,35% 0,100% 100%,0 100%);clip-path:polygon(0 0,35% 0,100% 100%,0 100%);opacity:0;animation:fadeInCity 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:3.2s}@keyframes fadeInCity{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.city-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;box-shadow:inset 0 0 0 2000px rgba(18,64,117,.5);animation:panCity 25s ease-in-out infinite;will-change:transform}@keyframes panCity{0%{transform:scale(1) translateX(0)}50%{transform:scale(1.15) translateX(-2%)}to{transform:scale(1) translateX(0)}}.city-text-container{position:absolute;bottom:10%;left:8%;transform:translateY(0);z-index:2;display:flex;align-items:stretch;gap:25px}.city-text-line{width:2px;background-color:#fff;opacity:.9;border-radius:2px}.city-text-content{display:flex;flex-direction:column;gap:15px;color:#fff;font-family:var(--font-jp);text-shadow:0 4px 15px rgba(0,0,0,.4)}.vision-main-text{font-size:clamp(1.6rem,2.8vw,3.2rem);font-weight:700;letter-spacing:.2em;line-height:1.3;white-space:nowrap}.vision-sub-text{font-size:clamp(.9rem,1.2vw,1.4rem);font-weight:300;letter-spacing:.15em;margin-bottom:5px;font-family:var(--font-sans);color:#a0aec0}.vision-body-text{font-size:clamp(.85rem,1vw,1rem);line-height:2;font-weight:300;letter-spacing:.03em;color:#f0f4f8}.orbits-container{position:absolute;width:900px;height:900px;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-scaler{position:absolute;top:0;left:0;width:100%;height:100%;animation:expandOut 1.5s cubic-bezier(.2,1,.3,1) backwards}@keyframes expandOut{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.orbit-svg{width:100%;height:100%;position:absolute;top:0;left:0}.arc{fill:none;stroke-linecap:butt}.rot-cw-slow{animation:rot-cw 40s linear infinite;transform-origin:center}.rot-cw-med{animation:rot-cw 25s linear infinite;transform-origin:center}.rot-cw-fast{animation:rot-cw 12s linear infinite;transform-origin:center}.rot-ccw-slow{animation:rot-ccw 35s linear infinite;transform-origin:center}.rot-ccw-med{animation:rot-ccw 20s linear infinite;transform-origin:center}.rot-ccw-fast{animation:rot-ccw 10s linear infinite;transform-origin:center}@keyframes rot-cw{to{transform:rotate(1turn)}}@keyframes rot-ccw{to{transform:rotate(-1turn)}}.center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px;animation:expandAndFadeIn 1.2s cubic-bezier(.175,.885,.32,1.1) backwards;animation-delay:1s}.center-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.15),rgba(255,255,255,.15) 2px,transparent 0,transparent 15px);z-index:-1;border:1px solid rgba(255,255,255,.1);mask-image:linear-gradient(to bottom right,black,transparent 80%);-webkit-mask-image:linear-gradient(to bottom right,black,transparent 80%)}@keyframes expandAndFadeIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.center-logo-img{max-width:320px;height:auto;margin-bottom:2rem;filter:drop-shadow(0 10px 15px rgba(0,0,0,.05))}.catchphrase{font-family:var(--font-jp);font-size:2rem;font-weight:900;color:var(--color-blue-dark);letter-spacing:.1em;white-space:nowrap}.intloop-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;z-index:2000;background:rgba(255,255,255,.1);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);border-bottom:1px solid rgba(255,255,255,0);transition:all .4s cubic-bezier(.2,1,.3,1);animation:slideDownFade 1s cubic-bezier(.2,1,.3,1) backwards;animation-delay:1.5s}.about-page-container .intloop-header,.blog-container .intloop-header,.blog-detail-container .intloop-header,.company-container .intloop-header,.contact-container .intloop-header,.edu-container .intloop-header,.haws-container .intloop-header,.intloop-header.no-anim,.mosar-container .intloop-header,.recruit-container .intloop-header,.service-detail-container .intloop-header,.service-list-container .intloop-header{animation:none!important;opacity:1!important;transform:translateY(0)!important}.intloop-header.scrolled{padding:1.5rem 3rem;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.03)}.intloop-header.scrolled .header-nav a{color:var(--color-dark)}.intloop-header.scrolled .header-contact{background-color:var(--color-navy)}@keyframes slideDownFade{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-logo-wrapper{display:flex;align-items:center}.header-logo{height:40px;width:auto}.header-nav{display:flex;align-items:center;gap:2.5rem}.header-nav a{text-decoration:none;font-size:.85rem;font-weight:700;color:var(--color-navy);letter-spacing:1.5px;position:relative;transition:color .3s}.header-nav a:hover{color:var(--color-cyan)}.header-nav a:not(.header-contact):after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background-color:var(--color-cyan);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.86,0,.07,1)}.header-nav a:not(.header-contact):hover:after{transform:scaleX(1);transform-origin:left}.header-contact{padding:.6rem 1.5rem;background-color:var(--color-navy);color:#fff!important;border-radius:50px;transition:transform .3s,background-color .3s,box-shadow .3s}.header-contact:hover{background-color:var(--color-cyan);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,188,212,.3)}.mobile-menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;z-index:110;padding:0}.hamburger-line{width:30px;height:2px;background-color:var(--color-navy);transition:all .3s cubic-bezier(.4,0,.2,1)}@media screen and (max-width:1200px) and (min-width:881px){.intloop-header{padding:1.5rem}.header-nav{gap:1.2rem}.header-nav a{font-size:.75rem;letter-spacing:1px}.header-contact{padding:.5rem 1rem}}@media screen and (max-width:880px){.intloop-header{padding:1rem 1.5rem!important;animation-delay:0s!important;position:fixed!important;top:0!important;z-index:2000!important;background:rgba(255,255,255,.95)}.intloop-header.scrolled{padding:1rem 1.5rem!important;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-menu-toggle{display:flex}.menu-open .hamburger-line:first-child{transform:translateY(8px) rotate(45deg)}.menu-open .hamburger-line:nth-child(2){opacity:0}.menu-open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.header-nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;gap:2.5rem;padding:2rem;transition:right .5s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px rgba(0,0,0,.05);z-index:105}.header-nav.active{right:0}.header-nav a{font-size:1.2rem;width:100%;text-align:left}}@media screen and (max-width:768px){.intloop-outer-container{height:auto!important;overflow-y:visible!important;transform:none!important;-webkit-transform:none!important}.intloop-mobile-stack{display:flex;flex-direction:column;width:100%}.next-page-underlay.mobile-relative{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;z-index:10!important;mask-image:none!important;-webkit-mask-image:none!important;pointer-events:auto!important;overflow:visible!important}.intloop-wrapper.mobile{height:100vh!important;overflow:hidden!important}.hero-graphics.mobile-fixed{position:absolute;top:50%;left:50%}.hero-graphics,.hero-graphics.mobile-fixed{transform:translate(-50%,-50%);width:100vw;height:100vw}.hero-graphics{top:50%!important;left:50%!important}.orbits-container{width:100vw;height:100vw}@keyframes moveToTopRight{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-20%,-100%) scale(.6)}}.center-logo-img{max-width:200px}.vision-main-text{font-size:1.8rem;white-space:normal;letter-spacing:.1em}.vision-body-text{font-size:.85rem;line-height:1.6}.vision-body-text br{display:none}.city-hero-wrapper{-webkit-clip-path:polygon(0 0,100% 50%,100% 100%,0 100%);clip-path:polygon(0 0,100% 50%,100% 100%,0 100%);background-color:#02060d}.mobile-hero-text{position:absolute;bottom:22%;left:0;right:0;text-align:center;z-index:40;pointer-events:none}.mobile-hero-text .hero-main-text{white-space:normal;font-size:clamp(1.1rem,4.5vw,1.5rem)}.mobile-hero-text .hero-sub-text{white-space:normal;font-size:.7rem;letter-spacing:.12em}}.footer{position:relative;background-color:#4163b7!important;color:#fff;padding:120px 0 60px;overflow:hidden;width:100%}.footer-inner{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 5%}.footer-top{display:flex;justify-content:space-between;gap:80px;margin-bottom:100px}.footer-brand{max-width:400px}.footer-logo{height:48px;width:auto;margin-bottom:30px;filter:brightness(100)}.footer-company-name{font-size:1.2rem;font-weight:800;margin-bottom:16px;letter-spacing:-.02em}.footer-address{font-size:.95rem;line-height:1.8;color:rgba(255,255,255,.5)}.footer-nav{display:flex;gap:100px}.footer-nav-title{font-size:.8rem;font-weight:800;letter-spacing:.3em;color:#3b82f6;margin-bottom:30px}.footer-nav-column ul{list-style:none;padding:0;margin:0}.footer-nav-column li.main-item{margin-bottom:12px}.footer-nav-column li.sub-item{margin-left:20px;margin-bottom:8px;position:relative}.footer-nav-column li.sub-item:before{content:"- ";position:absolute;left:-15px;color:rgba(255,255,255,.4)}.footer-nav-column a{color:#fff;text-decoration:none;font-size:1rem;font-weight:700;transition:all .3s ease;display:inline-block}.footer-nav-column li.sub-item a{color:rgba(255,255,255,.6);font-size:.85rem;font-weight:400}.footer-nav-column a:hover{color:#fff;transform:translateX(8px)}.footer-section{padding:60px 40px;background-color:#1e293b;position:relative;width:100%;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.08)}.footer-copyright{font-size:.85rem;color:rgba(255,255,255,.4)}.footer-social{display:flex;gap:16px;align-items:center}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);color:rgba(255,255,255,.6);transition:background .3s ease,color .3s ease,transform .3s ease}.footer-social-link:hover{background:rgba(255,255,255,.25);color:#fff;transform:translateY(-3px)}.footer-bottom-links{display:flex;gap:30px}.footer-bottom-links a{color:rgba(255,255,255,.4);text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#fff}.footer-bg-text{position:absolute;bottom:-40px;right:-20px;font-size:30vw;font-weight:900;line-height:1;color:rgba(255,255,255,.02);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}@media (max-width:1024px){.footer-top{flex-direction:column;gap:60px}.footer-nav{gap:60px;flex-wrap:wrap}}@media (max-width:640px){.footer{padding:80px 0 40px}.footer-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}}