@charset "UTF-8";
/* CSS Document */

.btn_1,
.btn_2 {
  background-image: url(../../img/btn_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 52%;
  padding: 4.61%;
  z-index: 9;
  height: 30%;
  max-width: 329px;
  max-height: 316px;
  top: 56%;
  right: -2%;
}
.btn_1:hover,
.btn_2:hover {
  background-image: url(../../img/btn_1_on.png);
}

@media (max-device-width: 480px) {
.btn_1,
.btn_2 {
  right: 0;
  width: 48%;
}
}
.btn_2 {
  top: 68.2%;
}
.btn {
  position: absolute;
  top: 16%;
  left: 8%;
}

@media (max-device-width: 480px) {
.btn {
  width: 80%;
}
}
.btn a:hover {
  opacity: 0.7;
}