body {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.down-to-top {
  opacity: 0.0;
  transform: translateY(20px);
  transition: all 1s;
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translate(0);
}
.left-to-right {
  opacity: 0.0;
  transform: translateX(-20px);
  transition: all 1s;
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}
.right-to-left {
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.5s;
}
.right-to-left.scrollin {
  opacity: 1;
  transform: translate(0px);
}

html,body {height: 100%;margin: 0 !important;padding: 0 !important;}
body {letter-spacing: 1px;line-height: 1.5;color: #333;font-family: "游ゴシック体 Pr6N M", "Yu Gothic Pr6N M", "游ゴシック Medium", YuGothic, YuGothicM, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", メイリオ, Meiryo, sans-serif;}
a{color: #333;text-decoration: none;transition-duration: 0.3s;}
a:hover{color: #666;transition-duration: 0.3s;}


footer{}
footer .copy{}