#wrapper{
	background-color: white;
}

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


#wrapper.flow .container .title {
  position: absolute;
  top: 124px;
  left: calc(50% - 514px / 2);
  width: 515px;
  height: 194px;
  opacity: 0;
  z-index: 1000;
  transition: all ease 300ms 0s;
}
#wrapper.flow .container .title.doShow {
  opacity: 1;
}

#wrapper.flow .container .cnt01 {
  position: absolute;
  top: 331px;
  left: calc(50% - 620px / 2);
  width: 620px;
  height: 1770px;
  opacity: 0;
  transition: all ease 300ms 0s;
}
#wrapper.flow .container .cnt01.doShow {
  opacity: 1;
}

#wrapper.flow .container .cnt02 {
  position: absolute;
  top: 989px;
  left: calc(50% - 640px / 2);
  width: 640px;
  height: 877px;
  opacity: 0;
  transition: all ease 300ms 0s;
}
#wrapper.flow .container .cnt02.doShow {
  opacity: 1;
}

#wrapper.flow .container .cnt03 {
  position: absolute;
  top: 1800px;
  left: calc(50% - 640px / 2);
  width: 640px;
  height: 877px;
  opacity: 0;
  transition: all ease 300ms 0s;
}
#wrapper.flow .container .cnt03.doShow {
  opacity: 1;
}

#wrapper.flow .container .cnt04 {
  position: absolute;
  top: 2615px;
  left: calc(50% - 640px / 2);
  width: 640px;
  height: 877px;
  opacity: 0;
  transition: all ease 300ms 0s;
}
#wrapper.flow .container .cnt04.doShow {
  opacity: 1;
}

#wrapper.flow .container .cnt05 {
  position: absolute;
  top: 3428px;
  left: calc(50% - 640px / 2);
  width: 640px;
  height: 991px;
  opacity: 0;
  transition: all ease 300ms 0s;
}
#wrapper.flow .container .cnt05.doShow {
  opacity: 1;
}


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