.lazy{width:100%;height:100%;background-image:url('/sites/zweb/images/jp/crm/lazy.svg') !important;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:cover !important;border-radius:5px}section,picture{display:block}picture{font-size:0}.no-webp .banner-sec{background-image:url("/sites/zweb/images/jp/crm/resources-navi-banner-bg-2x.png")}.no-webp .bottom-trial-banner{background-image:url("/sites/zweb/images/jp/crm/resources-navi-banner-bg-2x.png")}.no-webp .page-sprite{background-image:url("/sites/zweb/images/jp/crm/resources-navi-sprite-2x.png")}.banner-sec{background-image:url("/sites/zweb/images/jp/crm/resources-navi-banner-bg-2x.webp");background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;z-index:1;position:relative;background-color:#9dc8e9}.banner-sec .inner-wrapper{width:1200px;margin:0 auto;text-align:center;position:relative;padding:45px 0 80px 0;max-width:calc(100% - 40px)}.banner-sec .inner-wrapper h1{font-size:54px;font-weight:bold;margin-bottom:20px}.banner-sec .inner-wrapper h1 span{font-size:73px;color:#1388d8}.banner-sec .inner-wrapper p.desc{width:520px;margin:0 auto 20px auto;position:relative;line-height:1.9;font-size:15px;max-width:100%}.banner-sec .inner-wrapper span.bg-circle{position:absolute;width:790px;height:790px;top:-110px;left:50%;background-color:#fff;border-radius:100%;transform:translate(-50%,0);z-index:-1}.banner-sec .inner-wrapper picture{position:absolute}.banner-sec .inner-wrapper picture.bg1{left:21px;bottom:-124px;z-index:1}.banner-sec .inner-wrapper picture.bg2{left:32px;bottom:-17px;z-index:2}.banner-sec .inner-wrapper picture.bg3{right:26px;bottom:-160px;z-index:1}.banner-sec .inner-wrapper picture.bg4{right:30px;bottom:-25px;z-index:2}.page-sprite{background-size:253px 252px;background-repeat:no-repeat}.page-sprite.icon1{background-position:0 0;width:80px;height:80px}.page-sprite.icon2{background-position:-85px 0;width:80px;height:80px}.page-sprite.icon3{background-position:-170px 0;width:80px;height:80px}.page-sprite.icon4{background-position:0 -86px;width:80px;height:80px}.page-sprite.icon5{background-position:-85px -86px;width:80px;height:80px}.page-sprite.icon6{background-position:-170px -86px;width:80px;height:80px}.page-sprite.icon7{background-position:0 -172px;width:81px;height:80px}.page-sprite.icon8{background-position:-86px -172px;width:82px;height:80px}.page-sprite.icon9{background-position:-173px -172px;width:80px;height:80px}.stage-sec{text-align:center;padding:70px 0}.stage-sec .inner-head2{font-size:32px;display:flex;flex-direction:row;justify-content:center;font-weight:bold;align-items:center;margin-bottom:45px}.stage-sec .inner-head2.sm{margin-bottom:20px}.stage-sec .inner-head2.wht{color:#fff}.stage-sec .inner-head2.wht span{background-color:#fac446;color:#000}.stage-sec .inner-head2 span{font-size:26px;font-weight:500;background-color:#016cff;color:#fff;padding:12px 16px;line-height:normal;border-radius:100%;margin-right:10px}.stage-sec .reg{font-size:14px;font-weight:400;margin-bottom:30px}.stage-sec .reg.wht{color:#fff}.stage-sec .reg.cntr{text-align:center}.stage-sec .reg.nm{margin-bottom:0}.stage-sec.stage1{background-color:#eef8ff}.stage-sec.stage2 .inner-wrapper{padding-top:110px}.stage-sec.stage2 .inner-wrapper .icon-bg{width:270px;position:absolute;top:-20px;right:0}.stage-sec.stage3{background-color:#006cff}.stage-sec.stage3 h3{font-size:16px;font-weight:bold;margin-bottom:20px;text-align:left}.stage-sec .inner-wrapper{width:1200px;margin:0 auto;max-width:calc(100% - 40px);position:relative}.stage-sec .stage-1-col-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;width:930px;margin:0 auto;gap:20px;max-width:100%}.stage-sec .stage-1-col-wrapper .stage-1-item{display:flex;flex-direction:row;width:calc(100% / 3 - 14px);border:1px solid #222;border-radius:8px;box-shadow:9px 9px 14px 0 rgba(149,149,149,0.09);cursor:pointer;font-size:20px;font-weight:500;align-items:center;padding:10px 15px;text-align:left;background-color:#fff;box-sizing:border-box;transition:background-color .4s cubic-bezier(1,1,0,0.01),box-shadow .4s cubic-bezier(1,1,0,0.01),transform .4s cubic-bezier(1,1,0,0.01)}.stage-sec .stage-1-col-wrapper .stage-1-item span{display:flex;flex-shrink:0;margin-right:20px}.stage-sec .stage-1-col-wrapper .stage-1-item:hover{border:1px solid #016cff;background-color:#016cff;color:#fff;transform:scale(1.04);box-shadow:1px 1px 8px 0 rgba(0,0,0,0.28)}.stage-sec .stage-1-col-wrapper .stage-1-item.active{border:1px solid #016cff;background-color:#016cff;transform:scale(1.04);box-shadow:1px 1px 8px 0 rgba(0,0,0,0.28);color:#fff}.stage-sec .stage-2-col-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;width:1100px;margin:0 auto;gap:10px;max-width:100%}.stage-sec .stage-2-col-wrapper .stage-2-item{display:flex;flex-direction:row;cursor:pointer;font-size:16px;font-weight:500;background-color:#f2f2f2;border:1px solid #f2f2f2;align-items:center;box-sizing:border-box;padding:14px 20px;color:#000;transition:.4s cubic-bezier(1,1,0,0.01);border-radius:5px}.stage-sec .stage-2-col-wrapper .stage-2-item:hover{transform:scale(1.02);box-shadow:1px 1px 8px 0 rgba(0,0,0,0.28)}.stage-sec .stage-2-col-wrapper .stage-2-item.filter_data-2{color:#fff;border:1px solid #006cff;background-color:#006cff;transition:all .3s ease-in}.stage-sec .stage-2-col-wrapper .stage-2-item.filter_data-2:hover{background-color:#fff;color:#006cff;box-shadow:1px 1px 8px 0 rgba(0,0,0,0.28);transform:scale(1.02)}.stage-sec .stage-2-col-wrapper .stage-2-item.filter_data-2.active{background-color:#fff;color:#006cff;box-shadow:1px 1px 8px 0 rgba(0,0,0,0.28);transform:scale(1.02)}.stage-sec .filter-wrapper{background-color:#fff;padding:40px;border-radius:10px;margin-bottom:70px}.stage-sec .filter-wrapper .stage-group-3{margin-bottom:40px}.stage-sec .filter-wrapper .stage-group-3.nm{margin-bottom:0}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;width:1180px;margin:0 auto;gap:10px;max-width:100%}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper .stage-3-item{display:flex;flex-direction:row;cursor:pointer;font-size:16px;font-weight:500;background-color:#f2f2f2;border:1px solid #f2f2f2;align-items:center;box-sizing:border-box;color:#000;border-radius:5px;transition:.4s cubic-bezier(1,1,0,0.01)}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper .stage-3-item a{padding:14px 20px;color:#000;background-color:transparent;text-align:left}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper .stage-3-item:hover{transform:scale(1.02);box-shadow:1px 1px 8px 0 rgba(0,0,0,0.28)}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper .stage-3-item.filter_data-3{color:#fff;background-color:#006cff;border:1px solid #006cff}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper .stage-3-item.filter_data-3 a{color:#fff}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper .stage-3-item.filter_data-3:hover{background-color:#fff;color:#006cff;box-shadow:1px 1px 8px 0 rgba(0,0,0,0.28);transform:scale(1.02)}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper .stage-3-item.filter_data-3:hover a{color:#006cff}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper .stage-3-item.filter_data-3.active{background-color:#fff;color:#006cff;box-shadow:1px 1px 8px 0 rgba(0,0,0,0.28);transform:scale(1.02)}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper .stage-3-item.active{color:#006cff;background-color:#fff;border:1px solid #006cff}.bottom-trial-banner{background-image:url("/sites/zweb/images/jp/crm/resources-navi-banner-bg-2x.webp");background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:20px;position:relative;width:1050px;margin:0 auto;max-width:100%;background-color:#78b2e3}.bottom-trial-banner .bg-left{width:291px;position:absolute;left:73px;bottom:-30px;z-index:2}.bottom-trial-banner .bg-right{width:301px;position:absolute;right:58px;bottom:-38px;z-index:2}.bottom-trial-banner .inner-layer{width:100%;overflow:hidden;position:relative;z-index:1;padding:45px}.bottom-trial-banner .inner-layer .inner-head-2{font-size:23px;line-height:1.6}.bottom-trial-banner .inner-layer .circle{position:absolute;width:470px;height:470px;border-radius:100%;background-color:#fff;left:50%;transform:translate(-50%,-50%);top:50%;z-index:-1}.bottom-trial-banner .inner-layer .btm-cta{visibility:visible;opacity:1;font-size:18px;font-weight:bold;border-radius:4px;padding:12px 27px;min-width:215px;vertical-align:middle;background-color:#f0483e;position:relative;color:#fff;display:inline-block}.active-slider{position:fixed;top:50%;right:95px;transform:translate(0,-50%);display:flex;flex-direction:column;opacity:0;transition:opacity .1s ease-in;z-index:3;pointer-events:none}.active-slider.enable_slider{opacity:1;transition:opacity .5s ease-in}.active-slider .slider-item{display:flex;flex-direction:column;align-items:center}.active-slider .slider-item.active .slider-num{color:#fff;padding:10px 12px;background-color:#fac446;transition:font-size .2s,background-color .4s}.active-slider .slider-item.active .slider-num span{font-size:16px;transform:scale(1) translate(-50%,-50%);opacity:1;background-color:#fac446;border-radius:100%;text-align:center;margin:0 auto;vertical-align:middle;padding:11px 14px;transition:all .3s}.active-slider .slider-item.active .border-line{border:1px dashed #fac446;transition:border .5s}.active-slider .slider-item .slider-num{padding:10px;background-color:#f3eee1;border-radius:100%;transition:font-size .5s,background-color .4s;position:relative}.active-slider .slider-item .slider-num span{font-size:0;position:absolute;opacity:0;transform:scale(0) translate(-50%,-50%);transform-origin:center;transition:all .3s;top:50%;left:50%}.active-slider .slider-item .border-line{width:1px;height:100px;border:1px dashed #f3eee1;transition:border .5s}.rest-wrap{position:relative}.reset{text-align:right;position:absolute;bottom:-23px;right:0;display:none}.reset>span{font-size:16px;font-weight:500;text-decoration:underline;text-underline-offset:4px;color:#fff;cursor:pointer}.reset>span span{border-left:8px solid #fac446;border-top:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid transparent;display:inline-block;position:relative;vertical-align:middle;margin-left:5px}@media only screen and (max-width:1199px){.banner-sec .inner-wrapper h1{font-size:40px}.banner-sec .inner-wrapper h1 span{font-size:60px}.banner-sec .inner-wrapper picture.bg1{width:250px;bottom:-30px;left:0}.banner-sec .inner-wrapper picture.bg2{width:240px;left:0;bottom:-10px}.banner-sec .inner-wrapper picture.bg3{width:250px;bottom:-70px;right:0}.banner-sec .inner-wrapper picture.bg4{width:290px;right:30px;bottom:-20px}.bottom-trial-banner .bg-left{width:271px;left:43px}.bottom-trial-banner .bg-right{width:271px;right:28px}.active-slider{display:none}}@media only screen and (max-width:991px){.banner-sec .inner-wrapper picture.bg1{display:none}.banner-sec .inner-wrapper picture.bg2{width:210px;left:-30px;bottom:-20px}.banner-sec .inner-wrapper picture.bg3{display:none}.banner-sec .inner-wrapper picture.bg4{width:240px;right:-10px;bottom:-10px}.stage-sec{padding:60px 0}.stage-sec.stage2 .inner-wrapper .icon-bg{width:210px;top:-40px}.stage-sec .stage-1-col-wrapper .stage-1-item{width:calc(100% / 2 - 10px)}.bottom-trial-banner .bg-left{width:211px;left:-7px;bottom:-10px}.bottom-trial-banner .bg-right{width:221px;right:0;bottom:-10px}}@media only screen and (max-width:767px){.banner-sec .inner-wrapper{background-color:rgba(255,255,255,0.52);margin:40px auto;padding:20px;border-radius:10px}.banner-sec .inner-wrapper h1{font-size:34px}.banner-sec .inner-wrapper h1 span{font-size:50px}.banner-sec .inner-wrapper span.bg-circle{display:none}.banner-sec .inner-wrapper picture{display:none}.stage-sec{padding:50px 0}.stage-sec .inner-head2{font-size:28px;margin-bottom:25px}.stage-sec .inner-head2 span{font-size:18px;padding:7px 10px}.stage-sec .reg.rest-wrap{margin-bottom:40px}.stage-sec.stage2 .inner-wrapper{padding-top:0}.stage-sec.stage2 .inner-wrapper .icon-bg{width:190px;position:relative;top:0;right:0;margin:0 auto 20px auto}.stage-sec .stage-1-col-wrapper .stage-1-item{font-size:18px}.stage-sec .stage-1-col-wrapper .stage-1-item span:not(.lazy){zoom:.6}.stage-sec .stage-2-col-wrapper .stage-2-item{width:100%;text-align:left}.stage-sec .filter-wrapper{padding:20px;margin-bottom:50px}.stage-sec .filter-wrapper .stage-group-3 .stage-3-col-wrapper .stage-3-item{width:100%;text-align:center}.bottom-trial-banner .bg-left{display:none}.bottom-trial-banner .bg-right{display:none}.bottom-trial-banner .inner-layer .circle{width:calc(100% - 40px);height:calc(100% - 40px);border-radius:0;left:20px;transform:none;top:20px}.reset{bottom:-33px}}@media only screen and (max-width:580px){.stage-sec .stage-1-col-wrapper .stage-1-item{width:100%}.stage-sec .stage-1-col-wrapper .stage-1-item br{display:none}}