.solution-panel{position:relative}
.service-visual{width:100%;height:300px;position:relative;overflow:hidden;background:#081426}
.service-visual>img,.service-visual>canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.service-visual>canvas{visibility:hidden}
.service-visual.is-live>img{visibility:hidden}
.service-visual.is-live>canvas{visibility:visible}
.service-motion{position:absolute;top:14px;right:14px;z-index:2;background:#0b1425e8;color:#d6e5ff;border:1px solid #48648b;border-radius:24px;padding:7px 12px;font:450 11px var(--sans)}
.service-motion[hidden]{display:none}
.solution-tab .motion-thumb{display:block;position:relative;flex:none;width:70px;height:70px;overflow:hidden;border-radius:7px;background:#081426}
.solution-tab .motion-thumb>img,.solution-tab .motion-thumb>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.motion-thumb>canvas{visibility:hidden}.motion-thumb.is-live>canvas{visibility:visible}.motion-thumb.is-live>img{visibility:hidden}
.transform-word{display:inline-block;white-space:nowrap}.transform-char{display:inline-block;transform-origin:center 70%}
@media(max-width:1100px){.solution-tab .motion-thumb{width:56px;height:56px}}
@media(max-width:760px){.service-visual{height:230px}.solution-tab .motion-thumb{width:54px;height:48px}.service-motion{top:10px;right:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.transform-char{transform:none!important}.service-motion{display:none}}