html, body {
  padding: 0;
  margin: 0;
}
html {
  scroll-behavior: smooth;
}
main {
  font-size: 1.2vw;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  color: #000;
  padding: 0;
  margin: 0;
  font-feature-settings: "palt"1;
  letter-spacing: 0.07vw;
  font-weight: 500;
  line-height: 1.6;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (max-width: 880px) {
  main {
    font-size: 3.4vw;
  }
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
}
p, figure {
  margin: 0;
}
img {
  width: 100%;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #000;
}
.swrap {
  padding: 0 17vw;
  box-sizing: border-box;
}
.wrap {
  margin: 0 auto;
  padding: 0 10vw;
  box-sizing: border-box;
}
.rwd_show {
-webkit-display:none;
  display: none;
}
@media screen and (max-width: 880px) {
  .wrap {
    padding: 0 5vw;
  }
  html {
    scroll-padding-top: 0;
  }
  .swrap {
    padding: 0 5vw;
  }
  .rwd_show {
	  -webkit-display:inline;
    display: inline;
  }
  .rwd_hide {
    display: none;
  }
}
.ovh {
  overflow: hidden;
}
@keyframes btn_animation {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@media screen and (min-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) {}
.growfadein {
  opacity: 0;
  transition: all ease 1s;
}
.growfadein.active {
  opacity: 0;
  animation: growfade 0.8s linear 0.5s forwards;
}
.bigTo {
  opacity: 0;
  transition: all ease 1s;
  transform: scale(1.1);
}
.bigTo.active {
  opacity: 1;
  transform: scale(1);
}
@keyframes growfade {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
    filter: brightness(1330%) drop-shadow(0em 0em 0.5em #fff);
  }
  55% {
    opacity: 1;
    filter: brightness(500%);
    transform: translate3d(0, 0px, 0);
  }
  70% {
    opacity: 1;
    filter: brightness(100%);
    transform: translate3d(0, 0px, 0);
  }
  100% {
    opacity: 1;
    filter: brightness(100%);
    transform: translate3d(0px, 0, 0);
  }
}
.show_text {
  position: relative;
  transition: -webkit-clip-path 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
  transition: clip-path 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
  transition: clip-path 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, -webkit-clip-path 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  overflow: hidden;
}
.show_text.active {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@keyframes bottom_to_top {
  0% {
    transform: translate3d(0, 3vw, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.bottom_to_top {
  opacity: 0;
}
.bottom_to_top.active {
  animation: bottom_to_top 0.6s cubic-bezier(0.4, 0.26, 0.15, 0.99) forwards;
}
.left_to_right {
  opacity: 0;
  transform: translate3d(-150px, 0, 0) scale(1.1);
}
.left_to_right.active {
  animation: left_to_right 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s forwards;
}
@keyframes left_to_right {
  0% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.right_to_left {
  opacity: 0;
  transform: translate3d(50px, 0, 0);
}
.right_to_left.active {
  animation: right_to_left 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s forwards;
}
@keyframes right_to_left {
  0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes elasticus {
  0% {
    transform-origin: 0% 0%;
    transform: scale(0, 1);
    opacity: 1;
  }
  50% {
    transform-origin: 0% 0%;
    transform: scale(1, 1);
  }
  50.1% {
    transform-origin: 100% 0%;
    transform: scale(1, 1);
  }
  100% {
    transform-origin: 100% 0%;
    transform: scale(0, 1);
    opacity: 0;
  }
}
.scroller {
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.scroller.stop {
  opacity: 0;
}

/*# sourceMappingURL=common.css.map */