body {
    background-color: black;
    font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.wapper {
    width: 900px;
    margin: 0 auto;
}
.content {
    width: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}
.block_a {
    background-image: url(../img/a.jpg);
    width: 100%;
    height: 642px;
    display: block;;
}
@media (max-width: 480px) {
    .block_a {
        background-image: url(../img/a_sp.png);
        height: 222px;
    }
}
.block_b {
    background-image: url(../img/b.jpg);
    width: 100%;
    height: 642px;
    display: block;;
}
@media (max-width: 480px) {
    .block_b {
        height: auto;
        display: block;
    }
}
.block_c {
    background-color: #fff;
    width: 100%;
    height: 180px;
    display: block;;
}
@media (max-width: 480px) {
    .block_c {
        background-color: #fff;
        width: 100%;
        height: auto;
    }
}
.btn_a {
    position: relative;
    width: 200px;
    top: 510px;
    left:34px;
}
@media (max-width: 480px) {
    .btn_a {
       display: none;
    }
}
figure img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  figure:hover img {
    opacity: .8;
  }
  .btn_b {
      position: relative;
      width: 390px;
      top: 80px;
      left: 40px;
  }
  .btn_c {
      width: 40%;
      top: auto;
      padding: 1em;
  }
  @media (max-width: 480px) {
    .btn_c {
        width: 70%;
    }
}
p.c_tex {font-size: 120%; font-weight: 700; margin-left: 1em;}
@media (max-width: 480px) {
    p.c_tex {font-size: 90%; font-weight: 700; margin: 0; text-align: center; padding-bottom: 1em;}
}
  footer {
    color: #fff;
    text-align: center;
    margin: 0.5em 0;
    }
@media (max-width: 480px) {
    .wapper {
        width: 90%;
    }
}