#wrapper{
	background-color:black;
}

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


#wrapper.feature .container .logo {
  position: absolute;
  top: 730px;
  left: calc(320px - 562px / 2);
  width: 562px;
  height:   249px;
  z-index: 100;
  transition: all ease 0.5s 0.5s;
  opacity: 0;
}


#wrapper.feature .container .logo.doShow {
  opacity: 1;
}


#wrapper.feature .container .img01 {
  position: absolute;
  top: 121px;
  left: calc(50% - 634px / 2);
  width: 634px;
  height:  622px;
  z-index: 100;
  transition: all ease 0.5s 0.2s;
  transform: translate(0, -50px);
  opacity: 0;
}

#wrapper.feature .container .img01.doShow {
  transform: translate(0, -0);
  opacity: 1;
}

#wrapper.feature .container .img02 {
  position: absolute;
  top: 759px;
  left: calc(50% - 639px / 2);
  width: 639px;
  height:  1423px;
  z-index: 100;
  transition: all ease 0.5s 0.2s;
  transform: translate(-50px, 0);
  opacity: 0;
}

#wrapper.feature .container .img02.doShow {
  transform: translate(0, -0);
  opacity: 1;
}

#wrapper.feature .container .img03 {
  position: absolute;
  top: 2094px;
  left: 0;
  width: 618px;
  height:  1051px;
  z-index: 100;
  transition: all ease 0.5s 0.2s;
  transform: translate(50px, 0);
  opacity: 0;
}

#wrapper.feature .container .img03.doShow {
  transform: translate(0, -0);
  opacity: 1;
}








#wrapper.feature .container .oizumi {
  position: absolute;
  top: 26px;
  left: 26px;
  width: 125px;
  height: 35px;
  opacity: 0;
  z-index: 1000;
  transition: all ease 300ms 0s;
}
#wrapper.feature .container .oizumi.doShow {
  opacity: 1;
}