.front .top-service-wrapper{background-color:#f2f2f2;padding-bottom:100px;padding-top:80px}@media screen and (min-width:500px){.front .top-service-wrapper{padding-bottom:77px;padding-top:137px}}@media screen and (min-width:1000px){.front .top-service-wrapper{padding-bottom:240px;padding-top:240px}}.front .top-service-wrapper .main h2{font-family:Montserrat,sans-serif;font-size:22px}@media screen and (min-width:500px){.front .top-service-wrapper .main h2{font-size:24px;margin-bottom:22px}}@media screen and (min-width:1000px){.front .top-service-wrapper .main h2{font-size:40px;margin-bottom:29px}}.front .top-service-wrapper .main h2 span{display:block;font-size:12px;font-weight:500;margin-top:6px;opacity:.6}@media screen and (min-width:500px){.front .top-service-wrapper .main h2 span{font-size:14px}}@media screen and (min-width:1000px){.front .top-service-wrapper .main h2 span{font-size:16px}}.front .top-service-wrapper .main h3{font-size:20px;font-weight:700;line-height:1.5;margin-bottom:25px;margin-top:35px}@media screen and (min-width:500px){.front .top-service-wrapper .main h3{font-size:22px;margin-bottom:30px;margin-top:0;width:calc(50% - 20px)}}@media screen and (min-width:1000px){.front .top-service-wrapper .main h3{font-size:40px;margin-bottom:72px;margin-top:0}}.front .top-service-wrapper .main .top-service-implementation-box{border-top:1px solid hsla(0,0%,100%,.1);margin-top:30px;padding-top:30px}.front .top-service-wrapper .main .top-service-implementation-box ul{list-style:none;margin-bottom:0;padding-left:0}.front .top-service-wrapper .main .top-service-implementation-box ul li{background:url(https://www.jbnet.jp/hubfs/JBNet_November2023/ico-angle-r.svg) no-repeat 0 5px;font-size:13px;line-height:1.5;margin-bottom:10px;padding-left:13px}.front .top-service-wrapper .main .top-service-implementation-box ul li:last-child{margin-bottom:0}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-implementation-box ul li{background-position:0 6px;font-size:16px}.front .top-service-wrapper .main .top-service-row{margin-left:-50px;margin-right:-50px}.front .top-service-wrapper .main .top-service-row>div{padding-left:50px;padding-right:50px}.front .top-service-wrapper .main .top-service-row>div:last-child{margin-top:1rem}}.front .top-service-wrapper .main .top-service-row>div:first-child .image-box{margin-bottom:30px}.front .top-service-wrapper .main .top-service-row>div:first-child .image-box img{display:block;margin-left:auto;margin-right:auto}.front .top-service-wrapper .main .top-service-row>div:first-child p{font-size:13px;line-height:2;margin-bottom:30px}@media screen and (min-width:500px){.front .top-service-wrapper .main .top-service-row>div:first-child p{font-size:16px}}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-row>div:first-child p{font-size:18px}}.front .top-service-wrapper .main .top-service-hubspot-row{flex-wrap:nowrap;margin-left:-10px;margin-right:-10px}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-hubspot-row{margin-left:-1rem;margin-right:-1rem}}.front .top-service-wrapper .main .top-service-hubspot-row>div{padding-left:10px;padding-right:10px}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-hubspot-row>div{padding-left:1rem;padding-right:1rem}}.front .top-service-wrapper .main .top-service-implementation-card{background-color:#111;border-radius:15px;color:#fff;line-height:2;margin-bottom:20px;padding:50px 30px}.front .top-service-wrapper .main .top-service-implementation-card .image-box{width:70px}@media screen and (min-width:500px){.front .top-service-wrapper .main .top-service-implementation-card{margin-bottom:40px}}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-implementation-card{margin-bottom:80px}.front .top-service-wrapper .main .top-service-implementation-card .image-box{width:120px}}.front .top-service-wrapper .main .top-service-implementation-card:last-child{margin-bottom:0}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-implementation-card{padding:80px 64px}}.front .top-service-wrapper .main .top-service-implementation-card h1,.front .top-service-wrapper .main .top-service-implementation-card h2,.front .top-service-wrapper .main .top-service-implementation-card h3,.front .top-service-wrapper .main .top-service-implementation-card h4,.front .top-service-wrapper .main .top-service-implementation-card h5,.front .top-service-wrapper .main .top-service-implementation-card h6{color:#fff}.front .top-service-wrapper .main .top-service-implementation-card h4{font-size:16px;font-weight:700;line-height:1.5;margin-bottom:20px;padding-left:35px;position:relative}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-implementation-card h4{font-size:26px;margin-bottom:34px;padding-left:55px}}.front .top-service-wrapper .main .top-service-implementation-card h4:before{background:url(https://www.jbnet.jp/hubfs/JBNet_November2023/top/service-title-bg.svg) no-repeat 50% 50%;background-size:contain;content:"";height:25px;left:0;position:absolute;top:0;width:25px}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-implementation-card h4:before{height:40px;width:40px}}.front .top-service-wrapper .main .top-service-implementation-card h5{font-size:13px;font-weight:400;line-height:1.5;margin-bottom:8px}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-implementation-card h5{font-size:16px}}.front .top-service-wrapper .main .top-service-implementation-card p{color:hsla(0,0%,100%,.8);font-size:13px}.front .top-service-wrapper .main .top-service-implementation-card p:last-child{margin-bottom:0}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-implementation-card p{font-size:16px}}.front .top-service-wrapper .main .top-service-implementation-card .top-service-link{font-size:13px;line-height:1;margin-bottom:0;text-align:right}@media screen and (min-width:1000px){.front .top-service-wrapper .main .top-service-implementation-card .top-service-link{font-size:16px}}.front .top-service-wrapper .main .top-service-implementation-card .top-service-link a{color:#fff}.front .top-service-wrapper .main .top-service-implementation-card .top-service-link a span{background:url(https://www.jbnet.jp/hubfs/JBNet_November2023/ico-angle-r.svg) no-repeat 0 3px;background-size:6px 9px;border-bottom:1px solid hsla(0,0%,100%,.5);display:inline-block;padding-bottom:6px;padding-left:13px}@media screen and (min-width:500px){.front .top-service-wrapper #serviceCards{margin-bottom:0;padding-bottom:100%;position:sticky;top:110px;width:100%}.front .top-service-wrapper #serviceCards>*{left:0;opacity:0;position:absolute;right:0}.front .top-service-wrapper #serviceCards .card1,.front .top-service-wrapper #serviceCards.card-toggle2 .card2{opacity:1}.front .top-service-wrapper #serviceCards.card-toggle2 .card1{opacity:0}.front .top-service-wrapper #serviceCards.card-toggle3 .card3{opacity:1}.front .top-service-wrapper #serviceCards.card-toggle3 .card1,.front .top-service-wrapper #serviceCards.card-toggle3 .card2{opacity:0}.front .top-service-wrapper #serviceCards.card-toggle4 .card4{opacity:1}.front .top-service-wrapper #serviceCards.card-toggle4 .card1,.front .top-service-wrapper #serviceCards.card-toggle4 .card2,.front .top-service-wrapper #serviceCards.card-toggle4 .card3{opacity:0}.front .top-service-wrapper #serviceCards{padding-bottom:88%}.front .top-service-wrapper .main .top-service-implementation-card .top-service-link a:hover span{border-color:transparent}}@media screen and (min-width:1000px){.front .top-service-wrapper #serviceCards{padding-bottom:75%}}