@charset "UTF-8";
/* ----------------------------------------------------
	sassを使用しています。css編集の際はご注意ください。
	compass/scss
---------------------------------------------------- */
/* ----------------------------------------------------
.balloonbox
---------------------------------------------------- */
.balloonbox.box01 {
  padding: 50px 0 180px 0;
}
@media (max-width: 750px) {
  .balloonbox.box01 {
    padding: 25px 0 90px 0;
  }
}
.balloonbox .box02 {
  position: relative;
}
.balloonbox div.exImg01 {
  width: 100%;
  opacity: 0;
}
.balloonbox div.exImg01.bounceIn {
  opacity: 1;
}
.balloonbox div.exImg02 {
  width: 100%;
  position: absolute;
  top: 3%;
  right: 0;
  z-index: 1;
  opacity: 0;
}
.balloonbox div.exImg02.bounceIn {
  opacity: 1;
}
.balloonbox div.exImg03 {
  width: 100%;
  position: absolute;
  bottom: 28.6%;
  left: 0;
  z-index: 2;
  opacity: 0;
}
.balloonbox div.exImg03.bounceIn {
  opacity: 1;
}
.balloonbox div.exImg04 {
  width: 100%;
  position: absolute;
  bottom: 2%;
  left: 0;
  z-index: 3;
  opacity: 0;
}
.balloonbox div.exImg04.bounceIn {
  opacity: 1;
}

/* ----------------------------------------------------
.section01
---------------------------------------------------- */
.section01 div.moviebox {
  position: relative;
}
.section01 div.moviebox div {
  margin: 0 auto;
  width: 66.93333%;
  position: absolute;
  bottom: 11.6%;
  right: 0;
  left: 0;
}