@charset "utf-8";

/*  ボタン
---------------------------------------------------------- */
@keyframes anime {
  0% {
    transform: scale(0.95);
    opacity: 1;
  }

  90% {
    opacity: 0.1;
  }

  to {
    transform: scale(1.2, 1.5);
    opacity: 0;
  }
}

/*01*/

/* .btn_box:before {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  top: 20px;
  left: 0;
  border-radius: 20px;
  background: #26ff1e;
  border: 1px solid #26ff1e;
} */
.btn_box:before {
  animation: anime 2s ease-out infinite;
}

/*/01*/

/*02*/
.btn_box02 {
  position: relative;
  top: 0px;
  margin-bottom: 50px;
  display: inline-block;
  width: 770px;
  height: 140px;

  transition: 0.2s;
  z-index: 1000;
}

.btn_box02:before,
.btn_box02:after {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  top: 40px;
  left: 0;
  border-radius: 90px;
  background: #e60112;
  border: 1px solid #e60112;
}

.btn_box02:before {
  animation: anime 2s ease-out infinite;
}

.btn_box02:after {
  animation: anime 2s ease-out 1s infinite;
}

/*/02*/

/*03*/
.btn_box03 {
  position: relative;
  top: 40px;
  margin-bottom: 100px;
  display: inline-block;
  width: 778px;
  height: 163px;

  transition: 0.2s;
  z-index: 1000;
}

.btn_box03:before,
.btn_box03:after {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  border-radius: 90px;
  background: #33a430;
  border: 1px solid #33a430;
}

.btn_box03:before {
  animation: anime 2s ease-out infinite;
}

.btn_box03:after {
  animation: anime 2s ease-out 1s infinite;
}

/*/03*/