body {
  margin: 0;
}

body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url(../img/welcome_btn_1_over.png) url(../img/welcome_btn_2_over.png) url(../img/welcome_btn_3_over.png) url(../img/top_btn_over.png);
}

.container {
  width: 100%;
}

.container .contents {
  width: 1000px;
  min-width: 1000px;
  height: 740px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.container .contents.-welcome {
  background-image: url(../img/welcome_bg.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.container .contents.-welcome::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../img/welcome_base.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.container img {
  max-width: 100%;
  height: auto;
}

#scene-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 100;
}

#bird-1 {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  opacity: 0;
}

#scene-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 200;
}

#bird-2 {
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  opacity: 0;
}

#scene-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 300;
}

#bird-3 {
  position: absolute;
  z-index: 3000;
  top: 0;
  left: 0;
  opacity: 0;
}

#scene-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 400;
}

#bird-4 {
  position: absolute;
  z-index: 4000;
  top: 0;
  left: 0;
  opacity: 0;
}

#scene-5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 500;
}

#bird-5 {
  position: absolute;
  z-index: 5000;
  top: 0;
  left: 0;
  opacity: 0;
}

#scene-6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 600;
}

#bird-6 {
  position: absolute;
  z-index: 6000;
  top: 0;
  left: 0;
  opacity: 0;
}

#scene-1 {
  opacity: 1;
}

.control {
  position: relative;
  width: 100%;
  height: 100%;
}

.control .logo {
  position: absolute;
  top: 24px;
  left: 22px;
  width: 327px;
}

.control .button {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 253.5px;
  height: 256px;
  background-image: url(../img/top_btn.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  overflow: hidden;
}

.control .button:hover {
  background-image: url(../img/top_btn_over.png);
}

.control .button #top-shine {
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.control .button #top-shine > img {
  display: block;
  position: absolute;
}

.control .button #top-shine > img {
  max-width: 200%;
  width: 140%;
  top: -70%;
  left: -70%;
}

#birds {
  position: relative;
}

#bird-1 {
  width: 324.5px;
}

#bird-2 {
  width: 173.5px;
}

#bird-3 {
  width: 213px;
}

#bird-4 {
  width: 282.5px;
}

#bird-5 {
  width: 164px;
}

#bird-6 {
  width: 155.5px;
}

.welcome-button-1 {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/welcome_btn_1.png);
}

.welcome-button-1 > img {
  max-width: 100%;
  height: auto;
  display: block;
}

a.welcome-button-1:hover, a.welcome-button-1:active {
  background-image: url(../img/welcome_btn_1_over.png);
}

.welcome-button-2 {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/welcome_btn_2.png);
}

.welcome-button-2 > img {
  max-width: 100%;
  height: auto;
  display: block;
}

a.welcome-button-2:hover, a.welcome-button-2:active {
  background-image: url(../img/welcome_btn_2_over.png);
}

.welcome-button-3 {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/welcome_btn_3.png);
}

.welcome-button-3 > img {
  max-width: 100%;
  height: auto;
  display: block;
}

a.welcome-button-3:hover, a.welcome-button-3:active {
  background-image: url(../img/welcome_btn_3_over.png);
}

.welcome-button-1 {
  width: 366.5px;
  height: 148px;
  top: 162px;
  right: 38px;
}

.welcome-button-1.-done {
  pointer-events: none;
  cursor: default;
  background-image: url(../img/welcome_btn_1_on.png);
}

.welcome-button-1.-done:hover, .welcome-button-1.-done:active {
  background-image: url(../img/welcome_btn_1_on.png);
}

.welcome-button-1 #welcome-shine {
  position: relative;
  overflow: hidden;
  margin: 18px 19px;
  width: 327px;
  height: 108px;
}

.welcome-button-1 #welcome-shine > img {
  display: block;
  position: absolute;
}

.welcome-button-1 #welcome-shine > img {
  left: -90%;
}

.welcome-button-2 {
  width: 309.5px;
  height: 193.5px;
  bottom: 5px;
  right: 28px;
}

.welcome-button-3 {
  width: 308px;
  height: 198px;
  bottom: 0;
  left: 333px;
  background-position: center bottom;
}

.welcome-button-3.-pre {
  width: 309.5px;
  height: 197.5px;
  background-image: url(../img/welcome_btn_3_pre.png);
}

.welcome-text-1 {
  position: absolute;
  width: 366.5px;
  right: 38px;
  top: 458px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.15px;
}

.welcome-movie {
  position: absolute;
  top: 143px;
  left: 25px;
  width: 525.5px;
  z-index: 100;
}

.welcome-numbers {
  position: absolute;
  width: 319px;
  top: 356px;
  right: 89px;
  display: block;
  overflow: hidden;
}

.welcome-numbers .figure-1 {
  display: block;
  float: left;
  width: 16.6667%;
  height: 94px;
  background-image: url(../img/0.png);
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: 5px 19px;
}

.welcome-numbers .figure-2 {
  display: block;
  float: left;
  width: 16.6667%;
  height: 94px;
  background-image: url(../img/0.png);
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: 5px 19px;
}

.welcome-numbers .figure-3 {
  display: block;
  float: left;
  width: 16.6667%;
  height: 94px;
  background-image: url(../img/0.png);
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: 5px 19px;
}

.welcome-numbers .figure-4 {
  display: block;
  float: left;
  width: 16.6667%;
  height: 94px;
  background-image: url(../img/0.png);
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: 5px 19px;
}

.welcome-numbers .figure-5 {
  display: block;
  float: left;
  width: 16.6667%;
  height: 94px;
  background-image: url(../img/0.png);
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: 5px 19px;
}

.welcome-numbers .figure-6 {
  display: block;
  float: left;
  width: 16.6667%;
  height: 94px;
  background-image: url(../img/0.png);
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: 5px 19px;
}

.welcome-numbers .-image-0 {
  background-image: url(../img/0.png);
}

.welcome-numbers .-image-1 {
  background-image: url(../img/1.png);
}

.welcome-numbers .-image-2 {
  background-image: url(../img/2.png);
}

.welcome-numbers .-image-3 {
  background-image: url(../img/3.png);
}

.welcome-numbers .-image-4 {
  background-image: url(../img/4.png);
}

.welcome-numbers .-image-5 {
  background-image: url(../img/5.png);
}

.welcome-numbers .-image-6 {
  background-image: url(../img/6.png);
}

.welcome-numbers .-image-7 {
  background-image: url(../img/7.png);
}

.welcome-numbers .-image-8 {
  background-image: url(../img/8.png);
}

.welcome-numbers .-image-9 {
  background-image: url(../img/9.png);
}

.welcome-numbers .figure-6 {
  background-position-x: 8px;
}

.welcome-numbers .-image-1 {
  background-position-x: 9px;
}

.welcome-numbers .figure-6.-image-1 {
  background-position-x: 10px;
}

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