.im-service-film { isolation:isolate; }
.im-service-film > video {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  border:0;pointer-events:none;z-index:0;background:#17111b;
  transform:translateZ(0);backface-visibility:hidden;
}
.im-service-film > img {
  position:absolute;inset:0;z-index:1;pointer-events:none;
  opacity:1;transition:none;
}
.im-service-film.is-playing > img { opacity:0;transition:opacity .25s ease; }
.im-service-film::after {
  content:"";position:absolute;inset:60% 0 0;z-index:1;pointer-events:none;
  background:linear-gradient(transparent,rgba(0,0,0,.48));
}
.im-service-film > span { right:auto;pointer-events:none; }
.im-service-film-open {
  position:absolute;right:20px;bottom:16px;z-index:3;
  padding:10px 14px;border:1px solid #ffffff80;border-radius:30px;
  background:#17111b75;color:#fff;font:500 11px/1.4 var(--im-jp,sans-serif);
  backdrop-filter:blur(8px);cursor:pointer;
}
.im-service-film-open:hover { background:#17111bc0; }
.im-service-film-open:focus-visible { outline:2px solid white;outline-offset:4px; }
@media(max-width:540px) {
  .im-service-film-open { right:12px;bottom:15px;padding:8px 10px;font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .im-service-film > img { transition:none; }
}