@charset "UTF-8";
/* バナーエリア
---------------------------------------------------------- */
.bnr {
  position: relative;
}
.bnr img {
  width: 100%;
  display: block;
}

/* ボタンエリア
---------------------------------------------------------- */
.bnr_btn {
  position: absolute;
  bottom: 5px;
  left: 7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  width: 53%;
}
@media screen and (max-width: 750px) {
  .bnr_btn {
    width: 100%;
    left: unset;
  }
}

/* ボタン共通スタイル
---------------------------------------------------------- */
.btn {
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn picture {
  display: block;
}
.btn img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.btn:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.btn:hover {
  opacity: 1;
}
.btn:hover img {
  opacity: 1;
}

/* 2つ目のボタン（スマホ時に重ねる） */
@media screen and (max-width: 750px) {
  .btn01 {
    z-index: 10;
  }
}

@media screen and (max-width: 750px) {
  .btn02 {
    margin-left: -10px;
    z-index: 9;
  }
}