#product-nav{background-color:#fff;display:none;left:0;max-width:100vw;padding:15px 0;position:fixed;top:0;width:100vw;z-index:11;z-index:500}#product-nav .row{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}#product-nav p.pro-name{align-items:center;color:#000;column-gap:10px;display:flex;font-size:22px;font-weight:700;line-height:24px;min-height:48px}#product-nav p.pro-name>picture,#product-nav p.pro-name>picture>img{margin-right:12px}#product-nav ul{align-items:center;column-gap:10px;display:flex;justify-content:flex-end;list-style-type:none}#product-nav li{flex-shrink:0}#product-nav li:last-child{margin-left:96px}#product-nav .nav-link{color:#444;font-size:16px;font-weight:700}#product-nav .nav-item>a{text-decoration:none}#product-nav .nav-item.on>a{color:#0c5adb;opacity:1}#product-nav .row:after,#product-nav .row:before{display:none}#product-nav .nav-btn-dl{background:linear-gradient(90deg,#ff3a34,#ff6f33);border-radius:6px;color:#fff;display:inline-block;font-size:16px;font-weight:700;line-height:24px;min-width:149px;padding:9px 18px;text-align:center;transition:all .2s ease}#product-nav .nav-btn-dl:hover{box-shadow:0 11px 14px -7px #00000040;transform:translateY(-5px)}#product-nav .nav-btn-dl.empty{background:#fff;border:2px solid #ff3c34;color:#ff3c34;padding:7px 0}#product-nav .nav-btn-dl.empty:hover{box-shadow:0 11px 14px -7px #00000040;color:#ff3c34;transform:translateY(-5px)}#product-nav .nav-link{display:block;padding:.5rem 1.5rem}html[lang=ja] #product-nav .nav-link{font-size:18px}@media(max-width:767px){#product-nav p.pro-name{margin-bottom:10px}#product-nav .row{margin-left:auto;margin-right:auto}#product-nav .row>div{max-width:100%;text-align:center;width:100%}#product-nav .row>div:first-child{flex:1}#product-nav p.pro-name{color:#000;display:block;font-size:18px;line-height:24px;min-height:auto}#product-nav ul{justify-content:space-between}#product-nav .nav-link{padding:2px 5px}}.tech-component{margin-bottom:100px}.tech-component .title{font-size:36px;font-weight:600;margin-bottom:68px;text-align:center}.tech-component .tech-left{padding-right:15px;position:relative}.tech-component .tech-left:after{background:url(/images/webp/new/icon/center-line.webp) no-repeat;content:"";display:block;height:100%;position:absolute;right:0;top:0;width:1px}.tech-component .tech-left-top{color:#0c5adb;font-size:36px;font-weight:600;margin-bottom:34px}.tech-component .tech-left-middle{color:#444;font-size:18px;font-weight:600;margin-bottom:69px}.tech-component .tech-left-middle>div{column-gap:20px;display:flex;margin-top:22px}.tech-component .tech-left-bottom{column-gap:45px;display:flex}.tech-component .tech-left-bottom p{display:flex;flex-direction:column;justify-content:space-between;row-gap:9.038px}.tech-component .tech-left-bottom p span:first-child{color:#444;font-size:18px;font-weight:600}.tech-component .tech-left-bottom p span:last-child{color:#000;font-size:30.81px}.tech-component .tech-right{color:#444;display:flex;flex-direction:column;font-size:16px;justify-content:space-between;padding-left:35px}.tech-component .tech-right>div{display:none}.tech-component .tech-right>div ul,.tech-component .tech-right>div.on{display:block}.tech-component .tech-right ul{display:none}.tech-component .tech-right ul.on{display:block}.tech-component .tech-right li{font-size:16px;line-height:32px;margin-bottom:5px}.tech-component .tech-right li b{font-weight:600}.tech-component .more-btn:hover{box-shadow:0 11px 14px -7px #00000040;transform:translateY(-10px)}@media(min-width:767px)and (max-width:1329px){.tech-component{margin-bottom:74px!important}.tech-component .tech-left-middle{margin-bottom:40px}.tech-component .tech-left:after{display:none}.tech-component .tech-left-bottom{margin-bottom:35px}.tech-component .tech-right{padding-left:15px}}@media(max-width:767px){.tech-component .tech-left-top,.tech-component .title{font-size:24px;line-height:30px;margin-bottom:26px!important}.tech-component{margin-bottom:64px!important}.tech-component .tech-left-middle{margin-bottom:23px}.tech-component .tech-left-middle>div{flex-wrap:wrap;row-gap:20px}.tech-component .tech-left:after{display:none}.tech-component .tech-left-bottom{flex-direction:column;margin-bottom:26px;row-gap:20px}.tech-component .tech-right{padding-left:15px}.tech-component .tech-right li:last-child{margin-bottom:23px!important}}
