@charset "UTF-8";
/* CSS Document */

/* ------ hero title ------- */
.hero__title {
    font: 600 1.2em/1.6em 'Marcellus', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,メイリオ, Meiryo, serif;
    font-style: italic;
	color: #ec6433;
    opacity: 1;
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 23%;
    width: 100%;
}
/* -----top title animation----- */
.hero__title {
    animation-duration: 6s;
    /*animation-delay: 2s;*/
    animation-name: slidein;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes slidein {
  0% {
    margin-left: 100%;
    width: 200%;
  }

  100% {
    margin-left: 0%;
    width: 100%;
  }
}

@-moz-keyframes slidein {
  0% {
    margin-left: 100%;
    width: 200%;
  }

  100% {
    margin-left: 0%;
    width: 100%;
  }
}

/* *******************************************
 * Small devices width 320px~768px スマホ ipad縦  
**************** */
@media only screen and (min-width: 20em) and (max-width: 48em) {
    .hero__title {
    top: 50%;
    width: 100%;
    }
}