body{
    background: #efefec;
}
img{
    height: auto;
}
@media screen and (max-width: 749px) {
    img{
        width: 100%;
    }
  }

.center{
    text-align: center;
}
.relative{
    position: relative;
}

.absolute{
    position: absolute;
}

/* ボタンアニメーション */
.cta-btn{
    bottom: 26%;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    transition: transform 0.3s ease-out;
}
.cta-btn.fixed{
    position: fixed;
    bottom: 1%;
    transition:  all 0.3s;
}
.cta-btn.fixed > img{
    width: 300px;
}
.cta-btn > img{
    width: 465px;
}
@media screen and (max-width: 750px) {
    .cta-btn{
        bottom: 30%;
        width: 80%;
    }
    .cta-btn > img{
        width: 100%;
    }
    .cta-btn.fixed > img{
        width: 80%;
    }
  }
.cta-btn:hover {
    transform: translateX(-50%) translateY(-5px);
    transition: all 0.4s;
  }
  
  .fixed .katakata {
    animation: none;
  }
  .katakata {
    animation: katakata 1s infinite alternate;
  }
  @keyframes katakata {
  0% {transform: rotate(3deg);}
  13% {transform: rotate(-3deg);}
  25% {transform: rotate(3deg);}
  33% {transform: rotate(-3deg);}
  34% {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
  }