/* -----------------------
  laser
----------------------- */
.laser {
  position: relative;
  background: url(../img/laser_bg.png) no-repeat bottom center/ 100%;
  overflow: hidden;
}

.laser_radar {
  position: absolute;
  bottom: max(calc(-210/ 750 * 100vw), -210px);
  width: min(calc(669/ 750 * 100vw), 669px);
  right: max(calc(-28/ 750 * 100vw), -28px);
  transform-origin: 50% 100%;
  animation: radar-sweep 10s ease-in-out infinite;
  will-change: transform;
}

@keyframes radar-sweep {
  0%   { transform: rotate(-40deg); }
  50%  { transform: rotate( 40deg); }
  100% { transform: rotate(-40deg); }
}

.laser_circle {
  position: absolute;
  top: min(calc(22/ 750 * 100vw), 22px);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: min(calc(1740/ 750 * 100vw), 1740px);
  z-index: 2;
  animation: rotateR 45s linear infinite;
}

 @keyframes rotateR {
      from { transform: translateX(-50%) rotate(0deg); }
      to   { transform: translateX(-50%) rotate(-360deg); }
  }