@charset "UTF-8";
/*ボタンキラキラ*/
.cv_btn {
  width: 83%;
  position: absolute;
  bottom: 9%;
  left: 10%;
}

@keyframes shiny {
  0% {
    left: -20%;
  }
  10% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}

@-webkit-keyframes shiny {
  0% {
    left: -20%;
  }
  10% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}

.shiny-btn {
  position: relative;
  display: block;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
}

.shiny-btn::after {
  content: "";
  position: absolute;
  top: -10%;
  left: -20%;
  width: 40px;
  height: 100%;
  -webkit-transform: scale(2) rotate(20deg);
  transform: scale(2) rotate(20deg);
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.8) 100%, rgba(255, 255, 255, 0) 0%);
  -webkit-animation-name: shiny;
  animation-name: shiny;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@media only screen and (max-width: 720px) {
  .cv_area {
    position: absolute;
  }
  .shiny-btn {
    position: relative;
    margin: auto;
    width: 90%;
    bottom: 20%;
  }
}
/*# sourceMappingURL=animation.css.map */