body{
  margin:0;
  background:#ffffff;
}

/* コンテナ */

.container{
  width:100%;
  margin:0 auto;
}

.container img{
  width:100%;
  height:auto;
  display:block;
}

/* CTA */

.cta{
  position:relative;
}

.cta a{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:20%;
  width:90%;
  max-width:675px;
  transition:.2s;
}


.cta a img{
  width:100%;
  height:auto;
}


/* PC */

@media screen and (min-width:768px){

  body{
    background:#e6e5e4;
  }

  .container{
    max-width:768px;
  }

}



/* タップ時 */
.cta a:active{
  transform:translateX(-50%) scale(0.96);
}

/* PC用 */
@media (hover:hover){
  .cta a:hover{
    transform:translateX(-50%) scale(1.05);
  }
}

.footer{
  background:#e6e5e4;
}

.footer-inner{
  position:relative;
  max-width:768px;
  margin:0 auto;
}

.footer-inner img{
  width:100%;
  height:auto;
  display:block;
}

.footer-buttons{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:42%;   /* ←位置はここで微調整 */

  width:90%;
  max-width:675px;

  display:flex;
  justify-content:space-between;
  align-items:center;
}


.footer-buttons a{
  display:block;
}

.footer-buttons img{
  width:90%;
  height:auto;
  display:block;
  margin:0 auto;
}
@media(min-width:768px){

  .footer{
    background:#e6e5e4;
  }

  .footer-inner{
    width:768px;
  }

}


@media screen and (max-width: 767px){
  .cta-last a{
    bottom: 12%;
  }
}

これで