html,body{overflow-x:hidden}.jpi-casestudy-detail *{box-sizing:border-box}.lazy{width:100%;height:100%;background-image:url('//www.zohowebstatic.com/sites/zweb/images/jp/invoice/lazy.svg') !important;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:cover !important;border-radius:5px}.no-webp .cus-img{background-image:url('//www.zohowebstatic.com/sites/zweb/images/jp/invoice/customer-invoice-sp.png') !important}.jpi-container{width:100%;max-width:1200px;margin:0 auto}@media only screen and (max-width:1250px){.jpi-container{padding:0 20px}}@media only screen and (max-width:1023px){.jpi-container{max-width:750px}}.jpi-breadcrumb-container .jpi-breadcrumb{width:100%;list-style-type:none;line-height:18px;margin:0}.jpi-breadcrumb-container .jpi-breadcrumb li{display:inline-block;list-style:none;margin:0 17px 0 0;font-size:12px;line-height:21px;color:#000;position:relative;z-index:2;padding-left:0}.jpi-breadcrumb-container .jpi-breadcrumb li a{color:rgba(0,0,0,0.6);position:relative;display:inline-block;font-size:12px;line-height:21px}.jpi-breadcrumb-container .jpi-breadcrumb li a::before{content:">";position:absolute;right:-13px;display:inline-block}.jpi-breadcrumb-container .jpi-breadcrumb li a::after{content:'';display:block;position:absolute;left:auto;right:0;bottom:0;height:1px;width:0;background:#000;transition:all .3s linear}.jpi-breadcrumb-container .jpi-breadcrumb li a:hover::after{width:100%;left:0;right:auto;transition:all .2s linear}main,.zw-product-header{background:#f9f9f9}.jpi-casestudy-header{width:100%;padding:30px 0 30px}.jpi-casestudy-header .content-container{width:60%}@media only screen and (max-width:1023px){.jpi-casestudy-header .content-container{width:100%}}.jpi-casestudy-header h1{font-size:26px;font-weight:600;color:#fff;margin-bottom:0;line-height:1.8}@media only screen and (max-width:1023px){.jpi-casestudy-header h1{text-align:center;padding-bottom:30px}}@media only screen and (max-width:767px){.jpi-casestudy-header h1{font-size:22px}}.jpi-casestudy-body{padding-bottom:30px;margin:0 auto;max-width:700px;width:100%}.jpi-casestudy-body p{font-size:16px;line-height:1.9;margin-bottom:20px;color:#333}.jpi-casestudy-body h2{font-size:22px;font-weight:600;color:#000;margin-bottom:15px;padding-top:10px;line-height:1.7}@media only screen and (max-width:767px){.jpi-casestudy-body h2{font-size:20px}}.jpi-casestudy-body .mb-0{margin-bottom:0 !important}.jpi-casestudy-body .mt-0{margin-top:0 !important}.jpi-casestudy-body .customer-desc .view-all-next{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;margin:20px 0;overflow:auto;font-size:12px}.jpi-casestudy-body .customer-desc .view-all-next a{color:#333}.jpi-casestudy-body .customer-desc .customer-area .cus-img{background-position:-597px -165px;background-repeat:no-repeat;width:245px;height:231px;margin:0 auto}.jpi-casestudy-body .customer-desc .customer-area h1{font-size:20px;line-height:30px;font-weight:bold;color:#333;padding:10px 0 0;text-align:center}.jpi-casestudy-body .customer-desc .customer-area h2{color:#333;font-size:28px;text-align:center}@media only screen and (max-width:767px){.jpi-casestudy-body .customer-desc .customer-area h2{font-size:24px}}.jpi-casestudy-body .customer-desc .customer-area p{line-height:1.9;font-size:16px;text-align:center;margin-bottom:0}.jpi-casestudy-body .user-section-row{display:flex;flex-wrap:wrap;margin:0 -15px;justify-content:center}.jpi-casestudy-body .user-section-row .user-col{padding:0 15px 30px 15px}.jpi-casestudy-body .user-section-row .user-col.col-12{width:100%}.jpi-casestudy-body .user-section-row .user-col.col-6{width:50%}@media only screen and (max-width:991px){.jpi-casestudy-body .user-section-row .user-col.col-6{width:100%}}.zanim{opacity:0;transition:.8s ease transform,0.8s ease opacity;transform:translateY(40px)}@media only screen and (max-width:991px){.zanim{opacity:1;transform:none}}.zanim.zanim-1s{transition:.1s ease all}.zanim.zanim-2s{transition:.2s ease all}.zanim.zanim-3s{transition:.3s ease all}.zanim.zanim-4s{transition:.4s ease all}.zanim.zanim-5s{transition:.5s ease all}.zanim.zanim-6s{transition:.6s ease all}.zanim.zanim-7s{transition:.7s ease all}.zanim.zanim-8s{transition:.8s ease all}.zanim.zanim-9s{transition:.9s ease all}.zanim.zanim-10s{transition:1s ease all}.zanim.zanim-11s{transition:1.1s ease all}.zanim.zanim-12s{transition:1.2s ease all}.zanim.zanim-13s{transition:1.3s ease all}.zanim.zanim-14s{transition:1.4s ease all}.zanim.zanim-15s{transition:1.5s ease all}.zanim.zanim-16s{transition:1.6s ease all}.zanim.zanim-17s{transition:1.7s ease all}.zanim.zanim-18s{transition:1.8s ease all}.zanim.zanim-19s{transition:1.9s ease all}.zanim.zanim-20s{transition:2s ease all}.zanim.zanim-21s{transition:2.1s ease all}.zanim.zanim-22s{transition:2.2s ease all}.zanim.zanim-23s{transition:2.3s ease all}.zanim.zanim-24s{transition:2.4s ease all}.zanim.zanim-25s{transition:2.5s ease all}.zanim.zanim-26s{transition:2.6s ease all}.zanim.zanim-27s{transition:2.7s ease all}.zanim.zanim-28s{transition:2.8s ease all}.zanim.zanim-29s{transition:2.9s ease all}.zanim.zanim-30s{transition:3s ease all}.zanim.zanim-1{transition-delay:0}.zanim.zanim-2{transition-delay:.2s}.zanim.zanim-3{transition-delay:.4s}.zanim.zanim-4{transition-delay:.6s}.zanim.zanim-5{transition-delay:.8s}.zanim.zanim-6{transition-delay:1s}.zanim.zanim-7{transition-delay:1.2s}.zanim.zanim-8{transition-delay:1.4s}.zanim.zanim-9{transition-delay:1.6s}.zanim.zanim-10{transition-delay:1.8s}.zanim.zanim-11{transition-delay:2s}.zanim.zanim-12{transition-delay:2.2s}.zanim.zanim-13{transition-delay:2.4s}.zanim.zanim-14{transition-delay:2.6s}.zanim.zanim-15{transition-delay:2.8s}.zanim.zanim-16{transition-delay:3s}.zanim.zanim-17{transition-delay:3.2s}.zanim.zanim-18{transition-delay:3.4s}.zanim.zanim-19{transition-delay:3.6s}.zanim.zanim-20{transition-delay:3.8s}.zanim.animated{opacity:1;transform:translateY(0)}.zanim.zanim-right{transform:translateX(-65px)}@media only screen and (max-width:991px){.zanim.zanim-right{transform:none}}.zanim.zanim-right.animated{opacity:1;transform:translateX(0)}.zanim.zanim-left{transform:translateX(65px)}@media only screen and (max-width:991px){.zanim.zanim-left{transform:none}}.zanim.zanim-left.animated{opacity:1;transform:translateX(0)}.zanim.zanim-zoomin{transform:scale(0.9);transform-origin:center}@media only screen and (max-width:991px){.zanim.zanim-zoomin{transform:none}}.zanim.zanim-zoomin.animated{opacity:1;transform:scale(1)}.zanim.zanim-zoomout{transform:scale(1.1);transform-origin:center}@media only screen and (max-width:991px){.zanim.zanim-zoomout{transform:none}}.zanim.zanim-zoomout.animated{opacity:1;transform:scale(1)}