section {
  overflow: hidden;
}

.content {
  position: relative;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 10rem 0;
  z-index: 3;
}

h2 {
  text-align: center;
  margin: 0 0 4rem;
}

.heading {
  display: inline-block;
  width: auto;
  padding: 0 60px;
  color: #724c26;
  font-size: 26px;
  font-family: "Kameron", serif;
  letter-spacing: 0.1em;
  background-image: url(../img/common/h_img_l.png), url(../img/common/h_img_r.png);
  background-repeat: no-repeat;
  background-position: center left, center right;
  background-size: 40px auto, 40px auto;
}

.button a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  padding: 5% 10%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(14px, 1.4vw);
  text-decoration: none;
  background-image: url(../img/common/btn_arrow_on.png);
  background-position: center right 5%;
  background-size: 8% auto;
  background-repeat: no-repeat;
  background-color: #000;
  transition: all 0.3s;
}

.button a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #b42929;
  background-image: url(../img/common/btn_arrow_on.png);
}

@media screen and (min-width: 1px) and (max-width: 750px) {
  .pc_display {
    display: none;
  }

  .pc {
    display: none;
  }

  .content {
    width: 90%;
    padding: 3rem 0;
  }

  h2 {
    margin: 0 0 2rem;
  }

  .heading {
    padding: 0 60px;
    font-size: min(20px,5.13vw);
    background-size: 40px auto, 40px auto;
  }

  .button {
    width: 80%;
  }

  .button a {
    padding: 5% 10%;
    color: #fff;
    font-size: min(14px, 3.59vw);
  }

}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .sp_display {
    display: none;
  }

  .pc {
    display: none;
  }

  .content {
    padding: 5rem 0;
  }

}

@media screen and (min-width: 1025px) {
  .sp_display {
    display: none;
  }

  .sp {
    display: none;
  }

  .sp_br {
    display: none;
  }

  .button {
    width: 240px;
  }

  .alpha a {
    display: block;
  }

  .alpha a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: 'alpha(opacity=70)';
  }

  .alpha a img {
    display: block;
    transition: all 0.3s;
  }

  .alpha a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: 'alpha(opacity=70)';
  }

  a.btn_over img {
    -webkit-transition: -weblit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  a.btn_over img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}