.pc-only {
  display: block; }
  @media screen and (max-width: 768px) {
    .pc-only {
      display: none; } }

.sp-only {
  display: none; }
  @media screen and (max-width: 768px) {
    .sp-only {
      display: block; } }

.video-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -9999; }

video {
  position: absolute; }

@media (aspect-ratio: 16 / 9), (min-aspect-ratio: 16 / 9) {
  video {
    width: 100%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%); } }
@media (max-aspect-ratio: 16 / 9) {
  video {
    height: 100%;
    left: 50%;
    transform: translateX(-50%); } }