.service-slider12{background-color:#f3f6fa;height:918px;padding:120px 0 40px;position:relative;z-index:1}header.service-slider-header{margin:0 auto;padding-left:calc(50% - 720px);padding-right:calc(50% - 720px);position:relative;width:100%;z-index:1}header.service-slider-header>h2{border-bottom:2px solid #a2a9b3;display:block;font-size:40px;font-weight:700;height:81px;letter-spacing:.384px;line-height:56px;margin-bottom:16px}.service-slider-control{float:left;font-size:0}.service-slider.prev{background:#000 url(https://50316006.fs1.hubspotusercontent-na1.net/hubfs/50316006/vn_iij/images/arrow-white-1.png) no-repeat 50%/16px auto;background-position:center 13px;transform:rotate(180deg)}.service-slider.next,.service-slider.prev{cursor:pointer;display:inline-block;height:40px;transition:opacity .2s;width:40px}.service-slider.next{background:#000 url(https://50316006.fs1.hubspotusercontent-na1.net/hubfs/50316006/vn_iij/images/arrow-white-1.png) no-repeat 50%/16px auto}.service-slider.next:hover,.service-slider.prev:hover{opacity:.5}.common-read-more{margin-top:16px;text-align:right}.common-read-more a{color:#17222b;font-size:20px;font-weight:700;line-height:50px;margin-top:39px}.common-read-more a,.common-read-more a:before{display:inline-block;height:48px;vertical-align:top}.common-read-more a:before{background:url(https://50316006.fs1.hubspotusercontent-na1.net/hubfs/50316006/vn_iij/images/arrow-black.png) no-repeat 15px/16px;border:2px solid #17222b;border-radius:4px;content:"";margin:0 10px 0 0;transition:background-position .3s;width:48px}.common-read-more a:hover:before{background-position:19px}.service-slider-idnex.index.pc{bottom:40px;margin:0 auto;padding-left:calc(50% - 720px);padding-right:calc(50% - 720px);position:absolute;width:100%}.service-slider-idnex.index.pc .counter{float:right;height:110px;position:relative;width:142px}.service-slider-idnex.index.pc .counter span#current{font-size:64px;font-weight:700;left:0;line-height:1em;position:absolute;top:0}.service-slider-idnex.index.pc .counter:before{background-color:#17222b;bottom:-15px;content:"";display:block;height:113px;opacity:.5;position:absolute;right:40px;transform:rotate(45deg);transform-origin:center center;width:2px}.service-slider-idnex.index.pc .counter span#total{bottom:0;font-size:24px;opacity:.5;position:absolute;right:0}section.service-items.slides{height:0;opacity:0;transition:all .3s ease;visibility:hidden}section.service-items.slides.active{height:auto;opacity:1;visibility:visible}.service-texts{left:calc(50% + 280px);position:absolute;top:525px;transform:translateY(-50%);width:440px}.service-texts h3.service-heading{font-size:56px;font-weight:700;line-height:73px;margin:0}.service-texts p.service-paragraph{font-size:18px;line-height:29px;margin:32px 0 0}.service-texts .service-button{margin:48px 0 0}.service-texts .service-button a{background-color:#c40736;background-image:url(https://50316006.fs1.hubspotusercontent-na1.net/hubfs/50316006/vn_iij/images/arrow-white-1.png);background-position:right 24px top 21px;background-repeat:no-repeat;background-size:16px auto;border-radius:4px;color:#fff;display:block;font-size:15px;font-weight:700;letter-spacing:.048em;line-height:48px;text-align:center;transition:background-color .3s;transition:background .3s;transition:background-color .3s,background-position .3s,box-shadow .3s;width:320px}.service-texts .service-button a:hover{background-color:#d7083b;background-position:right 16px top 21px;box-shadow:0 4px 16px rgba(215,8,59,.32)}.service-image{height:calc(100% - 40px);left:0;position:absolute;top:0;width:calc(50% + 220px);z-index:0}.service-image img{height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:1}.service-image:before{background:linear-gradient(180deg,rgba(243,246,250,.8),rgba(240,243,247,.3));content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.service-next-slide{background-color:#000f2e;bottom:-48px;height:300px;left:0;padding:64px 0 0;position:absolute;width:calc(50% - 280px)}p.service-next-slidenumber{color:#fff;float:right;font-size:24px;font-weight:700;line-height:1em;padding:0 0 10px;position:relative;width:440px}p.service-next-slidenumber:before{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;width:29px}p.service-next-paragraph.text{color:#fff;display:-webkit-box;float:right;font-size:18px;line-height:29px;overflow:hidden;padding:0 32px 0 0;width:440px;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin-top:0}.service-next-image{height:160px;position:absolute;right:280px;top:-120px;width:160px}.service-next-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:1520px){.service-slider-idnex.index.pc,header.service-slider-header{padding-left:40px;padding-right:40px}.service-texts{left:calc(50% + 227px);top:510px;width:333px}.service-image{height:calc(100% - 40px);left:0;position:absolute;top:0;width:calc(50% + 166px);z-index:0}.service-next-slide{width:480px}.service-slider-idnex.index.pc{padding-left:40px;padding-right:40px}.service-texts .service-button,.service-texts p.service-paragraph{margin:20px 0 0}}@media(max-width:1200px){.service-image{width:50%}.service-next-slide{width:480px}.service-texts{left:calc(50% + 40px);width:calc(50% - 80px)}.service-texts h3.service-heading{font-size:40px;line-height:60px}}@media(max-width:768px){.service-next-slide.clearfix{display:none}.service-image{height:283px;left:0;position:absolute;top:0;width:100%}.service-texts{left:0;padding:315px 32px 0;position:relative;top:0;transform:none;width:100%;z-index:0}header.service-slider-header.clearfix{left:0;padding:80px 32px 0;position:absolute;top:0}.service-slider-idnex.index.pc{display:none}.common-read-more a{font-size:16px;height:40px;line-height:40px;white-space:nowrap}.common-read-more a:before{border:2px solid #17222b;border-radius:4px;height:40px;margin:0 8px 0 0;width:40px}.service-texts .service-button a{width:100%}.service-slider-control{float:none}.service-texts h3.service-heading{font-size:30px;line-height:40px}.service-slider12{height:auto;min-height:571px;padding:0 0 40px;position:relative;z-index:1}header.service-slider-header>h2{border-bottom:2px solid #a2a9b3;font-size:24px;height:59px;line-height:34px;margin-bottom:16px}.service-slider12 .common-read-more a{margin-top:0}.service-slider12	.common-read-more{margin:0}.service-slider12	.common-read-more a:before{margin:0 4px 0 0}.service-texts h3.service-heading{font-size:36px;line-height:1;margin:0}.service-texts p.service-paragraph{font-size:16px;line-height:26px;margin-top:24px}.service-texts .service-button{margin-top:40px}}