.feature-breadcrumb{padding-top:23px}.feature-breadcrumb.breadcrumb-dark li{color:#000}.feature-breadcrumb.breadcrumb-dark li a{color:#666}.feature-breadcrumb.breadcrumb-dark li a:hover{color:#000}.feature-breadcrumb.breadcrumb-dark li a:after{background:#000}.feature-breadcrumb.breadcrumb-light li{color:#fff}.feature-breadcrumb.breadcrumb-light li a{color:#fff}.feature-breadcrumb.breadcrumb-light li a:hover{color:#fff}.feature-breadcrumb.breadcrumb-light li a:after{background:#fff}.feature-breadcrumb .jpc-container{max-width:1200px;padding:0;margin:0 auto}.feature-breadcrumb li{text-transform:uppercase;font-size:11px;font-weight:500;display:inline-block;margin-right:14px;position:relative;color:#fff}.feature-breadcrumb li a{color:#8cbaff;position:relative;display:block;transition:.2s;padding-bottom:4px}.feature-breadcrumb li a:hover{color:#fff}.feature-breadcrumb li a:hover:after{width:100%;left:0;right:auto;transition:all .2s linear}.feature-breadcrumb li a:before{content:'>';display:block;height:5px;width:5px;position:absolute;right:-8px;top:-1px;font-size:13px;font-weight:400;pointer-events:none}.feature-breadcrumb li a:after{content:'';display:block;position:absolute;left:auto;right:0;bottom:0;height:1px;width:0;background:#fff;transition:all .3s linear}.zw-product-header{background-color:#4727ba}.page-wrapper{overflow-x:hidden}.page-wrapper .lazy{filter:blur(5px)}.page-wrapper .jpc-container{max-width:calc(1140px + 50px);padding-left:25px;padding-right:25px;margin:0 auto}.page-wrapper .inner-container{max-width:955px;width:100%;margin:0 auto}.page-wrapper .pic-wrap picture,.page-wrapper .pic-wrap img{display:block;width:100%}.page-wrapper p{color:#000;font-size:14px;font-weight:400;line-height:2.3;margin-bottom:0}.page-wrapper p b{font-weight:700}.page-wrapper p a{color:#4727ba;font-weight:500;text-decoration:underline;text-underline-offset:3px}.page-wrapper .heading-2{color:#000;font-size:32px;font-style:normal;font-weight:700;line-height:1.5;margin-bottom:0}.page-wrapper .heading-3{color:#000;font-size:24px;font-weight:700;line-height:1.85;margin-bottom:0}.page-wrapper .heading-4{color:#000;font-size:18px;font-weight:700;line-height:1.85;margin-bottom:0}.groupware-sprite{background-repeat:no-repeat;background-size:200px auto;display:block}.groupware-sprite.lazy{background-image:url("//www.zohowebstatic.com/sites/zweb/images/jp/connect/htcg-sprite-lazy.png")}.groupware-sprite.icon1{width:67px;min-width:67px;height:61px;background-position:-10px -10px}.groupware-sprite.icon2{width:62px;min-width:62px;height:62px;background-position:-87px -10px}.groupware-sprite.icon3{width:67px;min-width:67px;height:58px;background-position:-10px -82px}.banner-sec{background-color:#4727ba;color:#fff;position:relative}.banner-sec::before{content:"";position:absolute;bottom:0;right:0;width:100%;max-width:1440px;height:70%;background-image:url("//www.zohowebstatic.com/sites/zweb/images/jp/connect/htcg-01-banner-bg-2x.png");background-repeat:no-repeat;background-size:cover;z-index:0}.banner-sec>div{position:relative}.banner-sec .banner-cont-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:30px 0 70px}.banner-sec .banner-cont-inner .left-cont{width:50%}.banner-sec .banner-cont-inner .left-cont h1{font-size:36px;font-weight:700;color:#fff;line-height:normal;margin-bottom:10px}.banner-sec .banner-cont-inner .left-cont p{font-size:14px;line-height:2;color:#fff;margin-bottom:30px}.banner-sec .banner-cont-inner .left-cont .btn-group{display:flex;flex-wrap:wrap;gap:20px}.banner-sec .banner-cont-inner .left-cont .btn-group .btn-mlc{font-size:16px;font-weight:700;padding:10px 40px;overflow:hidden;min-width:242px;visibility:visible;opacity:1}.banner-sec .banner-cont-inner .left-cont .btn-group .btn-inquiry{border:solid 1px #fff;color:#fff}.banner-sec .banner-cont-inner .right-cont{width:50%;padding-left:15px}.tabel-col-sec{padding:80px 0}.tabel-col-sec .heading-wrap{text-align:center;margin-bottom:35px}.tabel-col-sec .heading-wrap:last-child{margin-bottom:0}.tabel-col-sec .heading-wrap .heading-2:not(.tabel-col-sec .heading-wrap .heading-2:last-child){margin-bottom:10px}.tabel-col-sec .heading-wrap .heading-3{margin-bottom:10px}.tabel-col-sec .heading-wrap p{margin-bottom:15px}.tabel-col-sec .heading-wrap p:last-child{margin-bottom:0}.tabel-col-sec .table-wrap{margin-bottom:40px}.tabel-col-sec .table-wrap table{border-collapse:separate;border-spacing:0;border-radius:18px;width:100%}.tabel-col-sec .table-wrap table thead tr th{color:#FFF;font-size:24px;font-weight:700;line-height:1.25;border:.5px solid #eceffb;background:#4727ba;text-align:left;padding:20px 20px;border-top-width:1px}.tabel-col-sec .table-wrap table thead tr th:first-child{border-radius:18px 0 0 0;width:135px;border-left-width:1px}.tabel-col-sec .table-wrap table thead tr th:last-child{border-radius:0 18px 0 0;border-right-width:1px}.tabel-col-sec .table-wrap table tbody tr td{color:#000;font-size:16px;font-weight:400;line-height:2;border:.5px solid #eceffb;padding:14px 20px}.tabel-col-sec .table-wrap table tbody tr td:first-child{background:#faf9ff;font-weight:500;border-left-width:1px}.tabel-col-sec .table-wrap table tbody tr td:last-child{border-right-width:1px}.tabel-col-sec .table-wrap table tbody tr:last-child td{border-bottom-width:1px}.tabel-col-sec .table-wrap table tbody tr:last-child td:first-child{border-radius:0 0 0 18px}.tabel-col-sec .table-wrap table tbody tr:last-child td:last-child{border-radius:0 0 18px 0}.tabel-col-sec .table-wrap table.t-center tr th,.tabel-col-sec .table-wrap table.t-center tr td{text-align:center}.groupware-cost-sec{padding:80px 0;background:#faf9ff}.groupware-cost-sec .heading-wrap{text-align:center;margin:0 auto 30px}.groupware-cost-sec .heading-wrap:last-child{margin-bottom:0}.groupware-cost-sec .heading-wrap .heading-2{margin-bottom:10px}.groupware-cost-sec .heading-wrap .heading-3{margin-bottom:10px}.groupware-cost-sec .heading-wrap .heading-3:last-child{margin-bottom:0}.groupware-cost-sec .heading-wrap p{margin-bottom:25px}.groupware-cost-sec .heading-wrap p:last-child{margin-bottom:0}.groupware-cost-sec .desc-wrap{margin:30px 0 40px;text-align:center}.groupware-cost-sec .desc-wrap p{margin-bottom:20px}.groupware-cost-sec .desc-wrap p:last-child{margin-bottom:0}.groupware-cost-sec .table-wrap{max-width:100%;margin:0 auto 40px}.groupware-cost-sec .table-wrap table{border-collapse:separate;border-spacing:0;border-radius:18px;width:100%}.groupware-cost-sec .table-wrap table thead tr th{color:#FFF;font-size:24px;font-weight:700;line-height:1.25;border:.5px solid #eceffb;background:#4727ba;text-align:left;padding:22px 37px;border-top-width:1px;vertical-align:middle}.groupware-cost-sec .table-wrap table thead tr th:first-child{border-radius:18px 0 0 0;width:295px;border-left-width:1px}.groupware-cost-sec .table-wrap table thead tr th:last-child{border-radius:0 18px 0 0;border-right-width:1px}.groupware-cost-sec .table-wrap table tbody tr td{color:#000;font-size:16px;font-weight:400;line-height:2;border:.5px solid #eceffb;padding:14px 37px;vertical-align:middle}.groupware-cost-sec .table-wrap table tbody tr td:first-child{background:#faf9ff;font-weight:500;border-left-width:1px}.groupware-cost-sec .table-wrap table tbody tr td:last-child{border-right-width:1px}.groupware-cost-sec .table-wrap table tbody tr td b{font-weight:700}.groupware-cost-sec .table-wrap table tbody tr td .connect-logo{max-width:180px;margin:10px 0;display:block}.groupware-cost-sec .table-wrap table tbody tr:last-child td{border-bottom-width:1px}.groupware-cost-sec .table-wrap table tbody tr:last-child td:first-child{border-radius:0 0 0 18px}.groupware-cost-sec .table-wrap table tbody tr:last-child td:last-child{border-radius:0 0 18px 0}.groupware-cost-sec .table-wrap table.t-center tr th:nth-child(2),.groupware-cost-sec .table-wrap table.t-center tr td:nth-child(2),.groupware-cost-sec .table-wrap table.t-center tr th:last-child,.groupware-cost-sec .table-wrap table.t-center tr td:last-child{text-align:center}.groupware-cost-sec .sm-text{font-size:12px;line-height:32px;max-width:800px;margin:30px auto 0;text-align:left}.groupware-cost-sec .pricing-cont{max-width:850px;margin:0 auto;text-align:center}.blue-full-bg-sec{background-color:#4727ba;padding:80px 0}.blue-full-bg-sec .heading-wrap{text-align:center;margin-bottom:30px}.blue-full-bg-sec .heading-wrap .heading-2{color:#fff}.blue-full-bg-sec .icon-card-group{display:flex;flex-direction:column;gap:30px}.blue-full-bg-sec .icon-card{border-radius:18px;border:1px solid #eceffb;background:#faf9ff;padding:43px 60px 48px;position:relative;z-index:1}.blue-full-bg-sec .icon-card .icon-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.blue-full-bg-sec .icon-card p{margin-bottom:10px}.blue-full-bg-sec .icon-card p:last-child{margin-bottom:0}@media only screen and (max-width:1250px){.feature-breadcrumb .jpc-container{max-width:100%;padding:0 25px}}@media only screen and (max-width:1199px){.page-wrapper .heading-2{font-size:28px}.page-wrapper .heading-3{font-size:22px}.banner-sec .banner-cont-inner .left-cont{width:60%}.banner-sec .banner-cont-inner .left-cont h1 br{display:none}.banner-sec .banner-cont-inner .right-cont{width:40%}}@media only screen and (max-width:991px){.page-wrapper .heading-2{font-size:25px}.page-wrapper .heading-4{font-size:16px}.banner-sec::before{display:none}.banner-sec .banner-cont-inner{padding-bottom:60px}.banner-sec .banner-cont-inner .left-cont{width:100%;padding:0 0 40px;text-align:center}.banner-sec .banner-cont-inner .left-cont h1{font-size:32px}.banner-sec .banner-cont-inner .left-cont .btn-group{justify-content:center}.banner-sec .banner-cont-inner .right-cont{width:100%;max-width:450px;margin:0 auto;padding-left:0}.tabel-col-sec{padding:60px 0}.tabel-col-sec .table-wrap table{border-radius:8px}.tabel-col-sec .table-wrap table thead tr th{padding:20px;font-size:18px}.tabel-col-sec .table-wrap table thead tr th:first-child{width:210px;border-radius:8px 0 0 0}.tabel-col-sec .table-wrap table thead tr th:last-child{border-radius:0 8px 0 0}.tabel-col-sec .table-wrap table tbody tr td{padding:14px 20px}.tabel-col-sec .table-wrap table tbody tr:last-child td:first-child{border-radius:0 0 0 8px}.tabel-col-sec .table-wrap table tbody tr:last-child td:last-child{border-radius:0 0 8px 0}.groupware-cost-sec{padding:60px 0}.groupware-cost-sec .heading-wrap p{margin-bottom:15px}.groupware-cost-sec .desc-wrap p{margin-bottom:15px}.groupware-cost-sec .table-wrap table{border-radius:8px}.groupware-cost-sec .table-wrap table thead tr th{padding:20px;font-size:18px}.groupware-cost-sec .table-wrap table thead tr th:first-child{width:210px;border-radius:8px 0 0 0}.groupware-cost-sec .table-wrap table thead tr th:last-child{border-radius:0 8px 0 0}.groupware-cost-sec .table-wrap table tbody tr td{padding:14px 20px}.groupware-cost-sec .table-wrap table tbody tr:last-child td:first-child{border-radius:0 0 0 8px}.groupware-cost-sec .table-wrap table tbody tr:last-child td:last-child{border-radius:0 0 8px 0}.blue-full-bg-sec{padding:60px 0}.blue-full-bg-sec .icon-card{padding:30px 30px;border-radius:8px}}@media only screen and (max-width:767px){.page-wrapper .heading-2{font-size:22px}.page-wrapper .heading-3{font-size:20px}.banner-sec .banner-cont-inner .left-cont h1{font-size:25px}.banner-sec .banner-cont-inner .left-cont .btn-group{width:100%;max-width:240px;margin:0 auto}.banner-sec .banner-cont-inner .left-cont .btn-group .btn-mlc{width:100%;min-width:auto;padding:10px 15px}.tabel-col-sec{padding:50px 0}.tabel-col-sec .table-wrap{overflow-x:auto}.tabel-col-sec .table-wrap table{width:820px}.groupware-cost-sec{padding:50px 0}.groupware-cost-sec .heading-wrap .heading-2 br{display:none}.groupware-cost-sec .desc-wrap{margin-bottom:30px}.groupware-cost-sec .table-wrap{overflow-x:auto}.groupware-cost-sec .table-wrap table{min-width:720px}.blue-full-bg-sec{padding:50px 0}.blue-full-bg-sec .icon-card{padding:25px 25px}.blue-full-bg-sec .icon-card .icon-heading .groupware-sprite{zoom:.7}}