@charset "utf-8";
#wrapper {
  position: relative;
}
#footer {
  padding: 30px 0 100px;
}
.scrollButton {
  position: fixed;
  right: 32px;
  bottom: 32px;
  width: 50px;
  height: 50px;
  background: #8fc31f;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  z-index: 500;
  opacity: 0;
  transition:.7s;
}
.scrollButton.inview{
  opacity: 0.8;
}
.scrollButton:hover{
  opacity:1;
}
.scrollButton::before{content:"▲"}
.copyright {
  font-size: 1.2rem;
  text-align: center;
  padding: 1em;
  margin: 0;
}
@media screen and (max-width:600px){
  .scrollButton{
    right: 5vw;
    bottom: 5vw;
    width: 32px;
    height: 32px;
  }
}

.mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../images/main/tz/bg_pattern_g.png)top center /auto repeat;
  mix-blend-mode: soft-light;
  pointer-events: none;
  z-index: -1;
  transition: 0.4s cubic-bezier(0.17, 0.91, 0.43, 0.99);
  opacity: 0.6;
}