.c-service-panel-wrapper{display:grid;gap:var(--wp--preset--spacing--32);grid-template-columns:1fr;justify-items:center;margin:0 auto}.c-service-panel,.c-service-panel-wrapper{max-width:calc(var(--wp--style--global--content-size) + 13.75rem);width:100%}.c-service-panel{container-type:inline-size;margin:0;margin-block-start:0!important;padding:0}.c-service-panel__card{background:var(--wp--preset--color--light-blue);border-radius:4px;height:100%;margin:0;overflow:hidden;padding:var(--wp--preset--spacing--64);position:relative}@container (max-width: 767.9px){.c-service-panel__card{padding:calc(var(--wp--preset--spacing--96)*.8) var(--wp--preset--spacing--28) var(--wp--preset--spacing--48)}}.c-service-panel__inner{align-items:center;container-type:inline-size;display:flex;flex-direction:row-reverse;gap:var(--wp--preset--spacing--56);justify-content:space-between;margin:0 auto;max-width:var(--wp--style--global--content-size);width:100%}@container (max-width: 767.9px){.c-service-panel__inner{align-items:flex-start;display:block;flex-direction:column}}.c-service-panel__image-area{overflow:hidden;position:relative;right:calc(var(--wp--preset--spacing--16)*-1)}@container (min-width: 768px){.c-service-panel__image-area{flex-shrink:1;right:0;width:36rem;width:100%}}.c-service-panel__main-image{border-radius:var(--wp--custom--border-radius--8);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-service-panel__content{background:none;container-type:inline-size;flex-shrink:.6;position:relative;width:100%}@container (min-width: 768px){.c-service-panel__content{flex-shrink:1}}.c-service-panel__category{align-items:center;border:1px solid var(--wp--preset--color--primary);border-radius:8px;display:inline-flex;gap:var(--wp--preset--spacing--12);overflow:hidden;padding:.2em .8em}@container (max-width: 767.9px){.c-service-panel__category{gap:var(--wp--preset--spacing--8);margin-bottom:var(--wp--preset--spacing--20)}}.c-service-panel__category-dot{background:var(--wp--preset--color--primary);border-radius:50%;display:none;flex-shrink:0;height:4px;width:4px}.c-service-panel__category-text{color:var(--wp--preset--color--primary);font-size:var(--wp--preset--font-size--xs);font-weight:400;margin:0;overflow:hidden}.c-service-panel__logo{margin-bottom:var(--wp--preset--spacing--32);margin-top:var(--wp--preset--spacing--32);-o-object-fit:contain;object-fit:contain;width:auto}@container (max-width: 767.9px){.c-service-panel__logo{margin-top:var(--wp--preset--spacing--8);max-width:13rem}}.c-service-panel__title{font-size:var(--wp--preset--font-size--ll);font-weight:700;line-height:1.5;margin-bottom:var(--wp--preset--spacing--8)}.c-service-panel__button-container{margin-top:var(--wp--preset--spacing--32)}@media not all and (min-width:768px){.c-service-panel__button-container{text-align:center}}@container (max-width: 767.9px){.c-service-panel__button{font-size:var(--wp--preset--font-size--ms);padding:var(--wp--preset--spacing--12) var(--wp--preset--spacing--32)}}.c-service-panel__image-placeholder{background:#f0f0f0;font-size:var(--wp--preset--font-size--ms)}.c-service-panel__icon-placeholder,.c-service-panel__image-placeholder{align-items:center;color:var(--wp--preset--color--gray);display:flex;height:100%;justify-content:center;width:100%}.c-service-panel__icon-placeholder{background:#e0e0e0}.c-service-panel__icon-placeholder,.c-service-panel__url-info{border-radius:var(--wp--custom--border-radius--8);font-size:var(--wp--preset--font-size--xs)}.c-service-panel__url-info{background:#f8f9fa;color:var(--wp--preset--color--gray);margin-top:var(--wp--preset--spacing--16);padding:var(--wp--preset--spacing--8)}.c-service-panel--left{text-align:left}.c-service-panel--center{text-align:center}.c-service-panel--right{text-align:right}.c-service-panel__decor{height:auto;opacity:0;pointer-events:none;position:absolute;right:clamp(1.4rem,10/var(--wp--custom--viewport-width--sp)*100vw,2rem);top:clamp(1.4rem,10/var(--wp--custom--viewport-width--sp)*100vw,2rem);width:140px;width:clamp(60px,60/var(--wp--custom--viewport-width--sp)*100vw,105px);z-index:1}.c-service-panel__decor.is-show{opacity:1}.c-service-panel__decor.is-show .sp-move-1,.c-service-panel__decor.is-show .sp-move-2-base,.c-service-panel__decor.is-show .sp-move-2-overlay,.c-service-panel__decor.is-show .sp-move-3,.c-service-panel__decor.is-show .sp-move-4,.c-service-panel__decor.is-show .sp-move-5,.c-service-panel__decor.is-show .sp2-move-1,.c-service-panel__decor.is-show .sp2-move-2,.c-service-panel__decor.is-show .sp2-move-3,.c-service-panel__decor.is-show .sp2-move-4,.c-service-panel__decor.is-show .sp2-move-5,.c-service-panel__decor.is-show .sp2-move-6,.c-service-panel__decor.is-show .sp3-move-1,.c-service-panel__decor.is-show .sp3-move-2,.c-service-panel__decor.is-show .sp3-move-3,.c-service-panel__decor.is-show .sp3-move-4,.c-service-panel__decor.is-show .sp3-move-5{animation:service-panel-decor-move 12s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--delay,0s);animation-play-state:running!important}.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp-move-1,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp-move-2-base,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp-move-2-overlay,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp-move-3,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp-move-4,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp-move-5,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp2-move-1,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp2-move-2,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp2-move-3,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp2-move-4,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp2-move-5,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp2-move-6,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp3-move-1,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp3-move-2,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp3-move-3,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp3-move-4,.c-service-panel__card[data-animation-loop=false] .c-service-panel__decor.is-show .sp3-move-5{animation:service-panel-decor-move-once 3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--delay,0s);animation-play-state:running!important}.c-service-panel__decor-svg{display:block;height:auto;overflow:visible;width:100%}.c-service-panel__decor[data-variant=typeA] .csp-variant-a,.c-service-panel__decor[data-variant=typeA] .csp-variant-b,.c-service-panel__decor[data-variant=typeA] .csp-variant-c{display:none}.c-service-panel__decor[data-variant=typeA] .csp-variant-a{display:block}.c-service-panel__decor[data-variant=typeB] .csp-variant-a,.c-service-panel__decor[data-variant=typeB] .csp-variant-b,.c-service-panel__decor[data-variant=typeB] .csp-variant-c{display:none}.c-service-panel__decor[data-variant=typeB] .csp-variant-b{display:block}.c-service-panel__decor[data-variant=typeC] .csp-variant-a,.c-service-panel__decor[data-variant=typeC] .csp-variant-b,.c-service-panel__decor[data-variant=typeC] .csp-variant-c{display:none}.c-service-panel__decor[data-variant=typeC] .csp-variant-c{display:block}.c-service-panel__decor-dot{animation:service-panel-decor-move 1s ease-out forwards;border-radius:50%;height:16px;left:0;opacity:0;position:absolute;width:16px}.c-service-panel__decor-dot:first-child{animation-delay:0ms;top:32.9%}.c-service-panel__decor-dot:nth-child(2){animation-delay:.12s;top:33%}.c-service-panel__decor-dot:nth-child(3){animation-delay:.24s;top:32.7%}.c-service-panel__decor[data-variant=typeA] .sp-move-1{--distance:120px;--opacity:0.8;--delay:0s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeA] .sp-move-2{--distance:90px;--opacity:0.6;--delay:0.05s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeA] .sp-move-3{--distance:60px;--opacity:0.4;--delay:0.1s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeA] .sp-move-4{--distance:40px;--opacity:0.6;--delay:0.15s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeA] .sp-move-5{--distance:30px;--opacity:0.6;--delay:0.2s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeB] .sp2-move-1{--distance:160px;--opacity:0.6;--delay:0s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeB] .sp2-move-2{--distance:110px;--opacity:0.6;--delay:0.05s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeB] .sp2-move-3{--distance:70px;--opacity:0.4;--delay:0.1s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeB] .sp2-move-4{--distance:30px;--opacity:0.6;--delay:0.15s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeB] .sp2-move-5{--distance:40px;--opacity:0.7;--delay:0.2s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeB] .sp2-move-6{--distance:25px;--opacity:0.7;--delay:0.25s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeC] .sp3-move-1{--distance:140px;--opacity:0.8;--delay:0s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeC] .sp3-move-2{--distance:100px;--opacity:0.6;--delay:0.05s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeC] .sp3-move-3{--distance:80px;--opacity:0.6;--delay:0.1s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeC] .sp3-move-4{--distance:35px;--opacity:0.5;--delay:0.15s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeC] .sp3-move-5{--distance:45px;--opacity:1;--delay:0.2s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}.c-service-panel__decor[data-variant=typeA] .sp-move-2-base,.c-service-panel__decor[data-variant=typeA] .sp-move-2-overlay{--distance:90px;--opacity:0.6;--delay:0.05s;animation-play-state:paused;opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}@keyframes service-panel-decor-move{0%{opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}1%{opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}20%{opacity:var(--opacity,.6);transform:translateX(0)}60%{opacity:var(--opacity,.6);transform:translateX(0)}67%{opacity:0;transform:translateX(20px)}to{opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}}@keyframes service-panel-decor-move-once{0%{opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}1%{opacity:0;transform:translateX(calc(var(--distance, 100px)*-1))}to{opacity:var(--opacity,.6);transform:translateX(0)}}