@charset "UTF-8";

#wrap{
  background-color: #eee;
}

.content{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

img {
  width: 100%;
}

.button-bk {
  text-align: center;
  padding:20px;
  background-image: url("../img/button-bk-pc.jpg");
background-position: center;
background-size: contain;
background-repeat-x:no-repeat;
height: auto;
}

.button-bk img {
  width: 60%;
  max-width: 380px;
}

@media only screen and (max-width: 768px){
  .button-bk {
    padding:10px;
    background-image: url("../img/button-bk-sp.jpg");
  }
  
  .button-bk img {
    width: 75%;
  }
}



@media only screen and (max-width: 768px){
  .pcv{
    display:none;
  }
}

@media only screen and (min-width: 769px){
  .spv{
    display:none;
  }
}