@charset "utf-8";
@import url(/css/basic.css);
@import url(shared.css);.p-products h1::before{content:"Product";}
.p-products.p-camera #header::before{background-image:url("/images/design/title_camera.jpg");}
.p-products.p-camera h1::before{content:"OptiTrack Camera";}
.p-products.p-software #header::before{background-image:url("/images/design/title_software.jpg");}
.p-products.p-software h1::before{content:"Software";}
.p-products.p-accessories #header::before{background-image:url("/images/design/title_accessory.jpg");}
.p-products.p-accessories h1::before{content:"Accessories";}
.p-products.p-finger #header::before{background-image:url("/images/design/title_finger.jpg");}
.p-products.p-finger h1::before{content:"Finger tracking device";}
.p-price #header::before{background-image:url("/images/design/title_price.jpg");}
.p-price h1::before{content:"Price";}
.p-price.p-price01 #header::before{background-image:url("/images/design/title_primex41.jpg");}
.p-price.p-price01 h1::before{content:"OptiTrack Camera";}
.p-price.p-price02 #header::before{background-image:url("/images/design/title_software.jpg");}
.p-price.p-price02 h1::before{content:"Software";}
.p-price.p-price03 #header::before{background-image:url("/images/design/title_accessory.jpg");}
.p-price.p-price03 h1::before{content:"Accessories";}
.p-price.p-price04 #header::before{background-image:url("/images/design/title_finger.jpg");}
.p-price.p-price04 h1::before{content:"Finger tracking device";}
.p-applications #header::before{background-image:url("/images/design/title_application.jpg");}
.p-applications h1::before{content:"Applications";}
.p-applications.p-app01 #header::before{background-image:url("/images/design/title_app01.jpg");}
.p-applications.p-app01 h1::before{content:"Object tracking";}
.p-applications.p-app02 #header::before{background-image:url("/images/design/title_app02.jpg");}
.p-applications.p-app02 h1::before{content:"Motion tracking";}
.p-applications.p-app03 #header::before{background-image:url("/images/design/title_app03.jpg");}
.p-applications.p-app03 h1::before{content:"Robot control sensor";}
.p-applications.p-app04 #header::before{background-image:url("/images/design/title_app04.jpg");}
.p-applications.p-app04 h1::before{content:"VR / AR sensor";}
.p-support #header::before{background-image:url("/images/design/title_support.jpg");}
.p-support h1::before{content:"Support";}
.p-support.p-support01 #header::before{background-image:url("/images/design/title_price.jpg");}
.p-support.p-support01 h1::before{content:"Software Download";}
.p-support.p-support01.p-support01-02 #header::before{background-image:url("/images/design/title_price.jpg");}
.p-support.p-support01.p-support01-02 h1::before{content:"Software Download";}
.p-support.p-support01.p-support01-03 #header::before{background-image:url("/images/design/title_price.jpg");}
.p-support.p-support02 #header::before{background-image:url("/images/design/title_price.jpg");}
.p-support.p-support02 h1::before{content:"Hardware Download";}
.p-support.p-support02-02 #header::before{background-image:url("/images/design/title_price.jpg");}
.p-support.p-support02-02 h1::before{content:"Hardware Download";}
.p-support.p-support03 #header::before{background-image:url("/images/design/title_price.jpg");}
.p-support.p-support03 h1::before{content:"Movie Manual";}
.p-contact #header::before{background-image:url("/images/design/title_price.jpg");}
.p-contact h1::before{content:"Contact";}
#e-finger03 h1::before{content:"OptiTrack";}
#e-finger02 h1::before{content:"StretchSense";}
#e-finger01 h1::before{content:"MANUS";}
#e-versax120 h1::before{content:"VersaX 120";}
#e-versax120 #header::before{background-image:url("/optitrack/images/design/versa120bannerimg.png");}
#e-versax41 h1::before{content:"VersaX 41";}
#e-versax41 #header::before{background-image:url("/optitrack/images/design/versa41bannerimg.png");}
#e-versax22 h1::before{content:"VersaX 22";}
#e-versax22 #header::before{background-image:url("/optitrack/images/design/versa22bannerimg.png");}
#e-primex120 h1::before{content:"PrimeX 120";}
#e-primex120 #header::before{background-image:url("/images/design/title_primex120.png");}
#e-primex120w h1::before{content:"PrimeX 120W";}
#e-primex120w #header::before{background-image:url("/images/design/title_primex120w.jpg");}
#e-primex41 h1::before{content:"PrimeX 41";}
#e-primex41 #header::before{background-image:url("/images/design/title_primex41.jpg");}
#e-primex41w h1::before{content:"PrimeX 41W";}
#e-primex41w #header::before{background-image:url("/images/design/title_primex41w.jpg");}
#e-primex22 h1::before{content:"PrimeX 22";}
#e-primex22 #header::before{background-image:url("/images/design/title_primex22.jpg");}
#e-primex13 h1::before{content:"PrimeX 13";}
#e-primex13 #header::before{background-image:url("/images/design/title_primex13.jpg");}
#e-primex13w h1::before{content:"PrimeX 13W";}
#e-primex13w #header::before{background-image:url("/images/design/title_primex13w.jpg");}
#e-primecolor h1::before{content:"Prime Color";}
#e-primecolor #header::before{background-image:url("/images/design/title_primecolor.jpg");}
#e-flex13 h1::before{content:"Flex 13";}
#e-flex13 #header::before{background-image:url("/images/design/title_flex13.jpg");}
#e-flex3 h1::before{content:"Flex 3";}
#e-flex3 #header::before{background-image:url("/images/design/title_flex3.jpg");}
#e-slimx120 h1::before{content:"SlimX 120";}
#e-slimx120 #header::before{background-image:url("/images/design/title_slimx120.jpg");}
#e-slimx41 h1::before{content:"SlimX 41";}
#e-slimx41 #header::before{background-image:url("/images/design/title_slimx41.jpg");}
#e-slimx13 h1::before{content:"SlimX 13";}
#e-slimx13 #header::before{background-image:url("/images/design/title_slimx13.jpg");}
#e-slim3u h1::before{content:"Slim 3U";}
#e-slim3u #header::before{background-image:url("/images/design/title_slim3u.jpg");}
#e-trio h1::before{content:"Trio 3";}
#e-trio #header::before{background-image:url("/images/design/title_v120trio.jpg");}
#e-duo h1::before{content:"Duo 3";}
#e-duo #header::before{background-image:url("/images/design/title_v120duo.jpg");}
#e-software02 h1::before{content:"Motive: Tracker";}
#e-software03 h1::before{content:"Motive: Body";}
#e-software04 h1::before{content:"Motive: Plus";}
#e-active h1::before{content:"Accessories";}
#e-active #header::before{background-image:url("/images/design/title_accessory02.jpg");}
#e-marker h1::before{content:"Accessories";}
#e-marker #header::before{background-image:url("/images/design/title_accessory03.jpg");}
#e-calibrator h1::before{content:"Accessories";}
#e-calibrator #header::before{background-image:url("/images/design/title_accessory04.jpg");}
#e-hubs h1::before{content:"Accessories";}
#e-hubs #header::before{background-image:url("/images/design/title_accessory05.jpg");}
#e-mounts h1::before{content:"Accessories";}
#e-mounts #header::before{background-image:url("/images/design/title_accessory06.jpg");}
#e-mocapsuits h1::before{content:"Accessories";}
#e-mocapsuits #header::before{background-image:url("/images/design/title_accessory07.jpg");}
#e-price01-01 h1::before{content:"Price";}
#e-support03-01 h1::before{content:"Movie Manual";}

