@charset "utf-8";
/* button ******************************************************/
.btn-styleA {
  display: inline-block;
  width: 440px;
  max-width: 100%;
  margin: 0 auto;
  height: 72px;
  line-height: 72px;
  border-radius: 36px;
}
@media screen and (max-width: 768px) {
  .btn-styleA {
    max-width: 95%;
    height: 56px;
    line-height: 56px;
  }
}

/* bg ******************************************************/
.bg-green {
  background-color: #3fa535;
}
.bg-blue {
  background-color: #0063a7;
}
.bg-black {
  background-color: #000;
}
.bg-white {
  background-color: #fff;
}
.bg-lightGray {
  background-color: #e9e9e9;
}
@media screen and (max-width: 768px) {
}

/* border radius ******************************************************/
.bd-radiusS {
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .bd-radiusS {
    border-radius: 0.5rem;
  }
}

/* border  ******************************************************/
.bdBtm-green {
  border-bottom: solid 1px #3fa535;
}
.bdTop-green {
  border-top: solid 1px #3fa535;
}
.bdLeft-green {
  border-left: solid 1px #3fa535;
}
.bdRight-white {
  border-right: solid 1px #fff;
}
@media screen and (max-width: 768px) {
}

/* animation ******************************************************/
/* fade */
.displayed {
  animation: fadeUp 1.8s forwards;
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(70px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}