.sns-overview{padding:120px var(--page-gutter);background:var(--color-white);border-radius:20px;overflow:hidden}.sns-overview__inner{width:100%;max-width:var(--layout-content);gap:120px;margin-inline:auto;display:grid}.sns-overview__intro{place-items:center;height:240px;display:grid;position:relative}.sns-overview__orbit{background:url(../assets/business/sns-orbit.svg) 50%/100% 100% no-repeat;width:800px;height:411.684px;position:absolute;top:calc(50% + 5px);left:calc(50% + 10px);transform:translate(-50%,-50%)}.sns-overview__copy{text-align:center;gap:40px;width:100%;display:grid;position:relative}.sns-overview h1{color:#14141499;font-size:var(--font-heading-2);font-weight:700;line-height:var(--line-heading)}.sns-overview h1 span,.sns-overview h1 strong,.sns-overview__copy p>span{display:block}.sns-overview h1 strong,.sns-overview__copy p strong{color:var(--color-nice-black)}.sns-overview__copy p{color:#14141499;font-size:var(--font-heading-3);font-weight:700;line-height:var(--line-heading)}.sns-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.sns-capability{isolation:isolate;height:240px;color:var(--color-white);background:var(--color-nice-black);flex-direction:column;justify-content:space-between;padding:40px 120px 40px 40px;display:flex;position:relative;overflow:hidden}.sns-capability:before{z-index:-1;content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141452;position:absolute;inset:0}.sns-capability>img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sns-capability__number{font-family:var(--font-latin);font-size:var(--font-title-1);font-weight:700;line-height:var(--line-heading)}.sns-capability__copy{gap:8px;display:grid}.sns-capability h2{font-size:var(--font-title-3);font-weight:700;line-height:var(--line-title)}.sns-capability p{font-size:var(--font-body-2);font-weight:500;line-height:var(--line-body)}.sns-process{padding:80px var(--page-gutter);color:var(--color-white);background:var(--color-nice-gray-2)}.sns-process__inner{width:100%;max-width:var(--layout-content);gap:40px;margin-inline:auto;display:grid}.sns-process__heading{gap:40px;display:grid}.sns-process__heading>p{font-size:var(--font-title-4);font-weight:700;line-height:var(--line-title)}.sns-process__heading h2{color:#ffffff80;min-height:124px;font-size:var(--font-heading-3);font-weight:700;line-height:var(--line-heading)}.sns-process__heading h2 span,.sns-process__heading h2 strong{display:block}.sns-process__heading h2 strong{color:var(--color-white)}.sns-process__list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px;display:grid}.sns-process__list li{flex-direction:column;gap:20px;min-width:0;min-height:243px;padding:20px 20px 20px 0;display:flex;position:relative}.sns-process__list li:before{content:"";pointer-events:none;border-block:2px solid #00d4ff;position:absolute;inset:0 20px 0 0}.sns-process__step{color:#00d4ff;font-size:var(--font-title-4);font-weight:700;line-height:var(--line-title);text-transform:uppercase}.sns-process__icon{flex:0 0 120px;width:120px;height:120px;display:block;position:relative}.sns-process__icon img{max-width:none;position:absolute}.sns-process__icon--goal img{width:84px;height:84px;top:18px;left:18px}.sns-process__icon--campaign img{width:76px;height:100px;top:10px;left:22px}.sns-process__mobile-frame{border:4px solid #00d4ff33;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sns-process__mobile-frame:first-child{width:44px;height:79px}.sns-process__mobile-frame:nth-child(2){width:32px;height:67px}.sns-process__mobile-frame:nth-child(3){width:20px;height:55px}.sns-process__mobile-dot{background:url(../assets/business/sns-process-dot.svg) 50%/contain no-repeat;width:42px;height:42px;position:absolute}.sns-process__mobile-dot:nth-child(4){top:12px;left:29px}.sns-process__mobile-dot:nth-child(5){top:12px;left:49px}.sns-process__mobile-dot:nth-child(6){top:66px;left:29px}.sns-process__mobile-dot:nth-child(7){top:66px;left:49px}.sns-process__icon--optimization>span{width:80px;height:80px;position:absolute;top:20px;left:20px;transform:rotate(45deg)}.sns-process__icon--optimization img{width:84px;height:103px;top:-2px;left:-2px}.sns-process__icon--growth img{width:96px;height:92px;top:19px;left:3px}.sns-process__list strong{width:calc(100% - 20px);font-size:var(--font-title-3);font-weight:700;line-height:var(--line-title)}.sns-process__connector{width:20px;position:absolute;top:0;bottom:0;right:0}.sns-process__connector:before,.sns-process__connector:after{content:"";background:50%/contain no-repeat;width:20px;height:20px;position:absolute;left:0}.sns-process__connector:before{background-image:url(../assets/business/process-connector-top.svg);top:0}.sns-process__connector:after{background-image:url(../assets/business/process-connector-bottom.svg);bottom:0}.sns-process__list li:last-child .sns-process__connector{display:none}.sns-portfolio-cta{padding:40px var(--page-gutter);background:var(--color-nice-gray-2);justify-content:center;display:flex}.sns-portfolio-cta a{min-height:60px;color:var(--color-white);font-size:var(--font-button-2);white-space:nowrap;background:var(--color-nice-navy);border-radius:99px;align-items:center;padding:0 30px 0 40px;font-weight:700;line-height:1;transition:background-color .18s;display:inline-flex}.sns-portfolio-cta a:hover,.sns-portfolio-cta a:focus-visible{background:#181865}.sns-portfolio-cta a span{background:url(../assets/icon-chevron-right.svg) 50%/10px 16px no-repeat;width:20px;height:20px}@media (width>=1280px){.sns-process__list li{height:243px}}@media (width<=1279px){.sns-overview{padding-block:80px}.sns-overview__inner{gap:80px}.sns-overview__orbit{aspect-ratio:800/411.684;width:min(800px,100%);height:auto}.sns-overview__copy{gap:32px}.sns-capability{padding:32px 48px 32px 32px}.sns-process__list li{height:auto}}@media (width<=767px){.sns-overview{border-radius:0;padding-block:64px}.sns-overview__inner{gap:48px}.sns-overview__intro{height:auto;min-height:320px}.sns-overview__orbit{width:520px;height:268px}.sns-overview__copy{gap:24px}.sns-capabilities{grid-template-columns:1fr}.sns-capability{height:240px;padding:28px 24px}.sns-process{padding-block:64px}.sns-process__inner{gap:32px}.sns-process__heading{gap:20px}.sns-process__heading h2{min-height:0}.sns-process__list{grid-template-columns:1fr;row-gap:20px}.sns-process__list li{padding-right:0}.sns-process__list li:before{right:0}.sns-process__list strong{width:100%}.sns-process__connector{display:none}.sns-portfolio-cta{padding-block:32px}.sns-portfolio-cta a{min-height:56px;padding-left:32px;padding-right:26px}}