body{font-weight:normal;letter-spacing:.04em;}a .dib{text-decoration:none;}
a{color:#1e64e6;}
#show::after,#show>h3>span::after{background-color:rgba(2,2,2,.55);}
.wrap,#main,[id|="topicpath"] ol,.content,#main>nav,#fmenu,#fnav{max-width:1200px;}
.wide .wrap{margin:60px auto;padding:0 10px;}.wide .wrap.mt0{margin-top:0;}.wide .wrap.mb0{margin-bottom:0;}
.wide .haikei .wrap,.wide .bg-grad .wrap{padding:40px 20px;}
.wide .wrap.catch,.catch{line-height:2;margin:1em auto 4em;}
.wide>h3+.content>.wrap:first-child {margin-top: 0;}
#show h3{text-align:left;}
#main{line-height:2;}
#topnews .newlist{font-weight:bold;}
h3,.h3{text-align:center;line-height:1.6;letter-spacing:.1em;}h3[lang="en"]{letter-spacing:.04em;}
h4,.h4{background:none;color:#000;font-size:1.5em;font-weight:bold;padding:.5em 0;}
[class*="h"].mb0{margin-bottom:0;}[class*="h"].pb10{padding-bottom:10px;}
[class*="h"].bar{position:relative;padding-left:1.8em;}
[class*="h"].bar:before{content:"";position:absolute;left:0;top:1em;height:3px;width:1em;background:#ff2626;}
h5,.h5{border-bottom:1px solid #000;line-height:1.6;letter-spacing:.1em;padding-bottom:1.5em;}
h5::after, .h5::after{border-bottom:1px solid #ff2626;bottom:-1px;}
h6::before, .h6::before{background:#ff2626;border:none;width:8px;height:8px;top:1.2em;}
.a-btn-w:hover,.a-btn-b:hover{background:#ff2626;border-color:#ff2626;}
[class^="icon-"]::before{color:inherit;}.icon-pdf::before, .pdf::before{color:#df0a07;}
.haikei{background:#ededed;}
#mv.fade, .fade #view li, #show.pin, #vv{max-height:none;height:85vh;height:100svh;}
#accessory>dl{padding-top:300px;}
.scroll{overflow:auto;white-space:nowrap;}.scroll-camera{overflow:auto;max-height:700px;}
.table01{position:absolute;left:120%;top:0;font-size:.875em;width:1300px;text-decoration:none;text-align:center;letter-spacing:0;vertical-align:middle;border-collapse:separate;}
.table01 th{position:sticky;top:0;z-index:2;}
.table01 td:first-child, .table01 th+td,.table01 tr:first-child th:nth-child(2){position: sticky;left:80px;}
.table01 th,.table01 td{padding:5px;vertical-align:middle;text-align:center;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.table01 tr:first-child th,.table01 tr:first-child td,.table01 tr:nth-child(2) th+td{border-top:1px solid #ddd;}
.table01 th:first-child{width:80px;position:sticky;left:0;z-index:1;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.table01 tr:first-child th:first-child,.table01 tr:first-child th:nth-child(2){z-index:3;background:#fff;border:none;}
.table01 tr:first-child th:nth-child(3){border-left:1px solid #ddd;}
.table01 a{display:block;text-decoration:none;color:#000;line-height:1.5;}
.table01 img{margin:0;}
.table01 .name{display:block;color:#000;}
.table01 .sub {display:block;border-bottom:1px solid #ddd;padding-bottom:2px;margin-bottom:5px;}
.table01 .border_b_white{border-bottom:1px solid #fff;}
.table02,.table02[class*="s_clear"]{border-top:1px solid;}
.table02 tr,.table02[class*="s_clear"] tr{border-bottom:1px solid;}
.table02 th,.table02 td,.table02[class*="s_clear"] th,.table02[class*="s_clear"] td,.table02 tr:first-child td:first-child{border:none;}
.table02[class*="s_clear"] td+td{margin-top:0;}
.table03 th,.table03 td{border:none;padding:0.2rem;}
.table03 tr:first-child th{background:#fff;border-top:1px solid #000;border-bottom:1px solid #000;}
.table03 tr:nth-child(2){border-top:1px solid #000;}
.table03 tr+tr{border-top:2px solid #fff;}
.table03 td{background:#f4f4f4;}
.table04{margin:auto;width:auto}.table04 td{text-align:right;}
.table04 th{text-align:center;}
.table04 td,.table04 th{border:none;background:no-repeat;padding:0;}
.scroll.table-pastDL{white-space: nowrap;max-height:none;}
.table-pastDL table{min-width:800px;}
.table-pastDL table [class*="a-btn"]{font-size:.88rem;padding:.5em 1em;max-width:7em;}
.table-pastDL table span[class*="a-btn"]{border-color:#cecece;line-height:1.25;}
.table-pastDL table span[class*="a-btn"]:hover{}
div.item{margin-bottom:40px;}
div.item>img{margin:0 auto 20px;display:block;}
.item-txt ul{margin-bottom:0;}
.item-txt ul>li{background: #fafafa;border-radius:10px;border:1px solid #dedede;margin-left:3%;width:31.3333333333%;margin-bottom:5px;}
.item-txt ul>li:first-child{margin-left:0;}
.item-txt dl{margin:0;padding:1em 0 2em;line-height:1.5;font-size: 2.5vw;}
.item-txt dt{color:#5b5b5b;margin-bottom: 20px;}
.item-txt dd {font-size:1.8em;font-weight:500;line-height:1;min-height:2em;display:flex;flex-direction:column;justify-content:space-around;}
.item-detail li:nth-child(2) {text-align:left;}
[class*="item-detail"] li dl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
[class*="item-detail"] li dt{width:27%;display:block;}
[class*="item-detail"] li dd{width:70%;display:block;}
.item-detail li dl{align-items:flex-start;margin-bottom:0;}
.item-detail li dt{background:#fafafa;border:1px solid #dedede;text-align:center;margin-bottom:5px;align-items:flex-start;line-height:1;padding:8px 5px;}
.item-detail2 li dl{margin-bottom:0;padding:1.5em 0;}
.item-detail2 li dl:first-child{border-top:1px solid #000;}.item-detail2 li+li dl:first-child{border-top:none;}
.item-detail2 li dl{border-bottom:1px solid #000;}
.item-detail2 li dt{font-weight:500;}
.item-detail2 li dd{font-size:.875em;}
.item-detail3{justify-content:space-between;flex-direction:column-reverse;}
.item-detail3>li{text-align:left;}.item-detail3>li+li{text-align:center;margin-bottom:50px;}
[class^="title2"]{font-weight:500;letter-spacing:.1em;font-size:3.8vw;margin-bottom:3em;}
[class^="title2"]>span{display:block;font-size:2.5em;color:#a6a6a6;position:relative;line-height:1.4;}
[class^="title2"]>span::after{content:"";width:100%;position:absolute;right:0;height:1px;background:#000;top:50%;z-index:1;}
[class^="title2"]>span>span{background:#ededed;z-index:3;position:relative;padding-right:1em;letter-spacing:.15em;}
.title2-w>span>span{background:#fff;}
.linebox2{border:none;box-shadow: none;background: #f0f9f4;}
.linebox3{border:1px solid #000; none;background: none;}
.linebox4{border:none;box-shadow: none;background: #ededed;}
/* 白影あり太文字になる */
.linebox5b{background:#fff;border:none;box-shadow:rgb(0 0 0 / 4%) 0px 2px 10px;transition: all 0.3s ease-in-out 0s;border-radius: 8px;font-weight:700;}
.linebox5b a:hover {box-shadow: rgb(0 0 0 / 9%) 0 3px 20px;transform: translate3d(0, -1px, 0);}
.linebox5b a{text-decoration:none;color:#333;}
/* 白影あり */
.linebox5{background:#fff;border:none;box-shadow:rgb(0 0 0 / 4%) 0px 2px 10px;transition: all 0.3s ease-in-out 0s;border-radius: 8px;}
.linebox5 a:hover {box-shadow: rgb(0 0 0 / 9%) 0 3px 20px;transform: translate3d(0, -1px, 0);}
.linebox5 a{text-decoration:none;color:#333;}
.list-link{line-height:1.5;align-items:flex-end;}
[class*="typebox"].list-link>li>a:only-child{justify-content:flex-start;}
.list-link li{position:relative;}
.list-link li::after{content:"▼";position:absolute;display:block;top:30%;right:0;transform:translate(-50%,-50%);font-size:.8em;transition: all .3s;}
.list-link a{border-bottom:solid 1px #000;text-align:left;width:100%;text-decoration:none;color: black;padding:0 1.5em 1.2em 0;}
.list-link a:hover,.list-link li:hover::after{color:#14b45a;}
.list-link li::before{content:"";position:absolute;bottom:0;left: 0;height:1px;width:0;background: #14b45a;transition:all 0.3s ease-in-out;}
.list-link li:hover::before{width:100%;}
.list-btn2 li{padding:0;background:#fff;border-radius:5px;transition:.2s;margin-bottom:10px;}
.list-btn2 li>a:only-child{flex-wrap:nowrap;flex-direction:column;justify-content:flex-start;}
.list-btn2.typebox3 li>a:only-child{flex-direction:revert;}
.list-btn2 li a,.list-acc li a{padding:1em 1em 1.5em;text-decoration:none;color:#000;font-size:1.12em;}
.list-btn2 li:hover,.list-price>li a:hover{box-shadow:0 3px 10px rgba(0,0,0,.1);transform:translate3d(0, -1px, 0);}
.list-btn2 li a dl{margin:10px 10px 0;}
.list-btn2 li a dt,.list-acc dt{margin-bottom:1em;font-weight:bold;}
.list-btn2 li a dd,.list-acc dd{font-weight:normal;text-align:left;font-size:.785em;}
.list-btn2.typebox3 li>a img,.list-acc img{width:30%;object-fit:contain;font-family:'object-fit:fit:contain;'; }
.list-btn2[class*="typebox2-4"]>li:nth-child(4n+1){margin-left:0;}
.list-btn3 a{background:#f3f3f3;background:#000;text-decoration:none;color:#fff;padding:1.5em;font-weight:bold;}
.list-btn3 a:hover{background:#14b45a;color:#fff;}
.list-btn3 a.on{background:#f3f3f3;color:#ccc;}
.list-line li{border:1px solid #dedede;padding:1em;background-color:#fff;}
.list-acc li{border:1px solid #dedede;border-radius:5px;background:#f9f9f9;overflow:hidden;position:relative;text-align:center;margin-bottom:10px;}
.list-acc li::after{content:"";position:absolute;left:0;top:0;width:320%;height:200%;background:linear-gradient(-30deg,rgba(255,255,255,0) 70%,#fff);background-size:100% 50%;transform:rotate(30deg);transform-origin:left top;z-index:1;}
.list-acc li.pickup::before{content: "PICK UP";display: block;position: absolute;z-index: 3;background: #ff2626;color: #fff;line-height: 1;padding: 3px 1.5em;border-radius: 3em;font-size:.785em;left:2%;top:5%;}
[class*="typebox"].list-acc>li>a{color:#000;text-decoration:none;flex-wrap:nowrap;line-height:1.7;}
.list-acc img{position:relative;z-index:2;max-width:225px;}
.list-acc dl{z-index:2;padding:10px;text-align:left;margin:0;}
[class*="list-"].arrow{font-size:.9em;line-height:1.7;}
[class*="list-"].arrow a{position:relative;padding-bottom:2em;}
[class*="list-"].arrow li a:before{content:"";border-style:solid;border-width:10px 6px 0 6px;border-color:#000 transparent transparent transparent;left:50%;bottom:10px;position:absolute;transform:translateX(-50%);}
[class*="typebox"].list-price>li,[class*="typebox"].list-dl>li{background:#fff;border:1px solid #dedede;position:relative;border-radius:5px;width:49.5%;margin-left:1%;margin-bottom:5px;}
[class*="typebox2-2"].list-price>li:nth-child(2n+1),[class*="typebox2-2"].list-dl>li:nth-child(2n+1){margin-left:0;}
.list-price li a{text-decoration:none;padding-bottom:3.5em;color:#000;line-height:1.7;transition:.2s;}
.list-price li a::after{content:"製品詳細";background:#000;position:absolute;bottom:0;left:0;width:100%;color:#fff;padding:.5em 0;border-radius:0 0 5px 5px;line-height:2;transition:.2s;}
.list-price li a:hover::after{background:#ff2626;}
.list-price li a::before{content:"";width:0;height:0;border-style:solid;border-width:3px 0 3px 6px;border-color:transparent transparent transparent #fff;position:absolute;bottom:1.25em;z-index:1;right:1em;}
.list-price img{height:162px;object-fit:contain;padding:10px;}
.list-price .title{display:block;width:100%;margin-bottom:0;line-height:1.7;}
.list-price [class*="price"]{font-size:.875em;margin:1em auto;display:inline-block;line-height:1.5;}
.list-price [class*="price"] span{font-size:5vw;font-weight:bold;display:block;}
.list-price [class*="price"] span::after{content:"円";font-size:.875rem;font-weight:normal;}
.list-price [class*="price"] span.fs-1rem{font-size:1rem;}
.list-price [class*="price"] span.fs-1rem::after{content:none;}
.list-price .price-o span{font-size:4.8vw;}
.list-price .price-o span::after{content:none;}
.list-price .table04[class*="price"] span{margin:0;}
.list-price .price.table04 tr>td:first-child{padding-right:1.5em;position:relative;}
.list-price .price.table04 tr>td:first-child::after{content:"：";position:absolute;transform:translate(-50%,-50%);right:-.25em;top:50%;}
.list-price dl{text-align:left;font-size:.875em;padding:0 15px .5em;width:100%;}
.list-price dt{font-weight:bold;}
.list-price dd+dt{margin-top:1.5em;}
.list-voice li{background:#f0f9f4;}.list-voice li+li{margin-top:30px;}
.list-voice li dt{background:#fff;padding:0 1.2em 1.2em;font-size:4vw;display:block;letter-spacing: .05em;position:relative;text-align:center;font-weight:bold;line-height:1.7;}
.list-voice li dt::before,.list-voice li dt::after{content: "";display: inline-block;background: url("images/design/voice-before.svg") 0 0 no-repeat;width:1em;height:1em;position:absolute;top:0;left:0;background-size:contain;}
.list-voice li dt::after{background: url("images/design/voice-after.svg") right bottom no-repeat;right:0;bottom:30px;left:auto;top:auto;background-size:contain;}
.list-voice li dd{padding:2em 2em 0;font-size:.875em;}
.list-case.a_card .photo{max-height:200px;}
.list-case.a_card dl{padding:.5em 1.7em .7em;text-align:left;}
.list-case.a_card dt{font-size:1.125em;}
.list-support{border:5px solid #000;padding:0 20px;text-align:center;}
.list-support li{width:100%;margin:0;padding:20px 0;}
.list-support img{width:10vw;height:10vw;max-width:60px;max-height:60px;margin-bottom:1.5em;}
.list-support li+li{border-top:1px solid #b2b2b2;}
.list-dl img{margin:0 auto;max-width:80%;}
.list-dl>li>span{font-weight:bold;display:block;}
.list-dl ul{font-size:.875em;width:100%;}
.list-dl ul li,span.a-btn,span.a-btn:hover{margin-bottom:0;background:#f2f2f2;color:#cecece;line-height:2.5;display:flex;flex-direction:column;}
.list-dl li>a{background:#e9e9e9;color:#000;display:block;text-decoration:none;}
.list-dl li>a:hover{background:#ff2626;color:#fff;}
.list-movie li{border-bottom:1px solid;padding:0 0 .75em 0;font-weight:bold;margin-bottom:2em;}
.list-movie span{margin-bottom:.75em;}
.app-top li{color:#fff;margin:0;padding: 300px 20px 70px;position:relative;}
.app-top li.app-objection{background:url(images/application01-1.png) right top no-repeat,linear-gradient(to right,#000,#545253);background-size:contain;}
.app-top li.app-motion{background:url(images/application01-2.png) left top no-repeat,linear-gradient(to right,#545253,#000);background-size:contain;}
.app-top li.app-robot{background:url(images/application01-3.png) right top no-repeat,linear-gradient(to right,#000,#545253);background-size:contain;}
.app-top li.app-xr{background:url(images/application01-4.png) left top no-repeat,linear-gradient(to right,#545253,#000);background-size:contain;}
.app-top li div{max-width:600px;margin:0 0 0 auto;padding:0 20px;z-index:2;position:relative;}
.app-top li>div>p span[lang="en"]{font-size:8vw;display:block;line-height:1.2;}
.app-top li dl{margin-bottom:3em;}
.app-top li dt{font-size:5vw;font-weight:bold;margin-bottom:.25em;}
.app-top li dd{font-size:.875em;color:#bcbcbc;line-height:1.7;}
.app-top li::before{content:"";background:linear-gradient(to right,#000,#545253);width:100%;position:absolute;height:60%;z-index:1;left:0;bottom:0;}
.app-top li:nth-child(even)::before{background:linear-gradient(to right,#545253,#000);}
.box3{display:flex;justify-content:space-between;}
.box3 li{position:relative;width:100%;margin:0 auto 60px;}
.box3 dt{font-size:1.1em;font-weight:bold;padding:20px;}
.box3 .a-btn-b{width:90%;padding:15px;}
[class*="a-btn"].space-s{padding:15px;}
.boxwrap{padding-top:30px;clear:both;}
.boxwrap.mb0{margin-bottom:0;}.boxwrap [class*="box-"].pa0{padding:0;}
.boxwrap.reverse{flex-direction:row-reverse;}
.box-img{margin:0 auto;text-align:center;width:80%;}
.box-img img{width:100%;margin-left:0;margin-right:0;height:100%;object-fit:contain;font-family:'object-fit:fit:contain;'; }
.box-img img[class*="max-"]{margin-left:auto;margin-right:auto;}
.box-txt{padding:30px 5%;line-height:2;}
.box-txt.pt0{padding-top:0;}
.box-txt .h3{margin-bottom:0;}
.kit li{padding:1.5em 1.5em 2em;margin-bottom:10px;}
.kit li a{color:#fff;text-decoration:none;}
.kit dl{margin-bottom:0;}
.kit dt{font-size:4vw;}
.kit dd{font-weight:normal;font-size:.88em;margin-top:1em;padding-top:1em;position:relative;}
.kit dd::before,[class*="kit-"] .title::after{content:"";width:18%;height:1px;background:#fff;display:block;top: 0;position: absolute;left: 0;}
[class*="kit-sdk"]{background:url("images/bg_sdk.jpg");}
[class*="kit-plugin"]{background:url("images/bg_plugin.jpg");}
[class*="kit-"]{color:#fff;}
[class*="kit-"] .title{position:relative;padding:0 0 1em;}
[class*="kit-"] .title::after{bottom:0;top:auto;}
.kit-sdk2 dl,.kit-plugin2 dl{padding:2em 1.5em 1em;}
.kit-sdk2 dt,.kit-plugin2 dt{font-weight:bold;font-size:1.5em;}
.kit-sdk2 .a-btn,.kit-plugin2 .a-btn{font-size:3.5vw;}
.lineup{padding:50px 0;}
.lineup+.lineup{border-top:1px solid #dedede;}
.lineup ul{padding-top:5px;margin-bottom:0;overflow:visible;}
.lineup-txt h3{padding-top:0;text-align:left;}
.lineup-txt p{font-size:.88em;}
.lineup .list-btn2 li{box-shadow:0 3px 10px rgb(0 0 0 / 10%);}
.lineup .list-btn2 li:hover{box-shadow:0 0 1px rgb(0 0 0 / 20%);}
.lineup .list-btn2 li a{padding:0 .5em .5em;}
.system-layout{margin-bottom:80px;}
.system-left .item-txt>img{margin:10px auto;display:block;max-width:70%;}
.system-right{background:#fafafa;padding:1em 2em;font-size:.875em;}
.table-support table td{padding:20px;}
.table-support table td p{margin-bottom:20px;}
.table-support table td [class*="a-btn"]{font-size:1rem;}
.table-support table [class*="typebox2"]{display:flex;justify-content:space-between;}
.table-support table [class*="typebox2"] li{width:49.5%;margin:0 0 5px 0;}
.bg-b{background:#000;color:#fff;border:none;}
.bg-g{background:#e9e9e9;border:none;}
.bg-w{background:#fff;border:none;}
.bg-lg{background:#f4f4f4;}
.bg-grad{background:linear-gradient(135deg,#040404,#545253);color:#fff;}
.fs-1rem{font-size:1rem;}
.fs-ss{font-size:.65em;}
.fw-n{font-weight:normal;}
.max-800{max-width:800px;}
.ai-t,.boxwrap.ai-t{align-items:flex-start;}
.jc-sa{justify-content:space-around;}
.b-r{border-right:1px solid;}
.b-b,.b-b-r{border-bottom:1px solid;}
.b-l{border-left:1px solid;}
.lh15{line-height:1.5;}
.tag-case{background:#e8f0ff;padding:5px;color:#28467d;width:100%;}
.tag-case::before{content:attr(title);color:#fff;background:#1e64e6;padding:2px 10px;margin-right:5px;font-size:.8em;}
[class*="tag-key"]{padding:5px 10px;font-size:.8em;color:#ff2626;letter-spacing:0;line-height:1;display:inline-block;border:1px solid;margin:0 0 20px;}
.tag-key2{color:#000;margin:0 10px 0 0;min-width:5em;text-align:center;font-size:.75em;background:#ededed;border:none;}

dl.box>dt{background:none;color:#000;border-bottom:1px solid;padding:.75em 1.2em 1.5em;}
dl.box>dd{padding:0 10px;}
.zoom a .photo::after{content:none;}
[class*="typebox"][class*="list-btn"]>li>a:only-child{align-content:center;}
/* modal */
body.fixed{position:fixed;}body.fixed #mbtn{position:relative;}
body.fixed .member-intro{pointer-events:none;transition:all .2s ease-out;-webkit-filter: blur(8px);-moz-filter:blur(8px);-ms-filter:blur(8px);filter: blur(8px);}
.modal{display:none;position:fixed;height:100vh;position:fixed;top:0;left:0;width:100%;z-index:100;}
.modal:target{display:flex;}
.modal::before{content:"";box-sizing:border-box;width:100%;background-color:rgba(51,51,51,.95);position:fixed;left:0;top:50%;will-change:height,top;animation:open-animation 0.6s cubic-bezier(0.83,0.04,0,1.16) 0.65s both;}
.modal::after{content:"";width:0;height:2px;background-color:#f0f0f0;will-change:width,opacity;animation:line-animation 0.6s cubic-bezier(0.83,0.04,0,1.16) both;position:absolute;top:50%;left:0;margin-top:-1px;}
@keyframes line-animation{0%{width:0;opacity:1;}99%{width:100%;opacity:1;}100%{width:100%;opacity:0;}}
@keyframes open-animation{0%{height:0;top:50%;}100%{height:100vh;top:0;}}
.modal__bg{background:rgba(0,0,0,0.8);height:100vh;position:absolute;width:100%;}
.modal__content{height:calc(100vh - 40px);padding:5%;box-sizing:border-box;position:relative;margin:auto;overflow:auto;animation:fade 0.5s ease-out 1.3s both;color:#fff;}
.modal__content ul.linebox4{color:black;}
.modal__content h5{color:#fff;border-bottom:1px solid #fff;}
.modal__content th,.modal__content td{background:none;color:#fff;border:none;border-bottom:1px solid #ddd;}
.modal__content tr:first-child th{border-top:1px solid #ddd;}
.modal__content th{border-bottom:1px solid #545454}
@keyframes fade{0%{opacity:0;}100%{opacity:1;}}
.js-modal-close{width:2rem;height:2rem;text-indent:120%;overflow:hidden;white-space:nowrap;overflow-wrap:normal;word-wrap:normal;;position:fixed;top:20px;right:20px;background:url("images/design/close.svg") center center no-repeat;background-size:contain;}
@media(min-width:30em){
#accessory::before{background-position:right 10% center;background-size:50%,contain;}
#accessory>dl{padding: 8.21428571428571vw 4%;}
#topnews .newlist{font-size:1.4em;}
.kit dt{font-size:1.2em;}
.table01{position:static;}
.kit-sdk2 .a-btn,.kit-plugin2 .a-btn{font-size:1rem;}
.list-voice li dt{font-size:1.24em;}
.list-price .price span{font-size:1.5em;}
.list-price .price-o span{font-size:1.3em;}
}
@media(min-width:40em){
.voice-title{font-size:1.25em;display: inline-block;margin-bottom:10px;font-weight: 600;}
.voice-title::after{position:relative;background-position:right 0;}
.list-btn2 li{margin-bottom:20px;}
.list-btn2 li a dl{margin:10px 20px 0;}
.list-btn2 li a dt,.list-acc dt{margin-bottom:20px;}
.list-btn2[class*="typebox2-4"]>li{margin-left:2%;width:23.5%;}
.list-btn2.typebox3>li{margin-left:2%;width:32%;}
.list-btn2.typebox3 li>a:only-child{flex-direction:column;}
.list-btn2.typebox3>li:nth-child(3n+1){margin-left:0;}
.list-btn2.typebox3 li>a img{width:70%;}
.box3 li{width:33.333333333%;padding:0 40px;}
.box3 li::before{content:"";height:100%;position: absolute;top:0;left:0;width:1px;background:#b2b2b2;}
.box3 li:first-child::before{content:none;}
.list-link a{padding:1.2em 1.5em 1.2em 0;}
.list-link li::after{top:50%;}
.list-acc li a{padding-bottom:1em;}
.list-acc dl{padding:20px 10px;}
.list-acc img{width:40%;}
.list-voice li+li{margin-top:0;}
.app-top li>div>p span[lang="en"]{font-size:3em;}
.app-top li dt{font-size:1.85em;}
.typebox2.list-acc{justify-content: space-between;}
.typebox2.list-acc li{width:calc(50% - 15px);margin:0 0 30px;}
.lineup{display:flex;align-items:flex-start;padding:110px 0;}
.lineup-txt{width:40%;}
.lineup-txt h3{text-align:left;}
.lineup ul{width:60%;padding-left:5%;}
div.item{display:flex;align-items:flex-start;justify-content:center;margin-bottom:60px;}
div.item>img{width:38.8%;margin:0;object-fit:contain;}
.item-txt{width:61.2%;padding:30px 0 0 30px;}
.item-txt dl{font-size:1rem;}
.item-detail2 li+li dl:first-child{border-top:1px solid #000;}
.item-detail3{flex-direction:row;}
.item-detail3>li{width:55%;}
.item-detail3>li+li{width:40%;margin:0;}
.system-layout{display:flex;justify-content:space-between;}
.system-left{width:58%;}
.system-left>.item-txt{display:flex;justify-content:space-between;align-items:flex-start;padding:0;}
.system-left>.item-txt img{width:30%;margin:0;}
.system-left>.item-txt>ul{width:67%;}
.system-left .item-txt dt{font-size:.75em;}
.system-left .item-txt dd{font-size:1.25em;}
.system-left .item-txt{width:100%;}
.system-right{width:38%;}
.table-support table .typebox2 li{width:48%;}
.table-support table .typebox2-3 li{width:30.66666666666667%;}
.table-support table .typebox2-4 li{width:24.25%;}
.boxwrap [class*="box-"].w30,.boxwrap [class*="box-"].w40,.boxwrap [class*="box-"].w45,.boxwrap [class*="box-"].w50,.boxwrap [class*="box-"].w60,.boxwrap [class*="box-"].w70{width:100%;}
[class^="title2"]{font-size:1.125em;}
.b-b-r{border-bottom:none;border-right:1px solid;}
}
@media(min-width:48em){
#nav{font-size:1.6vw;}
#nav [class*="a-btn"]{font-size:1em;}
#fmenu nav>ul>li>a{font-size:1rem;font-weight:normal;font-family:inherit;}
#main{max-width:100%;}
#mv.fade, .fade #view li, #show.pin, #vv{height:100vh;}
#accessory>dl{padding:115px 40% 115px 32px;}
#topnews .newlist{width:55%;}
.boxwrap{display:flex;justify-content:space-between;align-items:center;padding-top:0;margin-bottom:80px;}
.boxwrap [class*="box-"].w30{width:30%;}.boxwrap [class*="box-"].w40{width:40%;}.boxwrap [class*="box-"].w45{width:45%;}.boxwrap [class*="box-"].w50{width:50%;}.boxwrap [class*="box-"].w60{width:60%;}.boxwrap [class*="box-"].w70{width:70%;}
.boxwrap:nth-child(odd) .box-img{order:2;}
.boxwrap:nth-child(odd) .box-txt{order:1;margin:0 0 0 auto;padding-right:5%;padding-left:0;}
.box-img{margin:0;width:45%;}
.box-txt,.reverse .box-txt{padding:30px 0 30px 5%;width:55%;margin:0 auto 0 0;max-width:800px;}
.box-txt.w100{width:100%;max-width:none;}
.box-txt .h3{text-align:left;}
.ai-t .box-txt .h3{padding-top:0;}
.kit{flex-wrap:nowrap;}
.kit li{width:50%;padding:30px 40px 40px;}
.kit dd{margin-top:30px;padding-top:30px;}
.kit-sdk2 dl,.kit-plugin2 dl{display:flex;align-items:center;padding:2.5em 0 1em;}
.kit-sdk2 dt,.kit-plugin2 dt{width:20%;text-align:center;}
.kit-sdk2 dd,.kit-plugin2 dd{width:75%;}
[class*="kit-"] .title{padding:0;}
[class*="kit-"] .title::after{content:none;}
.list-voice li dt{padding:0 40px 40px;}
.list-voice li dt::before,.list-voice li dt::after{width:30px;height:30px;left:0;}
.list-voice li dt::after{right:0;left:auto;}
.list-support{padding:50px 0;}
.list-support li{width:33.333333333%;padding:10px;}
.list-support li+li{border:none;border-left:1px solid #b2b2b2;}
.app-top li{padding:100px 50% 100px 0;background-position:right center,0 0;}
.app-top li:nth-child(even){padding:100px 0 100px 50%;background-position:left center,0 0;}
.app-top li[class*="app-"]{background-size:cover,contain;}
.app-top li:nth-child(even) div{margin:0 auto 0 10%;}
.app-top li::before{content:none;}
.table-support table td{padding:40px;}
body.fixed #nav,body.fixed h2+p{position:relative;}
#e-active #header [id|="topicpath"]{max-width:50%;}
}
@media(min-width:61em){
#nav{font-size:16px;font-size:1rem;}
#accessory::before{background-size:contain;}
[class*="typebox"].list-price>li,[class*="typebox"].list-dl>li{width:24%;margin-bottom:20px;}
[class*="typebox"].list-price>li,[class*="typebox2-2-"]>li:nth-child(2n+1),[class*="typebox2-"].list-price>li:nth-child(2n+1),
[class*="typebox"].list-dl>li,[class*="typebox2-"].list-dl>li:nth-child(2n+1){margin-left:1.3333333333%;}
.typebox2-2-4.list-price>li:nth-child(4n+1),.typebox2-2-4.list-dl>li:nth-child(4n+1){margin-left:0;}
.list-price [class*="price"] span{margin:0 0 0 10px;display:inline;}
.list-price dl{padding:0 20px .5em;}
}
@media(min-width:72.25em){
.app-top li[class*="app-"]{background-size:60%,contain;}
}


/*20231207以降追加CSS*/
.glbox>li#finger>dl>dd>dl>dd{padding:0/*0 20px*/;}
.glbox #finger .a_card a{max-width: 300px;}
.glbox #finger .a_card>li{padding: 5px 10px;}
.glbox #slide2 .a_card a{border-radius: 0;}
#slide2 .slick-slider li{margin-right: 10px;}

@media(min-width:30em){
.glbox>li#finger>dl>dd>p{position:relative;right:auto;top:auto;margin-bottom:1.75em;width:auto;}

@media(min-width:40em){
.scroll{white-space:normal;}
}

@media(min-width:48em){
.glbox>li+li+li+li{width:100%;max-width:none;}
.glbox>li#finger>dl>dd>p{position:absolute;right:40px;top:30px;z-index:2;width:50%;margin:0;}
}

@media(min-width:61em){
#c-price [class*="typebox2-2-"]>li:nth-child(2n+1){margin-left: 4%;}
#c-price .typebox2-2-4>li:nth-child(4n+1){margin-left: 0;}
.glbox #finger .a_card>li{width: 33.33333333333333%;}
}