.o-eye-catcher {
  position: relative;
  margin-bottom: 80px;
}

.o-eye-catcher__images {
  position: relative;
  z-index: 1;

  &:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: linear-gradient(0, $greenGradient);
    opacity: 0.5;
  }

  .c-slide-projector__slide {
    height: 85vh;
    min-height: 500px;
    max-height: 650px;
    @include mq(1260) {
      min-height: 600px;
      max-height: none;
    }
  }
}

.o-eye-catcher__main {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 40px;
  height: 100%;
  width: 100%;

  @include mq(1260) {
    align-items: center;
    padding-bottom: 0;
  }
}

.o-eye-catcher__bottom {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: -85px;
  display: none;
  width: 100%;

  @include mq(1260) {
    display: block;
  }
}

.o-eye-catcher__flex {
  @include flex(flex-end);
}