#wrapper{
	background-color: black;
}

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


#wrapper.at .container .title {
  position: absolute;
  top: 115px;
  left: calc(320px - 633px / 2);
  width: 633px;
  height: 96px;
  opacity: 0;
  transition: all ease 0.5s 0s;
  transform: scale(2, 2);
}
#wrapper.at .container .title.doShow {
  opacity: 1;
  transform: scale(1, 1);
}


#wrapper.at .container .cnt01 {
  position: absolute;
  top: 222px;
  left: calc(320px - 505px / 2);
  width: 505px;
  height: 107px;
  opacity: 0;
  transition: all ease 0.5s 0.4s;
  transform: scale(2, 2);
}
#wrapper.at .container .cnt01.doShow {
  opacity: 1;
  transform: scale(1, 1);
}

#wrapper.at .container .cnt02 {
  position: absolute;
  top: 351px;
  left: calc(320px - 627px / 2);
  width: 627px;
  height: 592px;
  opacity: 0;
  transition: all ease 0.5s 0.6s;
  transform: translateY(-100px)
}
#wrapper.at .container .cnt02.doShow {
  opacity: 1;
  transform: translateY(0)
}
#wrapper.at .container .cnt03 {
  position: absolute;
  top: 953px;
  left: calc(320px - 638px / 2);
  width: 638px;
  height: 2657px;
  opacity: 0;
  transition: all ease 0.5s 0.6s;
  transform: translateY(-100px)
}
#wrapper.at .container .cnt03.doShow {
  opacity: 1;
  transform: translateY(0)
}
#wrapper.at .container .oizumi {
  position: absolute;
  top: 26px;
  left: 26px;
  width: 125px;
  height: 35px;
  z-index: 1000;
}

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