html , body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

html , body>img {
  width:100%;
  height:auto;
  display:flex;
}

.fv{
  width:100%;
  height:auto;
  position: relative;

}
.btn_move {
  animation: animScale 1.5s infinite ease-out;
  display: block;
  position: absolute;
  bottom: 30%; /* ←ここで調整 */
  left: 0;
  right: 0;
  width: fit-content;
  margin: 0 auto;
  z-index: 10; /* 必要に応じて前面に */
}

.btn_move2{
  transition: 1.0s ;
}
.btn_move2:hover{
  opacity: 0.5 ;
}

.cta-wrap {
  position: relative;
}

.cta-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.btn-on-img1 {
  width: 96%;
  position: absolute;
  bottom: 21%;
  left: 50%;
  transform: translateX(-50%);
}

.btn-on-img2 {
  width: 96%;
  position: absolute;
  bottom: 16%;
  left: 50%;
  transform: translateX(-50%);
}

.btn-on-img3 {
  width: 96%;
  position: absolute;
  bottom: 35%;
  left: 50%;
  transform: translateX(-50%);
}

.btn-on-img4 {
  animation: animScaleBtn4 1.5s infinite ease-out;
  width: 96%;
  position: absolute;
  bottom: 31%;
  left: 50%;
  transform: translateX(-50%);
}


/*ボタンアニメーションキーフレーム*/
@keyframes animScale {
0% { transform: scale(1.2); }/*(Xよこ,Yたて)サイズは%で表示*/
50% { transform: scale(1); }
100% { transform: scale(1.2); }
}
@keyframes animScaleBtn4 {
  0% { transform: translateX(-50%) scale(1.2); }
  50% { transform: translateX(-50%) scale(1); }
  100% { transform: translateX(-50%) scale(1.2); }
}