:root {
  --color01: #007ad1;
  --color02: #05adec;
  --color03: #f11a52;
  --color04: #FFD23F;
  --ink:    #434343;
}

html,body{
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  /* cursor: none; */
}
html{
  font-size: 10px;
  background-color: #fff;
}
a{
  text-decoration: none;
}

#all_wrap{
  position: relative;
  width: 100%;
  height: auto;
  min-width: 1200px;
  max-width: 1920px;
  min-height: 100vh;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  overflow: hidden;
  background-repeat: repeat;
  background-color: white;
}

#all_wrap > .headerBG{
  position: relative;
  width: 100%;
  height: 370px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
}

#all_wrap .limited_wrap{
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  font-size: 0;
  margin: 0;
  margin-bottom: 500px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

.effect01 {
  transform-origin: center;
  transition-duration: 1s;
  opacity: 1;
  filter: brightness(0.3);
}
.effect01.is_active {
  filter: brightness(1);
}
@-webkit-keyframes effect01Anim {
  0% {
    filter: brightness(0.3);
	}
	50% {
	}
	100% {
    filter: brightness(1);
	}
}