#wrapper{
	background-color: black;
}

#wrapper.feature #contents {
  background: url("../images/feature/bg.jpg") center top no-repeat;
  min-height: 3080px;
}


#wrapper.feature .container .cnt01 {
  position: absolute;
  top: 83px;
  left: calc(320px - 613px / 2);
  width: 613px;
  height: 182px;
  opacity: 0;
  transition: all ease 0.5s 0s;
  transform: translateY(-100px)
}
#wrapper.feature .container .cnt01.doShow {
  opacity: 1;
  transform: translateY(0)
}

#wrapper.feature .container .cnt02 {
  position: absolute;
  top: 300px;
  left: calc(320px - 630px / 2);
  width: 630px;
  height: 644px;
  opacity: 0;
  transition: all ease 0.5s 0s;
  transform: translateY(-100px)
}
#wrapper.feature .container .cnt02.doShow {
  opacity: 1;
  transform: translateY(0)
}

#wrapper.feature .container .cnt03 {
  position: absolute;
  top: 929px;
  left: calc(320px - 626px / 2);
  width: 626px;
  height: 475px;
  opacity: 0;
  transition: all ease 0.5s 0s;
  transform: translateY(-100px)
}
#wrapper.feature .container .cnt03.doShow {
  opacity: 1;
  transform: translateY(0)
}

#wrapper.feature .container .cnt04 {
  position: absolute;
  top: 1354px;
  left: calc(320px - 627px / 2);
  width: 627px;
  height: 654px;
  opacity: 0;
  transition: all ease 0.5s 0s;
  transform: translateY(-100px)
}
#wrapper.feature .container .cnt04.doShow {
  opacity: 1;
  transform: translateY(0)
}



#wrapper.feature .container .oizumi {
  position: absolute;
  top: 26px;
  left: 26px;
  width: 125px;
  height: 35px;
  z-index: 1000;
}



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