.zw-product-header{background-color:#ddffd6}main:after{content:'';background:-moz-linear-gradient(top,#ddffd6 0,rgba(221,255,214,0.51) 80%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,#ddffd6 0,rgba(221,255,214,0.51) 80%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,#ddffd6 0,rgba(221,255,214,0.51) 80%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddffd6',endColorstr='#00ffffff',GradientType=0);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}.lazy{width:100%;height:100%;background-image:url('https://www.zohowebstatic.com/sites/zweb/images/jp/desk/lazy.svg') !important;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:cover !important;border-radius:5px}.no-webp .icn-list.green-tick-yel-bg li:before{background-image:url("/sites/zweb/images/jp/desk/common-sprite.png") !important}.no-webp .role-sec .whatis-sprite{background-image:url('/sites/zweb/images/jp/desk/whatis-sprite.png')}.no-webp .jpAccordion .accordion-head>*:first-child:before{background-image:url("/sites/zweb/images/jp/desk/common-sprite.png") !important}.jpd-banner-section{text-align:center;padding-top:60px;background-color:transparent}@media only screen and (max-width:767px){.jpd-banner-section{min-height:500px}}.jpd-banner-section h1{font-size:57px;font-weight:500}@media only screen and (max-width:767px){.jpd-banner-section h1{font-size:34px;line-height:normal;font-weight:bold}}.jpd-banner-section p{font-size:18px;line-height:39px;font-weight:500;margin-top:32px}@media only screen and (max-width:767px){.jpd-banner-section p br{display:none}}.jpd-banner-section picture{display:block;width:96.5%;margin:0 auto;margin-top:45px}.role-sec{position:relative;z-index:1}.role-sec .role-sec-wrap{background-color:#fff;margin-left:35px;margin-right:35px;margin-top:-42px;border-radius:5px;box-shadow:0 2px 70px 0 rgba(0,0,0,0.08);position:relative}@media only screen and (max-width:1023px){.role-sec .role-sec-wrap{margin:inherit;margin-top:-10px}}@media only screen and (max-width:767px){.role-sec .role-sec-wrap{background-color:#f7f7f7}}.role-sec .role-sec-wrap:after{content:"";border-left:1px solid #eaeeec;position:absolute;display:inline-block;width:3px;height:80%;top:74px;left:50%}@media only screen and (max-width:767px){.role-sec .role-sec-wrap:after{content:none}}.role-sec .jpd-col-6{padding:54px;padding-right:15px;padding-bottom:42px;position:relative}@media only screen and (max-width:767px){.role-sec .jpd-col-6{padding:20px 20px 50px;background-color:#fff;height:315px;overflow:hidden;transition:all .5s ease-out;border-radius:5px}}@media only screen and (max-width:767px){.role-sec .jpd-col-6.left{border-bottom:0 solid #e4e4e4;border-radius:5px;margin-bottom:30px}}.role-sec .jpd-col-6.right{padding-left:32px;padding-right:60px}@media only screen and (max-width:767px){.role-sec .jpd-col-6.right{padding:20px 20px 50px}}.role-sec .jpd-col-6 h2{font-size:29px;font-weight:500;margin-top:29px}@media only screen and (max-width:767px){.role-sec .jpd-col-6 h2{font-size:20px;display:inline-block;vertical-align:middle;margin-top:0}}@media only screen and (max-width:380px){.role-sec .jpd-col-6 h2{font-size:17px}}.role-sec .jpd-col-6 p{font-size:16px;line-height:38px;margin-top:20px}@media only screen and (max-width:767px){.role-sec .jpd-col-6 p{margin-top:0}}.role-sec .jpd-col-6 .mobile-close{display:none;cursor:pointer}@media only screen and (max-width:767px){.role-sec .jpd-col-6 .mobile-close{display:block;position:absolute;text-align:center;width:100%;left:0;right:0;margin:0 auto;bottom:0;padding:10px;background:#c8e39e;border-bottom-left-radius:5px;border-bottom-right-radius:5px}}.role-sec .jpd-col-6 .mobile-close:before{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid black;content:"";position:absolute;right:0;left:86px;margin:0 auto;transform:rotate(180deg);top:18px}.role-sec .jpd-col-6 .mobile-close:after{content:"";position:absolute;width:100%;background-color:#fff;height:20px;left:0;right:0;top:-20px}.role-sec .jpd-col-6 .mobile-close span{margin-left:-12px}.role-sec .jpd-col-6 .mobile-open{display:none;cursor:pointer}@media only screen and (max-width:767px){.role-sec .jpd-col-6 .mobile-open{display:block;position:absolute;text-align:center;width:100%;left:0;right:0;margin:0 auto;bottom:0;padding:10px;background:#c8e39e;border-bottom-left-radius:5px;border-bottom-right-radius:5px}}.role-sec .jpd-col-6 .mobile-open:before{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid black;content:"";position:absolute;right:0;left:57px;margin:0 auto;top:18px;transform:rotate(0);transition:.5s}.role-sec .jpd-col-6 .mobile-open span{margin-left:-12px}.role-sec .whatis-sprite{background-image:url('/sites/zweb/images/jp/desk/whatis-sprite.webp');background-size:72px 150px;background-repeat:no-repeat;display:block;position:relative}@media only screen and (max-width:767px){.role-sec .whatis-sprite{vertical-align:middle;margin-right:15px;display:inline-block;margin-bottom:20px}}.role-sec .icon1{background-position:-7px -14px;width:52px;height:58px;left:4px}.role-sec .icon2{background-position:-7px -87px;width:54px;height:55px;top:2px}.achieve-sec{text-align:center;margin-top:133px;margin-bottom:141px}@media only screen and (min-width:768px) and (max-width:1023px){.achieve-sec{margin:80px 0}}@media only screen and (max-width:767px){.achieve-sec{margin:50px 0}}.achieve-sec h2{font-size:37px;font-weight:bold}@media only screen and (max-width:767px){.achieve-sec h2{font-size:27px;line-height:normal;text-align:left}}.achieve-sec h2 .mob-br{display:none}@media only screen and (max-width:767px){.achieve-sec h2 .mob-br{display:block}}.achieve-sec p{font-size:15px;line-height:34px;margin-top:45px}@media only screen and (max-width:767px){.achieve-sec p{margin-top:30px;text-align:left}}.achieve-sec .pic-wrap{max-width:1095px;margin:0 auto;margin-top:60px}@media only screen and (max-width:767px){.achieve-sec .pic-wrap{margin-top:30px}}.achieve-sec .pic-wrap h3{font-size:20px;font-weight:bold;text-align:center;padding-left:20px}@media only screen and (max-width:767px){.achieve-sec .pic-wrap h3{font-size:17px;text-align:center}}.achieve-sec .pic-wrap picture{margin-top:20px;display:block}.achieve-sec .pic-wrap picture.lazy{width:100%;height:517px}.achieve-sec .pic-wrap2{margin-top:75px}@media only screen and (max-width:767px){.achieve-sec .pic-wrap2{margin-top:30px}}.achieve-sec .pic-wrap2 picture.lazy{width:100%;height:523px}.want_to-know_sec{background:#1baa57;padding:58px 0;position:relative}@media only screen and (max-width:767px){.want_to-know_sec{padding:30px}}.want_to-know_sec h2{font-size:40px;font-weight:bold;color:#fff;text-align:center;line-height:70px;letter-spacing:-3px}.want_to-know_sec h2 .mob-br{display:none}@media only screen and (max-width:767px){.want_to-know_sec h2 .mob-br{display:block}}@media only screen and (max-width:767px){.want_to-know_sec h2{font-size:21px;line-height:50px;margin:0}}.want_to-know_sec h2 span{font-size:85px;top:5px;position:relative}@media only screen and (max-width:767px){.want_to-know_sec h2 span{font-size:50px}}.want_to-know_sec:before{content:"";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #1baa57}.want_to-know_sec-con{margin-top:77px}@media only screen and (max-width:767px){.want_to-know_sec-con{margin-top:50px}}.want_to-know_sec-con p{font-size:16px;line-height:40px;text-align:center}@media only screen and (max-width:1023px){.want_to-know_sec-con p br{display:none}}@media only screen and (max-width:767px){.want_to-know_sec-con .jpd-container{padding:0 10px}}.support-sec{margin-top:85px;padding-top:65px;padding-bottom:65px;position:relative}@media only screen and (max-width:1023px){.support-sec{margin-top:80px}}@media only screen and (max-width:767px){.support-sec{margin-top:50px;padding-top:50px}}.support-sec:after{content:'';background:#fff8d5;display:block;position:absolute;width:78%;height:100%;top:0;border-top-right-radius:20px;border-bottom-right-radius:20px;z-index:-1}@media only screen and (max-width:1023px){.support-sec:after{width:100%;border-radius:0}}@media only screen and (min-width:1441px){.support-sec .jpd-cus-row{position:relative}}.support-sec .jpd-container{padding-left:50px;padding-right:50px}@media only screen and (max-width:767px){.support-sec .jpd-container{padding-left:20px;padding-right:20px}}.support-sec .jpd-col-cus-4,.support-sec .jpd-col-cus-8{display:inline-block}@media only screen and (max-width:1023px){.support-sec .jpd-col-cus-4,.support-sec .jpd-col-cus-8{width:100% !important}}.support-sec .jpd-col-cus-4{width:30%;margin-left:102px;margin-top:20px;vertical-align:top}@media only screen and (min-width:1024px) and (max-width:1200px){.support-sec .jpd-col-cus-4{margin-left:0}}@media only screen and (max-width:1023px){.support-sec .jpd-col-cus-4{margin:0}}.support-sec .jpd-col-cus-4 h3{font-size:29px;font-weight:bold;line-height:49px}@media only screen and (max-width:1200px){.support-sec .jpd-col-cus-4 h3{line-height:normal}.support-sec .jpd-col-cus-4 h3 br{display:none}}@media only screen and (max-width:767px){.support-sec .jpd-col-cus-4 h3{text-align:center}}.support-sec .jpd-col-cus-4 .icn-list li{padding:8px 0 17px 39px;background-image:none !important}.support-sec .jpd-col-cus-4 .icn-list li.lazy:before{width:20px;height:20px;background-image:url('https://www.zohowebstatic.com/sites/zweb/images/jp/desk/lazy.svg') !important;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:cover !important;border-radius:5px}.support-sec .jpd-col-cus-4 ul{margin-top:30px}.support-sec .jpd-col-cus-4 ul li{font-size:15px}.support-sec .jpd-col-cus-4 picture{display:block;position:absolute;bottom:-5px;left:84px;max-width:420px}@media only screen and (min-width:1024px) and (max-width:1200px){.support-sec .jpd-col-cus-4 picture{left:30px}}@media only screen and (max-width:1023px){.support-sec .jpd-col-cus-4 picture{position:inherit;max-width:50%;margin-top:20px}}@media only screen and (max-width:767px){.support-sec .jpd-col-cus-4 picture{max-width:100%}}.support-sec .jpd-col-cus-4 picture.lazy{min-width:374px;min-height:218px;max-width:374px;max-height:218px}@media only screen and (max-width:767px){.support-sec .jpd-col-cus-4 picture.lazy{max-width:100%;min-width:auto}}.support-sec .jpd-col-cus-8{width:55%;background:#fff;margin-left:65px;margin-top:0;padding:53px;padding-left:80px;padding-top:12px;padding-bottom:65px;border-radius:5px;box-shadow:0 2px 131px 0 rgba(0,0,0,0.07)}@media only screen and (min-width:1024px) and (max-width:1200px){.support-sec .jpd-col-cus-8{width:60%}}@media only screen and (max-width:1023px){.support-sec .jpd-col-cus-8{margin:0;margin-top:40px}}@media only screen and (max-width:767px){.support-sec .jpd-col-cus-8{padding:0 30px 30px 60px}}.support-sec .jpd-col-cus-8>div:first-child h2{margin-top:0 !important}.support-sec .jpd-col-cus-8 .jpAccordion{margin-top:45px;margin-bottom:0}@media only screen and (max-width:767px){.support-sec .jpd-col-cus-8 .jpAccordion{margin-top:30px}}.support-sec .jpd-col-cus-8 .jpAccordion .accordion-content{display:none}.support-sec .jpd-col-cus-8 .accordion-content{padding-bottom:0}.support-sec .jpd-col-cus-8 h2{font-size:22px;font-weight:500;background-image:none !important}@media only screen and (max-width:1200px){.support-sec .jpd-col-cus-8 h2{line-height:normal}}@media only screen and (max-width:480px){.support-sec .jpd-col-cus-8 h2{font-size:20px}}.support-sec .jpd-col-cus-8 h2 .mob-br{display:none}@media only screen and (max-width:767px){.support-sec .jpd-col-cus-8 h2 .mob-br{display:block}}.support-sec .jpd-col-cus-8 h2.lazy:before{width:20px;height:20px;background-image:url('https://www.zohowebstatic.com/sites/zweb/images/jp/desk/lazy.svg') !important;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:cover !important;border-radius:5px}.support-sec .jpd-col-cus-8 p{font-size:15px;line-height:34px}.support-sec .jpd-col-cus-8 p:first-child{margin-top:16px;margin-bottom:15px}.support-sec .jpd-col-cus-8 p:last-child{margin-bottom:0}.sales-sec{margin-top:170px;padding-top:65px;padding-bottom:65px;position:relative;margin-bottom:202px}@media only screen and (max-width:1023px){.sales-sec{margin-top:80px;margin-bottom:80px}}@media only screen and (max-width:767px){.sales-sec{margin-top:50px;margin-bottom:50px;padding-top:50px}}.sales-sec:after{content:'';background:#dfffec;display:block;position:absolute;width:78%;height:100%;top:0;right:0;border-top-left-radius:20px;border-bottom-left-radius:20px;z-index:-1}@media only screen and (max-width:1023px){.sales-sec:after{width:100%;border-radius:0}}.sales-sec .jpd-container{padding-left:50px;padding-right:50px}@media only screen and (max-width:767px){.sales-sec .jpd-container{padding-left:20px;padding-right:20px}}.sales-sec .jpd-col-cus-4,.sales-sec .jpd-col-cus-8{display:inline-block}@media only screen and (max-width:1023px){.sales-sec .jpd-col-cus-4,.sales-sec .jpd-col-cus-8{width:100% !important}}@media only screen and (max-width:1023px){.sales-sec .jpd-cus-row{display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse}}@media only screen and (min-width:1441px){.sales-sec .jpd-cus-row{position:relative}}.sales-sec .jpd-col-cus-4{width:30%;margin-left:108px;margin-top:41px;vertical-align:top}@media only screen and (min-width:1024px) and (max-width:1200px){.sales-sec .jpd-col-cus-4{margin-left:85px}}@media only screen and (max-width:1023px){.sales-sec .jpd-col-cus-4{margin:0}}.sales-sec .jpd-col-cus-4 h3{font-size:29px;font-weight:bold;line-height:49px}@media only screen and (max-width:1200px){.sales-sec .jpd-col-cus-4 h3{line-height:normal}.sales-sec .jpd-col-cus-4 h3 br{display:none}}@media only screen and (max-width:767px){.sales-sec .jpd-col-cus-4 h3{text-align:center}}.sales-sec .jpd-col-cus-4 h3 .mob-br{display:none}@media only screen and (max-width:767px){.sales-sec .jpd-col-cus-4 h3 .mob-br{display:block}}.sales-sec .jpd-col-cus-4 .icn-list li{padding:8px 0 17px 39px;background-image:none !important}.sales-sec .jpd-col-cus-4 .icn-list li.lazy:before{width:20px;height:20px;background-image:url('https://www.zohowebstatic.com/sites/zweb/images/jp/desk/lazy.svg') !important;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:cover !important;border-radius:5px}.sales-sec .jpd-col-cus-4 ul{margin-top:30px}.sales-sec .jpd-col-cus-4 ul li{font-size:15px}.sales-sec .jpd-col-cus-4 picture{display:block;position:absolute;bottom:-2px;right:115px;max-width:420px}@media only screen and (min-width:1024px) and (max-width:1200px){.sales-sec .jpd-col-cus-4 picture{right:25px}}@media only screen and (max-width:1023px){.sales-sec .jpd-col-cus-4 picture{position:inherit;max-width:50%;margin-top:20px}}@media only screen and (max-width:767px){.sales-sec .jpd-col-cus-4 picture{max-width:100%}}.sales-sec .jpd-col-cus-4 picture.lazy{min-width:416px;min-height:245px;max-width:416px;max-height:245px}@media only screen and (max-width:767px){.sales-sec .jpd-col-cus-4 picture.lazy{max-width:100%;min-width:auto}}.sales-sec .jpd-col-cus-8{width:55%;background:#fff;margin-left:40px;margin-top:0;padding:53px;padding-left:80px;padding-top:8px;padding-bottom:45px;border-radius:5px;box-shadow:0 2px 131px 0 rgba(0,0,0,0.07)}@media only screen and (min-width:1024px) and (max-width:1200px){.sales-sec .jpd-col-cus-8{width:58%;margin-left:20px}}@media only screen and (max-width:1023px){.sales-sec .jpd-col-cus-8{margin:0;margin-top:40px}}@media only screen and (max-width:767px){.sales-sec .jpd-col-cus-8{padding:0 30px 30px 60px}}.sales-sec .jpd-col-cus-8>div:first-child h2{margin-top:0 !important}.sales-sec .jpd-col-cus-8 .jpAccordion{margin-top:45px;margin-bottom:0}@media only screen and (max-width:767px){.sales-sec .jpd-col-cus-8 .jpAccordion{margin-top:30px}}.sales-sec .jpd-col-cus-8 .jpAccordion .accordion-content{display:none}.sales-sec .jpd-col-cus-8 .accordion-content{padding-bottom:0}.sales-sec .jpd-col-cus-8 h2{font-size:22px;font-weight:500;background-image:none !important}@media only screen and (max-width:1200px){.sales-sec .jpd-col-cus-8 h2{line-height:normal}}@media only screen and (max-width:480px){.sales-sec .jpd-col-cus-8 h2{font-size:20px}}.sales-sec .jpd-col-cus-8 h2.lazy:before{width:20px;height:20px;background-image:url('https://www.zohowebstatic.com/sites/zweb/images/jp/desk/lazy.svg') !important;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:cover !important;border-radius:5px}.sales-sec .jpd-col-cus-8 p{font-size:15px;line-height:34px}.sales-sec .jpd-col-cus-8 p:first-child{margin-top:16px;margin-bottom:15px}.sales-sec .jpd-col-cus-8 p:last-child{margin-bottom:0}.jpAccordion .accordion-head{cursor:pointer}.jpAccordion .accordion-head>*:first-child{margin:0;position:relative}.jpAccordion .accordion-head>*:first-child:before{content:"";background-position:-3px -29px;background-repeat:no-repeat;background-size:500px 500px;width:13px;height:20px;display:inline-block;left:-35px;top:5px;position:absolute;transition:all 1s ease .1s}@media only screen and (max-width:767px){.jpAccordion .accordion-head>*:first-child:before{top:10px}}.jpAccordion.active .accordion-head>*:first-child:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);transition:all 1s ease .1s}.jpAccordion .accordion-content{padding:10px 0}.jpAccordion .accordion-content.active{display:block}.sales-sec .jpAccordion .accordion-head>*:first-child:before{background-position:-3px -52px}body.IE .support-sec .jpd-col-cus-4 picture,body.IE .sales-sec .jpd-col-cus-4 picture{max-width:420px}