@charset "utf-8";

/*----- header -----*/
#h_logo {width:28rem;}
#h_btn {width:37rem;}

/*----- mi -----*/
#mv_bln {width: 52rem;}
#mv_logo {
  width: 57rem;
  margin-top: -3rem;
}
#mv_bln02 {
  width: 14rem;
  top: -12.5rem;
  right: 2.5rem;
}

.btn {
  width: 65rem;
  display: block;
  padding: 3.3rem 0;
  color: #fff;
  text-decoration: none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 3rem;
  box-shadow: 0.8rem 1rem #5a8500;
}
.white_bg .btn {
  box-shadow: 0.8rem 1rem #237684;
}
.btn01 {
  background: #00dbc8 url(../img/common/btn_arw01.svg) no-repeat 90% center;
  background-size: 3.3rem;
  animation: animation11 2s linear infinite;
}
.btn02 {
  background: #4ac2ff url(../img/common/btn_arw01.svg) no-repeat 90% center;
  background-size: 3.3rem;
}
@keyframes animation11 {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(0.97, 1.1) translate(0%, -6%); }
  25%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  30%  { transform: scale(0.97, 1.03) translate(0%, -2%); }
  35%  { transform: scale(1.03, 0.97) translate(0%, 1%); }
  40%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  50% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}