@charset "UTF-8";

/* fadeup */
*{
    box-sizing: border-box;
    scroll-behavior: smooth;
}

  /* アニメーション */

  /*フェードアップ */
  .fadeup {
    animation-name: fadeUpAnime;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(100px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .effect {
    opacity: 0;
  }

  /* その場でフェードイン */

    /* アニメーション */
    .fadein{
      animation-name: fadeInAnime;
      animation-duration: .3s;
      animation-fill-mode: forwards;
      opacity: 0;
      animation-delay:0.3s;
    }
    
    @keyframes fadeInAnime {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
    .effect-fadein {
      opacity: 0;
    }

    .delay01{
      animation-delay:0.1s;
    }

    .delay02{
      animation-delay:0.2s;
    }

    .delay03{
      animation-delay:0.3s;
    }

    .delay04{
      animation-delay:0.4s;
    }

    .a-issue.delay02{
      animation-delay:0.6s;
    }

    .a-issue.delay03{
      animation-delay:0.7s;
    }

    .a-issue.delay04{
      animation-delay:0.8s;
    }

    @media screen and (max-width:920px){

      .fadein{
        animation-delay:0s;
      }
    
      .a-issue.delay02{
        animation-delay:0s;
      }
  
      .a-issue.delay03{
        animation-delay:0.1s;
      }
  
      .a-issue.delay04{
        animation-delay:0.2s;
      }

    }