.p-homeMovie {
  max-width: 32rem;
  background-color: #fff;
  border: 1px solid #A3A3A3;
  border-radius: 3px;
  position: fixed;
  right: 2rem;
  bottom: 3.2rem;
  z-index: 10;
  overflow: hidden;
  transition: bottom 0.3s cubic-bezier(.445, .05, .55, .95), opacity 0.3s cubic-bezier(.445, .05, .55, .95), visibility 0.3s cubic-bezier(.445, .05, .55, .95)
}

.p-homeMovie.--recruit {
  bottom: 12.2rem
}

@media (max-width:991.9px) {
  .p-homeMovie {
    width: 17.2rem;
    bottom: 9.6rem
  }

  .p-homeMovie.--recruit {
    bottom: 9.6rem
  }
}

@media (hover:hover) {
  .p-homeMovie:hover .p-homeMovie__frame i {
    background-color: #fff
  }

  .p-homeMovie:hover .p-homeMovie__frame i::before {
    background-color: #007759
  }
}

@media (min-width:992px) {
  .p-homeMovie.is-scrolled {
    bottom: 3.2rem
  }
}

@media (max-width:991.9px) {
  .p-homeMovie.is-scrolledSp {
    bottom: 3rem
  }
}

.p-homeMovie.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

.p-homeMovie__inner {
  display: flex;
  align-items: center;
  column-gap: 1.6rem;
  padding: .8rem .8rem .8rem 1.2rem
}

@media (max-width:991.9px) {
  .p-homeMovie__inner {
    padding: .4rem;
    column-gap: 0
  }
}

.p-homeMovie__frame {
  display: flex;
  flex-direction: column;
  row-gap: 1rem
}

.p-homeMovie__frame i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.12rem;
  height: 2.8rem;
  background-color: #007759;
  border: 1px solid #007759;
  border-radius: 999px;
  transition: background-color 0.3s cubic-bezier(.445, .05, .55, .95)
}

.p-homeMovie__frame i::before {
  content: '';
  display: block;
  width: .7rem;
  height: .96rem;
  background-color: #fff;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  transform: translateX(.1rem);
  transition: background-color 0.3s cubic-bezier(.445, .05, .55, .95)
}

@media (max-width:991.9px) {
  .p-homeMovie__frame i {
    width: 3.68rem;
    height: 2.48rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20
  }

  .p-homeMovie__frame i::before {
    width: .56rem;
    height: .8rem
  }
}

.p-homeMovie__label {
  font-family: 'Raleway', sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .02em
}

@media (max-width:991.9px) {
  .p-homeMovie__label {
    display: none
  }
}

.p-homeMovie__slide {
  width: 18rem;
  aspect-ratio: 180 / 90;
  border-radius: 2px;
  overflow: hidden;
  position: relative
}

.p-homeMovie__item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  animation-name: fade;
  animation-duration: 6s;
  animation-iteration-count: infinite
}

@keyframes fade {
  0% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  80% {
    opacity: 0
  }

  100% {
    opacity: 0;
    z-index: 0
  }
}

.p-homeMovie__item:nth-child(2) {
  animation-delay: 2s
}

.p-homeMovie__item:nth-child(3) {
  animation-delay: 4s
}

.p-homeMovie__thumb {
  display: flex;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }
}

.p-dataBlock__mainFrame.--center {
  justify-content: flex-start
}

.p-dataModal__blockCaption {
  width: 50%;
  margin-top: 0.4rem;
  margin-left: auto;
  font-size: 0.875em;
}