:root{--n: #f2f5f7;--b: #2baae2;--c: #57d3ed;--p: #171a1d;--w: 1180px;--bg: #0d0f11;--surface: #171a1d;--surface2: #202428;--muted: #aab4bc;--line: #343a40 }*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;color:var(--n);background:var(--bg);font-family:Noto Sans JP,Yu Gothic,sans-serif;line-height:1.75;overflow-x:hidden}.wrap{width:min(var(--w),calc(100% - 40px));margin:auto}header{position:fixed;z-index:30;inset:0 0 auto;height:76px;background:#101215ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header{height:100%;display:flex;align-items:center;justify-content:flex-start}.logoarea{display:block;flex:0 1 auto;min-width:0;max-width:min(360px,32vw);line-height:0}.header-logo{display:block;width:auto;max-width:100%;height:56px;object-fit:contain}nav{display:flex;gap:4px;margin-left:auto}nav a{color:#dce3e8;font-size:12px;font-weight:800;text-decoration:none;padding:5px 12px;border-radius:20px}nav a:hover{background:#252a2f;color:var(--c)}.contact{background:var(--b);color:#fff;font-size:12px;font-weight:800;text-decoration:none;padding:5px 12px;border-radius:20px;white-space:nowrap;margin-left:8px}.contact:hover{background:#57d3ed;color:#fff}.menu-toggle{display:none;width:38px;height:32px;padding:5px 7px;border:1px solid #4c5860;border-radius:6px;background:transparent;cursor:pointer;flex-shrink:0}.menu-toggle span{display:block;height:2px;margin:4px 0;background:#fff;transition:transform .2s ease,opacity .2s ease}.hero{height:100vh;min-height:690px;padding-top:76px;position:relative;overflow:hidden;background:var(--bg)}.stack{position:absolute;width:min(1600px,100%);inset:76px 0 0;margin:auto;mask-image:linear-gradient(to right,transparent 0,#000 200px,#000 calc(100% - 200px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 200px,#000 calc(100% - 200px),transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%}.stack:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to right,var(--bg) 0%,transparent 200px,transparent calc(100% - 200px),var(--bg) 100%)}.band{position:absolute;left:0;width:100%;height:25%;overflow:hidden;clip-path:polygon(0 13%,100% 0,100% 87%,0 100%);filter:drop-shadow(0 18px 15px #002b4847)}.band img{position:absolute;top:0;left:0;width:2000px;max-width:none;height:100%;object-fit:cover;will-change:transform}.b1{top:0;clip-path:polygon(0 0,100% 0,100% 87%,0 100%)}.b2{top:19%}.b3{top:38%}.b4{top:57%}.b5{top:76%;clip-path:polygon(0 13%,100% 0,100% 100%,0 100%)}.b1 img{animation:panLeftToRight 80s ease-in-out infinite alternate}.b2 img{animation:panRightToLeft 95s ease-in-out infinite alternate}.b3 img{animation:panLeftToRight 100s ease-in-out infinite alternate}.b4 img{animation:panRightToLeft 82s ease-in-out infinite alternate}.b5 img{animation:panLeftToRight 96s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(13,15,17,.75),transparent 58%,rgba(13,15,17,.3))}.heroin{height:100%;position:relative;z-index:2}.vertical{position:absolute;left:20px;top:30px;writing-mode:vertical-rl;color:#fff;font-size:45px;font-weight:700;letter-spacing:.1em;text-shadow:0 4px 20px #0008}.tcy{text-combine-upright:all;-webkit-text-combine-upright:all}.product{position:absolute;right:0%;bottom:5%;width:min(52vw,680px);text-align:right}.product .klogo{width:60%;margin:20px auto;filter:drop-shadow(0 15px 14px #00182799)}.product .camera{width:80%;filter:drop-shadow(0 25px 24px #00182799)}section{padding:100px 0;background:var(--bg)}.alt{background:var(--surface)}.title{text-align:center;margin-bottom:48px}.title small{color:var(--b);font-weight:900;letter-spacing:.2em}.title h2{font-size:clamp(30px,4vw,50px);line-height:1.35;margin:6px 0}.title p{color:var(--muted);margin:0}.symbols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:center}.icon{width:150px;height:150px;border-radius:50%;margin:auto;display:grid;place-items:center;background-color:#fff!important;box-shadow:0 18px 45px #0008;border:1px solid #343a40;color:var(--b);font-size:36px;font-weight:900}.icon180{background:url(./topicon_180-BnZjshnB.png) no-repeat center/contain}.icon4k{background:url(./topicon_4k-DxoQZFLG.png) no-repeat center/contain}.iconai{background:url(./topicon_ai-DLkX5Luz.png) no-repeat center/contain}.symbol{padding:28px 20px;border-radius:24px;background:linear-gradient(180deg,#181b1f,#121416);border:1px solid #292e33}.symbol h3{font-size:30px}.symbol p{font-size:14px;color:#607989}.embed{position:relative;aspect-ratio:21/7;overflow:hidden;border-radius:24px;background:#032136;box-shadow:0 25px 55px #0033552c}.embed img{width:100%;height:100%;object-fit:cover;opacity:.7}.placeholder{position:absolute;inset:20px;border:1px dashed #fff;border-radius:15px;display:grid;place-items:center;text-align:center;color:#fff;background:#0017272e}.placeholder b{display:block;font-size:20px}.panorama-scroll{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-color:#666 #222}.panorama-stage{position:relative;width:100%;aspect-ratio:3638 / 460;background:#000;overflow:hidden;isolation:isolate}.pano-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;background:#000}.tile-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;padding:4px;opacity:0;transition:opacity .2s ease;pointer-events:none}.panorama-stage:hover .tile-grid,.panorama-stage:focus-within .tile-grid{opacity:1}.tile{position:relative;min-width:0;border:1px solid #ffffff40;border-radius:10px;background:#ffffff04;padding:0;color:#fff;pointer-events:auto;cursor:default}.tile.available{border-color:#ff5a5aa0;background:#ff2d2d29;cursor:pointer;animation:tilePulse 2.6s ease-in-out infinite}.tile.available:hover,.tile.available:focus-visible{background:#ff2d2d57;outline:2px solid #ff6363;outline-offset:-3px}.tile__no{position:absolute;left:50%;top:50%;translate:-50% -50%;font-weight:700;font-size:clamp(10px,1vw,15px);text-shadow:0 1px 4px #000}.tile__badge{position:absolute;right:6px;top:6px;padding:3px 6px;border-radius:999px;background:#000000ad;font-size:10px;font-weight:800}.panorama-hint{position:absolute;left:12px;bottom:10px;margin:0;padding:6px 10px;border-radius:999px;background:#0000009e;font-size:12px;pointer-events:none;z-index:3}.panorama-modal{position:fixed;inset:0;display:none;place-items:center;padding:18px;background:#000000e0;z-index:9999}.panorama-modal.open{display:grid}.panorama-modal__panel{position:relative;width:min(96vw,1100px);height:min(92vh,900px);background:#050505;border:1px solid #333;border-radius:18px;overflow:hidden;box-shadow:0 22px 70px #000000a6}.panorama-modal__viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background:#000}.panorama-modal__viewport.dragging{cursor:grabbing}.hq-video{position:absolute;left:50%;top:50%;transform-origin:center center;will-change:transform;max-width:none;max-height:none;background:#000}.panorama-modal__top{position:absolute;z-index:5;left:12px;right:12px;top:12px;display:flex;align-items:center;gap:8px;pointer-events:none}.panorama-modal__title,.panorama-modal__status{background:#000000b3;border-radius:999px;padding:7px 10px;font-size:12px;pointer-events:auto}.panorama-modal__status{margin-left:auto;color:#ddd}.panorama-close{pointer-events:auto;border:1px solid #666;border-radius:999px;width:40px;height:40px;background:#000000c7;color:#fff;font-size:24px;cursor:pointer}.panorama-controls{position:absolute;z-index:5;left:50%;bottom:14px;translate:-50% 0;display:flex;align-items:center;gap:10px;background:#000000b8;padding:8px 11px;border-radius:999px}.panorama-controls button{border:1px solid #666;background:#202020;color:#fff;border-radius:999px;padding:7px 12px;cursor:pointer}.panorama-controls span{font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap}.panorama-loader{position:absolute;z-index:4;inset:0;display:none;place-items:center;background:#00000057;font-weight:700}.panorama-loader.show{display:grid}body.panorama-modal-open{overflow:hidden}@keyframes tilePulse{50%{box-shadow:inset 0 0 20px #ff505029}}.ticks{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;margin-top:10px}.ticks i{height:7px;border-radius:9px;background:var(--c)}.flowbox{min-height:680px;position:relative}.flowhead{text-align:center}.flowhead h2{font-size:clamp(29px,4vw,48px);margin:0}.flowhead small,.demo>.wrap>small{color:var(--b);font-weight:900;letter-spacing:.2em}.orbit{position:relative;width:450px;height:450px;margin:80px auto 0;border:2px solid #2d829b;border-radius:50%;background:radial-gradient(circle,#1c2024 0 32%,#151f24 33% 56%,transparent 57%)}.orbit:before{content:"KANAME-Eye\a監視フロー";white-space:pre;position:absolute;inset:31%;border-radius:50%;background:linear-gradient(145deg,var(--n),var(--b));color:#fff;display:grid;place-items:center;text-align:center;font-weight:900;font-size:19px}.node{position:absolute;width:112px;height:112px;border:4px solid var(--c);background:#22272b;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 28px #034d7629}.n1{top:-56px;left:50%;transform:translate(-50%)}.n2{right:-56px;top:50%;transform:translateY(-50%)}.n3{bottom:-56px;left:50%;transform:translate(-50%)}.n4{left:-56px;top:50%;transform:translateY(-50%)}.copy{position:absolute;width:240px}.copy b{font-size:11px;color:var(--b);letter-spacing:.12em}.copy h3{font-size:20px;margin:2px 0}.copy p{font-size:13px;color:var(--muted);margin:0}.c1{top:75px;right:calc(50% + 260px);text-align:right}.c2{top:285px;left:calc(50% + 275px)}.c3{bottom:0;left:calc(50% + 245px)}.c4{top:285px;right:calc(50% + 275px);text-align:right}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.app{height:380px;border-radius:23px;overflow:hidden;position:relative;color:#fff}.app img{width:100%;height:100%;object-fit:cover}.app:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#031e33f2)}.apptext{position:absolute;z-index:2;bottom:23px;left:24px;right:24px}.apptext small{color:#68e1f2;font-weight:900;letter-spacing:.15em}.apptext h3{font-size:23px;margin:3px 0}.apptext p{font-size:13px;margin:0;color:#dcecf4}.fields{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px}.fieldimg{border:1px solid #30363b;border-radius:24px;overflow:hidden;background:#1a1e22}.fieldimg img{display:block;width:100%}.pills{display:flex;flex-wrap:wrap;gap:9px}.pills span{padding:8px 14px;border:1px solid var(--line);background:var(--surface2);border-radius:20px;font-size:13px;font-weight:700}.demo{text-align:center;color:#fff;background:linear-gradient(130deg,var(--n),var(--b));padding:80px 0}.demo h2{font-size:clamp(30px,4vw,49px);margin:0}.demo p{color:#d8eef9}.btn{display:inline-block;background:#fff;color:var(--b);padding:14px 25px;border-radius:30px;font-weight:900;text-decoration:none}footer{padding:28px 0;background:#090b0d;color:#a0bac8;font-size:12px}.foot{display:flex;justify-content:space-between}.fields .title{text-align:left;margin-bottom:28px}.foot b{color:#fff}@media(max-width:1200px){.header{position:relative}.logoarea{max-width:min(250px,48vw)}.header-logo{height:34px}nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;padding:8px 0;flex-direction:column;gap:2px;background:#101215f5;border-bottom:1px solid #30353a}nav.is-open{display:flex}nav a{border-radius:0;padding:8px 12px}.contact{margin-left:auto;margin-right:8px}.menu-toggle{display:block}.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{min-height:680px;max-height:100vh}.stack{max-width:100%;mask-image:none;-webkit-mask-image:none}.stack:after{display:none}.band{height:23%}.vertical{font-size:40px;left:5px}.klogo{min-width:300px}.product{width:calc(100% - 50px);right:5%;bottom:11%;max-width:600px}.symbols,.apps,.fields{grid-template-columns:1fr}.embed{aspect-ratio:16/9}.panorama-stage{width:2800px;max-width:none}.tile-grid{opacity:.24;gap:2px;padding:2px}.panorama-stage:hover .tile-grid,.panorama-stage:focus-within .tile-grid{opacity:.4}.tile{border-color:#ffffff29;border-radius:5px}.tile.available{background:#ff2d2d1f;animation:none}.tile__no{font-size:12px}.tile__badge{font-size:9px}.panorama-hint{position:sticky;left:10px;width:max-content}.panorama-modal{padding:0}.panorama-modal__panel{width:100vw;height:100dvh;border:0;border-radius:0}.ticks{grid-template-columns:repeat(7,1fr)}.flowbox{min-height:540px}.orbit{width:280px;height:280px;margin-top:130px}.node{width:86px;height:86px;font-size:13px}.n1{top:-43px}.n2{right:-43px}.n3{bottom:-43px}.n4{left:-43px}.copy{width:140px}.copy p{display:none}.copy h3{font-size:15px}.c1{top:100px;right:calc(50% + 105px)}.c2{top:230px;left:calc(50% + 118px)}.c3{bottom:15px;left:calc(50% + 100px)}.c4{top:230px;right:calc(50% + 118px)}section{padding:74px 0}.app{height:300px}.foot{display:block}}@keyframes panLeftToRight{0%{transform:translate(0)}to{transform:translate(-400px)}}@keyframes panRightToLeft{0%{transform:translate(-400px)}to{transform:translate(0)}}