@charset "utf-8";

/*ロゴCSS*/

.logo-op {
  fill: #000;                     /*塗りつぶし色*/
  stroke-width: 2;                  /*線の太さ*/
  stroke-dasharray: 2500;           /*線の間隔*/
  stroke-dashoffset: 0;             /*線の始まりの開始位置*/
  animation-name: anime-logo;       /*keyframe名*/
  animation-duration: 5s;           /*所要時間*/
  animation-timing-function: linear; /*進行割合*/
}

/* アニメーション設定 */
@keyframes anime-logo {
  0% {
    fill: #fff;                     /*塗りつぶし色*/
    stroke-dashoffset: 2500;          /*線の始まりの開始位置*/
    stroke: #9500ff;                   /*パスの色*/
  }
  80% {
    fill: #fff;
                        /*パスの色*//*塗りつぶし色*/
  }
  100% {
    stroke-dashoffset: 0;             /*線の始まりの開始位置*/
    stroke: white;                  /*パスの色*/
  }
}