@charset "UTF-8";

@media screen and (max-width: 700px) {
  .main_content_wrap{
    padding: 10px 5px 0;
  }
}



/* 花びら位置 */

.main_content {
  position: relative;
}

.hana1 img,
.hana2 img,
.hana3 img{
  width: 44px;
}

.hana1 {
    position: absolute;
    top: 37%;
    left: 87%;
}

.hana2 {
    position: absolute;
    top: 43%;
    left: 6%;
}

.hana3 {
    position: absolute;
    top: 95%;
    left: 70%;
}


@media screen and (max-width: 700px) {
    .hana1 img,
    .hana2 img,
    .hana3 img{
      width: 44px;
    }

    .hana1 {
        top: 32%;
        left: 80%;
    }

    .hana2 {
        top: 50%;
        left: 12%;
    }

    .hana3 {
        top: 97%;
        left: 58%;
    }
}





/* animation */

.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
  transition: transform 500ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

@keyframes fadeInDown1 {
  from {
    opacity: 0;
    transform: translate3d(0, -1000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown1 {
  animation-name: fadeInDown1;
  animation-delay: 1s;
  animation-duration: 3s;
}

@keyframes fadeInDown2 {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown2 {
  animation-name: fadeInDown2;
  animation-delay: 3s;
}

@keyframes fadeInDown3 {
  from {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown3 {
  animation-name: fadeInDown3;
  animation-delay: 5s;
  animation-duration: 5s;
}


/* 
------------------------------  ------------------------------
*/

/* pc */
@media all and (min-width: 1001px) {
}

/* pad以下 */
@media screen and (max-width: 1000px) {
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 1000px) {
}

/* sp */
@media screen and (max-width: 700px) {
}