/* CSS Document */
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 769px) {
  /* スタイルの状態変化を「my-fade-in」という名前で定義 */
  @keyframes my-fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .mainlogo {
    /* .boxが「my-fade-in」で状態変化するように指定 */
    animation-name: my-fade-in;
    animation-duration: 5s;
  }
  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {
  /* スタイルの状態変化を「my-fade-in」という名前で定義 */
  @keyframes my-fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .mainlogo {
    /* .boxが「my-fade-in」で状態変化するように指定 */
    animation-name: my-fade-in;
    animation-duration: 5s;
  }
  /*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/