@charset "UTF-8";
/* animate: [ 1. 名前 ] [ 2. 時間 ] [ 3. イージング ] [ 4. 待ち ] [ 5. 繰り返し ] [ 6. 逆再生 ] [ 7. 終了後 ]; */
/*パソコン*/
@media screen and (min-width: 700px) {
  .top {
    /*header(global menu)*/
    /*インフォメーション(infobox)*/
    /*branding*/
    /*exhibition*/ }
    .top .wrap {
      overflow: hidden; }
  @keyframes header {
    0% {
      margin-top: -335px; }
    100% {
      margin-top: 0;
      opacity: 1; } }
    .top header {
      opacity: 0;
      animation: header 2s ease-in-out 1.5s 1 normal forwards; }
  @keyframes infobox {
    0% {
      top: -335px; }
    100% {
      top: 671px;
      opacity: 1; } }
    .top .infobox {
      opacity: 0;
      animation: infobox 3.5s ease-in-out 0s 1 normal forwards; }
  @keyframes branding {
    0% {
      margin-top: -1014px; }
    100% {
      margin-top: 0;
      opacity: 100%; } }
    .top .wrap-branding {
      opacity: 0;
      animation: branding 3s ease-in-out 1s 1 normal forwards; }
  @keyframes exhibition {
    0% {
      margin-top: -1015px; }
    100% {
      margin-top: 0;
      opacity: 100%; } }
    .top .wrap-exhibition {
      opacity: 0;
      animation: exhibition 3s ease-in-out 2s 1 normal forwards; } }
/*スマートフォン*/
@media screen and (max-width: 699px) {
  .top {
    /*anchor-menu*/
    /*インフォメーション(infobox)*/
    /*branding*/
    /*exhibition*/ }
  @keyframes anchor-branding {
    0% {
      transform: translate(-550px, 0);
      opacity: 0; }
    100% {
      transform: translate(0, 0);
      opacity: 1; } }
    .top .anchor-menu li:first-child {
      animation: anchor-branding 1s ease-in-out 0s 1 normal forwards; }
  @keyframes anchor-exhibition {
    0% {
      transform: translate(-550px, 0);
      opacity: 0; }
    100% {
      transform: translate(0, 0);
      opacity: 1; } }
    .top .anchor-menu li:last-child {
      opacity: 0; }
    .top .anchor-menu li:last-child {
      animation: anchor-exhibition 1s ease-in-out 1s 1 normal forwards; }
  @keyframes infobox-sp {
    0% {
      transform: translate(-550px, 0);
      opacity: 0; }
    100% {
      transform: translate(0, 0);
      opacity: 1; } }
    .top .infobox {
      opacity: 0;
      animation: infobox-sp 1s ease-in-out 2s 1 normal forwards; }
  @keyframes branding {
    0% {
      transform: translate(-550px, 0); }
    100% {
      transform: translate(0, 0);
      opacity: 1; } }
    .top .wrap-branding {
      opacity: 0; }
    .top .wrap-branding.active {
      animation: branding 1s ease-in-out 0s 1 normal forwards; }
  @keyframes exhibition {
    0% {
      transform: translate(-550px, 0); }
    100% {
      transform: translate(0, 0);
      opacity: 1; } }
    .top .wrap-exhibition {
      opacity: 0; }
    .top .wrap-exhibition.active {
      animation: exhibition 1s ease-in-out 0s 1 normal forwards; } }
/*スマートフォン最小サイズ*/

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