.mainImg {
  width: 100%;
  height: 245px;
  overflow: hidden;
  background: url(../img/mainbg.png) no-repeat center bottom/cover;
  position: relative; }
  .mainImg img:nth-child(1) {
    position: absolute;
    right: -10px;
    bottom: -10px;
    opacity: 0;
    transition: all 0.5s linear 0s;
    backface-visibility: hidden;
    z-index: 10; }
  .mainImg img:nth-child(2) {
    position: absolute;
    right: 80px;
    bottom: -10px;
    opacity: 0;
    transition: all 0.5s linear 0.2s;
    backface-visibility: hidden;
    z-index: 10; }
  .mainImg img:nth-child(3) {
    position: absolute;
    right: 165px;
    bottom: -10px;
    opacity: 0;
    transition: all 0.5s linear 0.4s;
    backface-visibility: hidden;
    z-index: 10; }
  .mainImg img:nth-child(4) {
    position: absolute;
    left: -20px;
    bottom: 100px;
    transform: scale(5);
    opacity: 0;
    transition: all 0.2s linear 0.4s;
    backface-visibility: hidden;
    z-index: 10; }
  .mainImg img:nth-child(5) {
    position: absolute;
    left: 10px;
    top: 15px;
    opacity: 0;
    transform: scale(1.2);
    transition: all 0.5s linear 0.4s;
    backface-visibility: hidden;
    z-index: 0; }

.onLoad .mainImg img:nth-child(1) {
  position: absolute;
  right: -10px;
  bottom: 0;
  opacity: 1; }

.onLoad .mainImg img:nth-child(2) {
  position: absolute;
  right: 80px;
  bottom: 0;
  opacity: 1; }

.onLoad .mainImg img:nth-child(3) {
  position: absolute;
  right: 165px;
  bottom: 0;
  opacity: 1; }

.onLoad .mainImg img:nth-child(4) {
  position: absolute;
  left: 20px;
  bottom: 100px;
  opacity: 1;
  transform: scale(1); }

.onLoad .mainImg img:nth-child(5) {
  opacity: 1;
  transform: scale(1); }

.message {
  background: #ec008c;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  position: relative;
  padding: 5px; }
  .message strong {
    position: absolute;
    left: 0;
    top: -60px;
    z-index: 20; }
  .message p {
    background: #fff;
    padding: 5px;
    color: #ec008c; }
  .message .maruGothic {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 10px 0;
    display: block;
    text-align: center; }
    .message .maruGothic i {
      padding-right: 5px; }

/*# sourceMappingURL=style.map */