@keyframes fire {
  0%, 100% {
    transform: scale(1, 1.08) rotate(0deg);
  }
  50% {
    transform: scale(1, 1) rotate(-3deg);
  }
}
@keyframes fire2 {
  0%, 100% {
    transform: scale(1, 1.12) rotate(0deg);
  }
  50% {
    transform: scale(1, 1) rotate(5deg);
  }
}
@keyframes fire3 {
  0%, 100% {
    transform: scale(1, 1.05) rotate(0deg);
  }
  50% {
    transform: scale(1, 1) rotate(2deg);
  }
}
#wrapper.flow #contents {
  background-color:  white;
   min-height: 980px;
}

#wrapper.flow .container .flow_bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);  width: 2560px;
  height: 1060px;
}


#wrapper.flow .container .title {
  position: absolute;
  top: 30px;
  left: calc(50% - 382px / 2);
  width: 382px;
  height: 149px;
  transition: all ease 0.5s 0s;
  transform: translatey(-100px);
  opacity: 0;
}

#wrapper.flow .container .title.doShow {
  opacity: 1;
  transform: translatey(0px);
}

#wrapper.flow .container .cnt01 {
  position: absolute;
  top: 187px;
  left: calc(50% - 1001px / 2);
  width: 1001px;
  height: 563px;
  transition: all ease 0.5s 0.2s;
  transform: translatey(100px);
  opacity: 0;
}

#wrapper.flow .container .cnt01.doShow {
  opacity: 1;
  transform: translatey(0px);
}


#wrapper.flow .container .copyright {
  position: absolute;
  top: 920px;
  left: 0;
  right: 0;
  margin: auto;
  width: 452px;
  height: 15px;
  opacity: 0;
  transition: all ease 300ms 0s;

}
#wrapper.flow .container .copyright.doShow {
  opacity: 1;
}
#wrapper.flow .container .oizumi {
  position: absolute;
  top: 17px;
  left: 50px;
  width: 107px;
  height: 30px;
  opacity: 0;
  transition: all ease 300ms 0s;
}
#wrapper.flow .container .oizumi.doShow {
  opacity: 1;
}