@-webkit-keyframes popup {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popup {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#form__popup {
  display: none;
}
#form__popup.is-active {
  display: block;
  opacity: 0;
  -webkit-animation-name: popup;
          animation-name: popup;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
#form__popup .form__popup__success {
  display: none;
}
#form__popup .form__popup__success.is-active {
  display: block;
}
#form__popup .form__popup__error {
  display: none;
}
#form__popup .form__popup__error.is-active {
  display: block;
}

#js-agree__popup__txt {
  text-decoration: underline;
}

#js-agree__popup__cont {
  display: none;
}
#js-agree__popup__cont.is-active {
  display: block;
  opacity: 0;
  -webkit-animation-name: popup;
          animation-name: popup;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}