@charset "UTF-8";

main, footer{
  max-width: 750px;
  height: auto;
  margin: 0 auto;
}

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

ol, ul {
  list-style-type: none;
}

li {
  list-style-type: none;
}

.overlap-box{
  position: relative;
}

.overlap-item-c,.overlap-item-t{
  position: absolute;
  margin:0;
  padding:0;
}

.overlap-item-c{
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.overlap-item-t{
  top: 0;
  left: 0;
}

.transparent{
  opacity: 0;
}

.yureru-s {
    animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}