body {
  font-family: "BIZ UDGothic", sans-serif;
}

h1 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

h3,
.h3,
h2,
.h2,
h1,
.h1 {
  font-weight: 700;
}

a.nav-link {
  color: #fff;
}

a.nav-link:hover {
    color: #ed6518;
    text-decoration: underline;
  }

.btn-shanon-color {
  color: #fff;
  background-color: #004ea1;
}

.btn-shanon-color:hover {
    color: #fff;
    background-color: #ed6518;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
  }

.lead {
  line-height: 1.7;
  font-weight: 400;
}

.application_link .application-arrow {
  font-size: 2.3rem;
}

.after-flow {
  display: none!important;
}

.bounceX {
  animation: bounceX 5.2s infinite both;
}

@keyframes bounceX {

  0% {
    transform: translateX(6px);
    animation-timing-function: ease-in;
    opacity: 1;
  }

  2% {
    transform: translateX(12px);
    animation-timing-function: ease-in;
    opacity: 1;
  }

  6% {
    transform: translateX(-4px);
    opacity: 1;
  }

  10% {
    transform: translateX(9px);
    animation-timing-function: ease-in;
  }

  17% {
    transform: translateX(6px);
    animation-timing-function: ease-in;
  }

  21% {
    transform: translateX(3px);
    animation-timing-function: ease-in;
  }

  24% {
    transform: translateX(1px);
    animation-timing-function: ease-in;
  }

  7%,
  14%,
  19%,
  22% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
  }

  27% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}

#acting_alert {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 5px;
  z-index: 1000;
  opacity: 0.6;
}

#acting_alert p.close_alert {
  margin: 0;
  padding: 3px;
  background: #1393c0;
  text-align: right;
  height: 25px;
}

#acting_alert p.content {
  padding: 1em;
  margin: 0;
  background: #fff;
  border: 1px solid #1393c0;
  height: 100%;
}

#acting_alert span.top,
#acting_alert span.bottom {
  display: block;
  background: #fff;
}

#acting_alert span.top span,
#acting_alert span.bottom span {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #1393c0;
}

#acting_alert span.r1 {
  margin: 0 5px;
}

#acting_alert span.r2 {
  margin: 0 3px;
}

#acting_alert span.r3 {
  margin: 0 2px;
}

#acting_alert span.top span.r4,
span.bottom span.r4 {
  margin: 0 1px;
  height: 2px;
}

#acting_alert span.item {
  font-size: 12px;
}

.close_alert a img {
  float: left;
  width: 23px;
  height: 23px;
}


