@charset "utf-8";

/* リセット */
* { margin:0; padding:0; }
*:after { display:block; clear:both; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
img { vertical-align: bottom; }
ul { list-style: none; }

/********** ここからコーディング **********/

img {
    width: 100%;
}

section {
    position: relative;
}

.main {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}

.cta_animation {
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer {
  padding: 20px 0;
  background-color: #88c0dd;
}

.res {
  display: flex;
  justify-content: center;
}

.res_w {
  margin: 20px;
  font-size: 13px;
  color: #393939;
  display: block;
  text-decoration: none;
}

.copyright {
  margin-bottom: 30px;
  font-size: 11px;
  color: #393939;
  text-align: center;
}

.is-active {
  animation: shake 1.5s ease-in-out;
}

@keyframes shake {

  0% {
    transform: translateX(0);
  }

  40% {
    transform: translateX(-1%);
  } 

  60% {
    transform: translateX(1%);
  } 

  80% {
    transform: translateX(-1%);
  }

  100% {
    transform: translateX(0);
}

}