.index .smart-banner{position:relative;width:100%;height:47vw;overflow:hidden;background:#f7f8fc}.index .smart-banner .smart-banner-image{object-fit:cover;object-position:center}.index .pageExplain{background:#fff;padding:60px 0 50px;text-align:center}.index .pageExplain span{display:block}.index .pageExplain .subTitle,.index .pageExplain .title{font-size:32px;font-weight:500;color:#333;line-height:50px}.index .pageExplain .pageExplainArea{display:flex;max-width:1200px;margin:62px auto 0;justify-content:space-around}.index .pageExplain .pageExplainArea .pageExplainItem .explainTitle{margin:34px 0 24px;font-family:Noto Sans SC-Medium,Noto Sans SC;font-size:28px;font-weight:500;color:#333;line-height:30px}.index .pageExplain .pageExplainArea .pageExplainItem .explainText{font-size:16px;font-weight:400;color:#333;line-height:24px}.index .pageTool{background:#f7f8fc;padding:60px 0 63px;text-align:center}.index .pageTool span{display:block}.index .pageTool .subTitle,.index .pageTool .title{font-size:32px;font-weight:500;color:#333;line-height:50px}.index .pageTool .pageExplainArea{display:flex;max-width:1200px;margin:50px auto 0;justify-content:space-around}.index .pageTool .pageExplainArea .pageExplainItem{width:240px;height:160px;padding-top:23px}.index .pageTool .pageExplainArea .pageExplainItem:hover{background:#fff}.index .pageTool .pageExplainArea .pageExplainItem .text{margin-top:16px;font-size:20px;font-weight:400;color:#333;line-height:32px}.index .pageSystemSafety{background:linear-gradient(223deg,#bbeab3,hsla(68,62%,84%,0) 100%,hsla(68,62%,84%,0) 0);padding:60px 0 50px;text-align:center}.index .pageSystemSafety span{display:block}.index .pageSystemSafety .subTitle,.index .pageSystemSafety .title{font-size:32px;font-weight:500;color:#333;line-height:50px}.index .pageSystemSafety .pageExplainArea{display:flex;max-width:1200px;height:580px;padding:10px 0;margin:62px auto 0;justify-content:space-around;flex-wrap:wrap;background:url(/img/smartSystem/system_tools_backgound.png) no-repeat}.index .pageSystemSafety .pageExplainArea .SystemTools{display:flex;align-items:center;width:470px;text-align:left}.index .pageSystemSafety .pageExplainArea .SystemTools .tool_title{font-size:28px;font-weight:500;color:#333;line-height:60px}.index .pageSystemSafety .pageExplainArea .SystemTools .tool_content{font-size:16px;font-weight:400;color:#333;line-height:24px}.index .pageSolution{background:#fff;padding:60px 0 50px;text-align:center}.index .pageSolution span{display:block}.index .pageSolution .subTitle,.index .pageSolution .title{font-size:32px;font-weight:500;color:#333;line-height:50px}.index .pageSolution .pageExplainArea{display:flex;max-width:1200px;margin:62px auto 0;justify-content:space-around;flex-wrap:wrap}.index .pageSolution .pageExplainArea .pageSolutionItem{position:relative;width:389px;height:450px;margin:10px 0;display:flex;justify-content:center;align-items:center}.index .pageSolution .pageExplainArea .pageSolutionItem .background{position:absolute;left:0;z-index:1}.index .pageSolution .pageExplainArea .pageSolutionItem .solutionContent{text-align:left;z-index:2}.index .pageSolution .pageExplainArea .pageSolutionItem .solutionContent .setOf{color:#333;font-size:16px;font-weight:300;line-height:32px;margin-left:15px;margin-top:17px;margin-bottom:17px}.index .pageSolution .pageExplainArea .pageSolutionItem .solutionContent .setOf li{width:164px}.index .pageSolution .pageExplainArea .pageSolutionItem .solutionContent .setOf li::marker{font-size:12px;color:#999}.index .pageSolution .pageExplainArea .pageSolutionItem .solutionContent .buyNow{width:120px;height:46px;text-align:center;font-size:20px;font-weight:500;color:#22986e;line-height:46px;border-radius:0;border:1px solid #22986e}@media(max-width:768px){.index .smart-banner{height:250px}.index .smart-banner .smart-banner-image{object-fit:cover;object-position:center}.index .pageExplain,.index .pageSolution,.index .pageSystemSafety,.index .pageTool{padding:48px 20px}.index .pageExplain .subTitle,.index .pageExplain .title,.index .pageSolution .subTitle,.index .pageSolution .title,.index .pageSystemSafety .subTitle,.index .pageSystemSafety .title,.index .pageTool .subTitle,.index .pageTool .title{font-size:26px;line-height:38px}.index .pageExplain .pageExplainArea,.index .pageSolution .pageExplainArea,.index .pageSystemSafety .pageExplainArea,.index .pageTool .pageExplainArea{width:100%;height:auto;margin-top:32px;display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;background-size:cover}.index .pageExplain .pageExplainArea .SystemTools,.index .pageExplain .pageExplainArea .pageExplainItem,.index .pageExplain .pageExplainArea .pageSolutionItem,.index .pageSolution .pageExplainArea .SystemTools,.index .pageSolution .pageExplainArea .pageExplainItem,.index .pageSolution .pageExplainArea .pageSolutionItem,.index .pageSystemSafety .pageExplainArea .SystemTools,.index .pageSystemSafety .pageExplainArea .pageExplainItem,.index .pageSystemSafety .pageExplainArea .pageSolutionItem,.index .pageTool .pageExplainArea .SystemTools,.index .pageTool .pageExplainArea .pageExplainItem,.index .pageTool .pageExplainArea .pageSolutionItem{width:100%;height:auto;min-height:180px;padding:20px;box-sizing:border-box}.index .pageExplain .pageExplainArea .SystemTools img,.index .pageSolution .pageExplainArea .SystemTools img,.index .pageSystemSafety .pageExplainArea .SystemTools img,.index .pageTool .pageExplainArea .SystemTools img{width:88px;height:auto;margin-right:16px}.index .pageExplain .pageExplainArea .SystemTools .tool_title,.index .pageSolution .pageExplainArea .SystemTools .tool_title,.index .pageSystemSafety .pageExplainArea .SystemTools .tool_title,.index .pageTool .pageExplainArea .SystemTools .tool_title{font-size:22px;line-height:36px}.index .pageExplain .pageExplainArea .SystemTools .tool_content,.index .pageSolution .pageExplainArea .SystemTools .tool_content,.index .pageSystemSafety .pageExplainArea .SystemTools .tool_content,.index .pageTool .pageExplainArea .SystemTools .tool_content{font-size:14px}.index .pageExplain .pageExplainArea .pageSolutionItem,.index .pageSolution .pageExplainArea .pageSolutionItem,.index .pageSystemSafety .pageExplainArea .pageSolutionItem,.index .pageTool .pageExplainArea .pageSolutionItem{min-height:380px}.index .pageExplain .pageExplainArea .pageSolutionItem .background,.index .pageSolution .pageExplainArea .pageSolutionItem .background,.index .pageSystemSafety .pageExplainArea .pageSolutionItem .background,.index .pageTool .pageExplainArea .pageSolutionItem .background{width:100%;height:100%;object-fit:cover}.index .pageExplain .pageExplainArea,.index .pageTool .pageExplainArea{grid-template-columns:repeat(2,minmax(0,1fr))}.index .pageExplain .pageExplainArea .pageExplainItem,.index .pageTool .pageExplainArea .pageExplainItem{min-width:0}.index .pageExplain .pageExplainArea .pageExplainItem img,.index .pageTool .pageExplainArea .pageExplainItem img{max-width:100%;height:auto}.index .pageExplain .pageExplainArea .pageExplainItem .explainTitle,.index .pageTool .pageExplainArea .pageExplainItem .explainTitle{margin:20px 0 12px;font-size:20px}.index .pageExplain .pageExplainArea .pageExplainItem .explainText,.index .pageTool .pageExplainArea .pageExplainItem .explainText{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans SC-Regular,Noto Sans SC}body,html{width:100%;overflow-x:clip}body,canvas,html,img,svg,video{max-width:100%}a{text-decoration:none}.clear:after{content:"";display:block;overflow:hidden;clear:both}.fl{float:left}.fr{float:right}main{position:relative;z-index:1;margin-top:-102px;width:100%;max-width:100%}#back-to-top{position:fixed;right:100px;bottom:200px;z-index:6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:none}@media (max-width:1200px){#footer .company-info,#footer .jp-link,#news #banner,#news .news-nav,.IntellectualProperty .serviceContent,.caseAnalysis .caseContent,.index .head .headContent,.information ul,.introduction .texts,.list-page .list-page-content,.list-page .tab-section{width:100%!important;max-width:100%!important}.exclusiveServices .servicesList{min-width:0!important}}@media (max-width:768px){main{margin-top:-64px}#back-to-top{right:16px;bottom:24px}}.commonHeader{position:-webkit-sticky;position:sticky;top:0;left:0;font-family:Noto Sans SC-Regular,Noto Sans SC;z-index:20}.commonHeader .right-section{float:right;display:flex}.commonHeader .mobile-menu-toggle{display:none}.commonHeader .logo{position:absolute;left:0;top:0;height:102px;padding-left:16px;display:flex;padding-top:16px;width:374px;background:url(/img/header_logo_bg.png) no-repeat 0 0;box-sizing:border-box;z-index:3}.commonHeader .logo .titles{height:52px;margin-left:24px;padding-left:16px;border-left:1px solid #eacf8c;color:#f9db93;font-size:16px;line-height:26px}.commonHeader nav{display:flex}.commonHeader nav .menu-item{display:block;font-weight:400;color:#075037;min-width:130px;text-align:center;line-height:90px}.commonHeader nav .menu-item.active,.commonHeader nav .menu-item:hover{background:hsla(0,0%,60%,.2)}.commonHeader nav .menu-item.active img,.commonHeader nav .menu-item:hover img{transform:translateY(4px) rotate(180deg)}.commonHeader nav .menu-item img{margin-left:4px}.commonHeader nav .menu-item-mobile,.commonHeader nav .mobile-submenu{display:none}.commonHeader nav .menu-accordion{display:contents}.commonHeader .opt-btn{margin-right:24px;margin-top:22px;width:102px;height:38px;border-radius:4px 4px 4px 4px;opacity:1;border:1px solid #075037;text-align:center;color:#075037;line-height:38px;cursor:pointer}.commonHeader .opt-btn img{margin:8px 10px 0;width:28px;height:28px}.commonHeader .sec-menu-section{position:absolute;left:0;top:90px;width:100%;background:rgba(68,68,68,.9);z-index:2;box-sizing:border-box;padding-left:360px}.commonHeader .sec-menu-section .level2-menu{width:240px;list-style:none}.commonHeader .sec-menu-section .level2-menu div{display:block;width:240px;line-height:59px;text-align:center;color:#fff;cursor:pointer}.commonHeader .sec-menu-section .level2-menu div.active{color:#eacf8c;border-right:2px solid #eacf8c}.commonHeader .sec-menu-section .level2-menu-single{display:flex}.commonHeader .sec-menu-section .level2-menu-single a{display:block;width:20.8vw;line-height:90px;text-align:center;font-size:16px;font-weight:400;color:#d8d8d8}.commonHeader .sec-menu-section .level2-menu-single a:hover{color:#eacf8c;background:#444}.commonHeader .sec-menu-section .level3-menu{position:relative;padding:23px 0 24px 40px;display:flex;border-left:1px solid #777;margin-left:1px}.commonHeader .sec-menu-section .level3-menu ul{color:#fff}.commonHeader .sec-menu-section .level3-menu h4{position:relative;margin-left:-20px;margin-bottom:24px;font-size:16px;color:#fff;font-weight:500}.commonHeader .sec-menu-section .level3-menu a{display:block;color:#fff;line-height:24px;font-size:12px}.commonHeader .sec-menu-section .level3-menu .links-item{margin-right:150px}.commonHeader .sec-menu-section .level3-menu .links-item:last-of-type{margin-right:0}@media(max-width:768px){.commonHeader{height:64px;background:#075037!important;z-index:1000}.commonHeader .logo{position:relative;width:calc(100% - 64px);height:64px;padding:0 0 0 16px;background:none;align-items:center;z-index:2}.commonHeader .logo img{width:82px;height:auto;flex-shrink:0}.commonHeader .logo .titles{flex:1 1;min-width:0;height:auto;margin:0 8px 0 10px;padding-left:10px;font-size:12px;line-height:18px}.commonHeader .logo .titles p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commonHeader .mobile-menu-toggle{position:absolute;top:14px;right:16px;z-index:3;display:flex;width:36px;height:36px;padding:8px 6px;border:0;flex-direction:column;justify-content:space-between;background:transparent}.commonHeader .mobile-menu-toggle span{display:block;width:100%;height:2px;background:#eacf8c;transition:transform .2s ease,opacity .2s ease}.commonHeader .mobile-menu-toggle.active span:first-child{transform:translateY(9px) rotate(45deg)}.commonHeader .mobile-menu-toggle.active span:nth-child(2){opacity:0}.commonHeader .mobile-menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.commonHeader .right-section{position:absolute;top:64px;left:0;z-index:1001;display:none;width:100%;max-height:calc(100vh - 64px);overflow-y:auto;float:none;flex-direction:column;background:#2c2c2d;box-shadow:0 8px 16px rgba(0,0,0,.18)}.commonHeader .right-section.mobile-open{display:flex}.commonHeader nav{display:block}.commonHeader nav .menu-accordion{display:block;border-bottom:1px solid hsla(0,0%,100%,.08)}.commonHeader nav .menu-item{min-width:0;border-bottom:1px solid hsla(0,0%,100%,.08);color:#fff!important;font-size:15px;line-height:52px;text-align:center}.commonHeader nav .menu-item img{display:none}.commonHeader nav .menu-accordion>.menu-item{border-bottom:0}.commonHeader nav .menu-item-desktop{display:none}.commonHeader nav .menu-item-mobile{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:0 40px;border:0;background:transparent;box-sizing:border-box;text-align:center;cursor:pointer}.commonHeader nav .menu-item-mobile .menu-chevron{position:absolute;top:50%;right:20px;width:8px;height:8px;margin-top:-6px;border-right:1.5px solid hsla(0,0%,100%,.7);border-bottom:1.5px solid hsla(0,0%,100%,.7);transform:rotate(45deg);transition:transform .2s ease}.commonHeader nav .menu-accordion.is-open .menu-item-mobile{color:#eacf8c!important}.commonHeader nav .menu-accordion.is-open .menu-item-mobile .menu-chevron{margin-top:-2px;transform:rotate(-135deg);border-color:#eacf8c}.commonHeader nav .menu-accordion.is-open .mobile-submenu{display:block}.commonHeader nav .mobile-submenu{display:none;padding:0 16px 16px;background:#242424}.commonHeader nav .mobile-submenu .mobile-submenu-tabs{display:flex;gap:8px;margin-bottom:12px}.commonHeader nav .mobile-submenu .mobile-submenu-tabs button{flex:1 1;height:34px;border:1px solid hsla(0,0%,100%,.18);border-radius:4px;background:transparent;color:hsla(0,0%,100%,.78);font-size:13px;cursor:pointer}.commonHeader nav .mobile-submenu .mobile-submenu-tabs button.active{border-color:#eacf8c;color:#eacf8c;background:hsla(43,69%,73%,.08)}.commonHeader nav .mobile-submenu .mobile-submenu-group{margin-bottom:14px}.commonHeader nav .mobile-submenu .mobile-submenu-group h4{margin:0 0 6px;font-size:13px;font-weight:500;color:hsla(0,0%,100%,.55);line-height:20px}.commonHeader nav .mobile-submenu .mobile-submenu-group a{display:block;padding:8px 0;color:#fff;font-size:14px;line-height:22px}.commonHeader nav .mobile-submenu>a{display:block;padding:10px 4px;color:#fff;font-size:14px;line-height:22px;border-bottom:1px solid hsla(0,0%,100%,.06)}.commonHeader nav .mobile-submenu>a:last-child{border-bottom:0}.commonHeader .opt-btn{width:calc(100% - 32px);height:42px;margin:16px;border-color:#eacf8c!important;color:#eacf8c!important;line-height:42px;box-sizing:border-box}.commonHeader .sec-menu-section{display:none!important}}#footer{background:#2c2c2d}#footer .company-info{padding-top:38px;margin:0 auto;width:100%;max-width:1200px;display:flex}#footer .jplogo{width:120px;height:60px;margin-right:80px}#footer .contact{margin-right:90px;width:310px}#footer .contact .num-text{color:gray}#footer .contact .number{font-family:Helvetica;font-weight:700;font-size:36px;line-height:56px;color:#eacf8c}#footer .contact .emails{font-weight:400;font-size:14px;line-height:28px;color:gray}#footer .contact .emails span{color:#fff}#footer .links{display:flex}#footer .links .links-item{width:80px;margin-right:78px}#footer .links h4{margin-bottom:18px;font-size:14px;line-height:16px;color:#efefef}#footer .links a{display:block;font-family:Noto Sans SC;font-weight:400;line-height:22px;color:gray;font-size:12px}#footer .jp-link{padding:40px 100px;margin:30px auto 10px;width:100%;max-width:1200px;border-top:1px solid #3b403f;border-bottom:1px solid #3b403f;display:flex;justify-content:space-around;box-sizing:border-box}#footer .bottom-text{padding-bottom:45px;font-weight:400;color:gray;font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}#footer .bottom-text .certificate-links{display:inline-flex;align-items:center;gap:6px}#footer .bottom-text .certificate-links img{width:20px;height:18px}#footer .bottom-text .certificate-links button{padding:0;border:0;color:gray;font:inherit;line-height:inherit;background:transparent;cursor:pointer;transition:color .2s ease}#footer .bottom-text .certificate-links button:hover{color:#fff}#footer .bottom-text .certificate-links i{font-style:normal}#footer .certificate-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:32px;box-sizing:border-box;background:rgba(0,0,0,.5)}#footer .certificate-dialog{width:840px;max-width:90vw;max-height:90vh;overflow:hidden;background:#fff;box-shadow:0 8px 32px rgba(0,0,0,.18)}#footer .certificate-dialog-header{position:relative;height:70px;border-bottom:1px solid #eee;box-sizing:border-box;color:#333;font-size:16px;line-height:70px;text-align:center}#footer .certificate-dialog-header button{position:absolute;top:0;right:20px;padding:0;border:0;color:#999;font-size:24px;line-height:70px;background:transparent;cursor:pointer}#footer .certificate-dialog-header button:hover{color:#333}#footer .certificate-dialog-body{max-height:calc(90vh - 70px);padding:20px 32px 32px;overflow:auto;box-sizing:border-box;text-align:center}#footer .certificate-dialog-body img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(90vh - 122px);margin:0 auto;object-fit:contain}.company-text{height:256px;padding-top:68px;box-sizing:border-box;text-align:center;font-weight:300;color:#efefef;background:#075037}.company-text p{font-size:36px;line-height:50px;letter-spacing:2px;font-weight:500}.company-text .company-actions{display:flex;justify-content:center;gap:28px;margin-top:30px}.company-text .company-actions a{width:176px;height:52px;border:1px solid #fff;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;line-height:50px;text-align:center}.company-text .company-actions .experience-button{border-color:#22986e;background:#22986e}@media(max-width:768px){.company-text{height:auto;padding:40px 20px}.company-text p{font-size:22px;line-height:34px;letter-spacing:1px}.company-text .company-actions{gap:12px;margin-top:24px}.company-text .company-actions a{width:132px;height:44px;line-height:42px}#footer .company-info{width:100%;padding:32px 20px 0;box-sizing:border-box;flex-wrap:wrap}#footer .jplogo{width:96px;height:auto;margin:0 24px 24px 0}#footer .contact{width:calc(100% - 120px);margin:0 0 24px}#footer .contact .number{font-size:24px;line-height:42px}#footer .contact .emails{font-size:12px;line-height:22px;overflow-wrap:anywhere}#footer .links{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:28px 20px;gap:28px 20px}#footer .links .links-item{width:auto;margin:0}#footer .jp-link{width:calc(100% - 40px);padding:28px 8px;gap:20px;flex-wrap:wrap}#footer .jp-link a{width:calc(50% - 10px);text-align:center}#footer .jp-link img{max-width:100%;height:auto}#footer .bottom-text{padding:0 20px 100px;flex-direction:column;line-height:22px}#footer .bottom-text .certificate-links{max-width:100%;flex-wrap:wrap;justify-content:center}#footer .certificate-modal{padding:16px}#footer .certificate-dialog{max-width:100%;max-height:92vh}#footer .certificate-dialog-header{height:52px;padding:0 48px 0 16px;font-size:14px;line-height:52px;white-space:nowrap}#footer .certificate-dialog-header button{right:16px;line-height:52px}#footer .certificate-dialog-body{max-height:calc(92vh - 52px);padding:12px}#footer .certificate-dialog-body img{max-height:calc(92vh - 76px)}}