﻿.wrapper{width:100%;min-width:320px}.container{position:relative}.main-visual{position:relative;padding:30vh 0 50vh;text-align:center;background:url(/jp/common/images/main/main-visual-bg.jpg) no-repeat fixed center;background-size:cover}.main-visual .h3-title{margin-top:20px;color:#fff}.main-visual .visual-btn-free-demo{display:inline-block;width:260px;padding:15px 20px;background:#b8202c;color:#fff;font-size:20px;margin-top:5vh;text-align:left;border:1px solid #b8202c;text-align:center}.main-visual .visual-btn-free-demo:hover{color:#b8202c;background:#fff}.main-visual .visual-btn-free-demo:hover:after{color:#b8202c}.contents{position:relative;z-index:1}.main-contents-fixed{position:fixed!important;top:0;left:0;width:100%}.main-contents-static{position:static!important}.contents-function-description{padding:77px 0;background-color:#f1f1f1}.contents-function-description .h3-title{line-height:1.9}.contents-function-description.type2{padding:30px 0;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.5)}.contents-function-description.type2 .h3-title{color:#fff}.contents-function-list{background:#fff;text-align:center}.contents-function-list .contents-title{padding:70px 0 50px}.contents-title .h4-title{margin-top:20px;font-size:28px}.function-list:after,.function-list:before{content:"";display:table;clear:both}.function-list li{position:relative;float:left;width:25%;min-height:310px;box-sizing:border-box;overflow:hidden}.function-list li .function-list-bg{position:absolute;top:0;bottom:0;left:0;right:0;background-size:400% 200%;background-repeat:no-repeat;transition:all ease .2s;background-image:url(/jp/common/images/main/function-list-bg.jpg)}.function-list .web-based .function-list-bg{background-position:0 0}.function-list .stock-circulation .function-list-bg{background-position:33.3% 0}.function-list .business-sale .function-list-bg{background-position:100% 0}.function-list .production-produce .function-list-bg{background-position:66.6% 0}.function-list .purchase-order .function-list-bg{background-position:0 100%}.function-list .accountancy-accounting .function-list-bg{background-position:33.3% 100%}.function-list .pay-management .function-list-bg{background-position:66.6% 100%}.function-list .group-ware .function-list-bg{background-position:100% 100%}.function-list li .contents-full-screen{background-color:rgba(0,0,0,.7)}.function-list .contents-full-screen .contents-table{padding:10px;box-sizing:border-box}.function-list li .contents-text-centered{max-width:22vw}.function-list li .contents-text-centered .h4-title{margin-bottom:10px;font-weight:700;color:#fff}.function-list li .contents-text-centered>.function-list-description{color:#fff;margin-bottom:15px;font-size:18px}.function-list li .contents-text-centered>.function-btn-learn-more{display:inline-block;padding:8px 50px;border:1px solid #fff;color:#fff;background:rgba(255,255,255,.1)}.function-list .contents-full-screen .contents-table{padding:10px;box-sizing:border-box}.function-list li:hover .function-list-bg{transform:scale(1.3) translateZ(0)}.function-list li:hover .contents-full-screen .contents-table .contents-table-cell{border:1px solid red}.function-list li:hover .contents-text-centered>.function-btn-learn-more{background:#b8202c;border:1px solid #b8202c}.contents-function-advantage{padding:70px;background-color:#e2e3e7}.contents-function-advantage ul li{position:relative;background-color:#fff}.contents-function-advantage ul li:after,.contents-function-advantage ul li:before{content:"";display:table;clear:both}.contents-function-advantage ul li:first-child{margin-bottom:10px}.contents-function-advantage ul li .advantage-image-box{float:left;width:50%;line-height:.6}.contents-function-advantage ul li .advantage-detail-box,.contents-function-advantage ul li .advantage-image-box{box-sizing:border-box}.contents-function-advantage ul li .advantage-image-box img{width:100%;height:100%}.contents-function-advantage ul li .advantage-detail-box{position:absolute;top:0;right:0;width:50%;padding:30px;overflow:hidden;height:100%}.contents-function-advantage ul li .advantage-detail-box .advantage-title{font-size:34px;font-weight:700;color:#000}.contents-function-advantage ul li .advantage-detail-box .advantage-title:after{content:"";display:block;border-bottom:1px solid #000;width:5%;margin:30px 0}.contents-function-advantage ul li .advantage-detail-box .advantage-sentence{font-size:20px}.contents-function-advantage ul li .advantage-detail-box a{position:absolute;bottom:30px;left:30px;width:160px;height:20px;padding:10px 20px;background:#fff;border:1px solid #b8202c;color:#b8202c}.contents-function-advantage ul li .advantage-detail-box .icon-btn-plus:after{color:#b8202c;font-size:20px}.contents-function-advantage ul li .advantage-detail-box .icon-btn-plus:hover{background:#b8202c;color:#fff}.contents-function-advantage ul li .advantage-detail-box .advantage-btn:hover:after{color:#fff}.support-item-list:after,.support-item-list:before{content:"";display:table;clear:both}.support-item-list li{float:left;width:18%;border:1px solid #ccc;box-sizing:border-box;margin:1%;overflow:hidden}.support-item-list li .customer-support-box{position:relative;width:100%;min-height:350px;background-image:url(/jp/common/images/main/support-list-bg.jpg?ver=2021082701);background-size:503% 100%;background-repeat:no-repeat}.support-item-list li .customer-support-box.item-free-video{background-position:25% 0}.support-item-list li .customer-support-box.item-free-advice{background-position:50% 0}.support-item-list li .customer-support-box.item-remote-support{background-position:75% 0}.support-item-list li .customer-support-box.item-online-manuals{background-position:100% 0}.support-item-list li .contents-full-screen{background-color:rgba(0,0,0,.6);top:70%;transition:all ease .2s}.support-item-list li span{display:block}.support-item-list li .contents-text-centered{max-width:15vw;color:#fff}.support-item-list li .contents-full-screen .contents-text-centered .support-box-title{color:#fff;margin-bottom:20px}.support-item-list li .customer-support-box .icon-common{display:inline-block;width:32px;height:32px;text-align:center;margin:17px 0 10px;background-position:0 -94px}.support-item-list li .customer-support-box.item-free-video .icon-common{background-position:-33px -94px}.support-item-list li .customer-support-box.item-free-advice .icon-common{background-position:-65px -94px}.support-item-list li .customer-support-box.item-remote-support .icon-common{background-position:-97px -94px}.support-item-list li .customer-support-box.item-online-manuals .icon-common{background-position:-130px -94px}.support-item-list li:hover .contents-full-screen{display:block;top:0;background-color:rgba(0,0,0,.9)}.contents-success-stories{padding:70px 0;background:#f5f5f5;text-align:center}.contents-success-stories .company-list{margin-top:100px}.contents-success-stories .company-list li{display:inline-block;border:1px solid #fff;background:#fff;padding:50px 100px;margin:0 50px}.contents-pricing-policy{position:relative;padding:70px 0;background:#303f58;text-align:center;overflow:hidden}.contents-pricing-policy .h3-title,.contents-pricing-policy .h4-title{color:#dce5f3}.contents-pricing-policy .h4-title{font-weight:400;margin:20px 0 40px}.contents-pricing-policy .pricing-policy-btn{display:inline-block;width:300px;height:30px;border:1px solid #fff;color:#fff;padding:15px 20px;text-align:left;font-size:20px}.contents-pricing-policy .pricing-policy-btn:hover{background:#fff;color:#303f58}.contents-pricing-policy .pricing-policy-btn:hover:after{color:#303f58}.contents-full-wrap{position:relative;width:100%;height:100vh}.contents-full-screen{position:absolute;top:0;left:0;right:0;bottom:0}.contents-table{display:table;width:100%;height:100%}.contents-table-cell{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}.contents-line{margin-top:50px;text-align:center;font-size:0;letter-spacing:0;word-spacing:0}.contents-line span{display:inline-block;width:60px;height:4px}.contents-line .red-line{background:#b8202c}.contents-line .gary-line{background:#555153}.h2-title{font-size:55px;color:#fff}.h3-title{font-size:32px;color:#333;text-align:center}.h4-title{font-size:24px;color:#333;text-align:center}.icon-btn-plus:after{content:"+";float:right;font-size:28px;color:#fff;line-height:1}@media all and (max-width :1260px){.function-list li{min-height:250px}.support-item-list li .customer-support-box{min-height:280px}.contents-function-advantage ul li .advantage-detail-box a{bottom:30px}.contents-function-advantage ul li .advantage-detail-box .advantage-title:after{margin:15px 0}}@media all and (max-width :1002px){.function-list li{min-height:200px}.support-item-list li .customer-support-box .contents-text-centered .icon-common{margin-top:10px}.contents-function-advantage{padding:35px}.contents-function-advantage ul li .advantage-detail-box .advantage-title{font-size:28px}.contents-success-stories .company-list li{margin:0 10px}.h2-title{font-size:48px}}@media all and (max-width :889px){.main-visual{padding:35vh 0 46vh}.contents-function-description{padding:35px 0}.contents-function-list .contents-title{padding:35px 0 25px}.function-list li{width:50%;min-height:250px}.function-list li .contents-text-centered{max-width:42vw}.function-list li .contents-text-centered>.function-btn-learn-more{padding:8px 25px}.contents-function-advantage{padding:10px}.contents-function-advantage ul li:first-child{margin-bottom:20px}.contents-function-advantage ul li .advantage-image-box{float:none;width:100%}.contents-function-advantage ul li .advantage-detail-box{position:inherit;width:100%;padding:15px 10px}.contents-function-advantage ul li .advantage-detail-box .advantage-title{font-size:22px}.contents-function-advantage ul li .advantage-detail-box .advantage-title:after{margin:10px 0}.contents-function-advantage ul li .advantage-detail-box .advantage-btn{display:block;position:inherit;width:100px;left:0;bottom:0;padding:5px;margin-top:20px}.support-item-list li{width:48%}.support-item-list li .contents-text-centered{max-width:45vw}.support-item-list li .customer-support-box .icon-common{background-position:-1px -131px}.support-item-list li .customer-support-box.item-free-video .icon-common{background-position:-50px -131px}.support-item-list li .customer-support-box.item-free-advice .icon-common{background-position:-98px -131px}.support-item-list li .customer-support-box.item-remote-support .icon-common{background-position:-146px -131px}.support-item-list li .customer-support-box.item-online-manuals .icon-common{background-position:-196px -131px}.contents-pricing-policy{padding:35px 0}.contents-pricing-policy .pricing-policy-btn{font-size:16px;width:230px;height:20px;padding:15px}.contents-pricing-policy .icon-btn-plus:after{font-size:20px}.h2-title{font-size:40px}.h3-title{font-size:30px}.h4-title{font-size:24px}.contents-line{margin-top:25px}.icon-btn-plus:after{font-size:26px}}@media all and (max-width :735px){.main-visual{padding:120px 0;background-attachment:inherit}.contents-function-description.type2{position:inherit;background:rgba(0,0,0,.8)}.main-visual .visual-btn-free-demo{width:170px;padding:10px 10px;font-size:16px;margin-top:30px}.main-visual .icon-btn-plus:after{font-size:24px}.contents-pricing-policy .pricing-policy-btn{width:200px;height:20px;padding:10px;font-size:14px}.h2-title{font-size:30px}.h3-title{font-size:22px}.h4-title{font-size:18px}}@media all and (max-width :460px){.function-list li{width:90%;margin:2% 5%}.function-list li .contents-text-centered{max-width:80vw}.support-item-list li{width:90%;margin:2% 5%}.support-item-list li .contents-text-centered{max-width:80vw}}@media all and (max-height :510px){.main-visual{padding:150px 0 265px}.main-visual .visual-btn-free-demo{margin-top:10px}}