@charset "UTF-8";
/* = = BASE = = = = = = = = = = = = = = = = = = = = = = = = = */
html, body {
  width: 100%;
  height: 100%;
}

html {
  font-size: 62.5%;
}
@media (max-width: 767px) {
  html {
    font-size: 58%;
  }
}

body {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  background: white;
  font-size: 1.0rem;
  color: #333333;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
body a {
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  color: #1b1b1b;
  outline: none;
  text-decoration: none;
}
body a:hover {
  color: black;
  text-decoration: none;
}
body a:focus {
  color: black;
  outline: none;
  text-decoration: none;
}
body b {
  font-family: "wM";
}
body img {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  vertical-align: bottom;
}
body select, body input, body textarea, body button {
  vertical-align: middle;
}

.animBtn {
  -webkit-animation: animBtn 3s ease-in infinite;
  animation: animBtn 3s ease-in infinite;
}

@-webkit-keyframes animBtn {
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1, 0.9) translate(0px, 20px);
    transform: scale(1.1, 0.9) translate(0px, 20px);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  85% {
    -webkit-transform: scale(0.9, 1.2) translate(0px, -7px);
    transform: scale(0.9, 1.2) translate(0px, -7px);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(0.95, 1.1) translate(0px, -3px);
    transform: scale(0.95, 1.1) translate(0px, -3px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes animBtn {
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1, 0.9) translate(0px, 20px);
    transform: scale(1.1, 0.9) translate(0px, 20px);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  85% {
    -webkit-transform: scale(0.9, 1.2) translate(0px, -7px);
    transform: scale(0.9, 1.2) translate(0px, -7px);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(0.95, 1.1) translate(0px, -3px);
    transform: scale(0.95, 1.1) translate(0px, -3px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}