@charset "utf-8";
/* CSS Document */
/*=============== SVGアニメーション内の指定 =================*/

/*SVGの横幅*/
.svganimeblock{
    max-width: 800px;
    width: 50%;
    position: absolute;
    left: 5%;
    top: 140px;
    z-index: 9;
}

/*SVGの可変*/
.svganimeblock svg{
  width:100%;
}

/*アニメーション前のパスの指定*/
.svganimeblock svg path {
    fill-opacity: 0;/*最初は透過0で見えない状態*/
    transition: fill-opacity .5s;/*カラーがつく際のアニメーション0.5秒で変化*/
    fill: none;/*塗りがない状態*/
    stroke: #333;/*線の色*/
  }

/*アニメーション後に.doneというクラス名が付与された時のパスの指定*/
.svganimeblock svg.done path{
    fill: #666;/*塗りの色*/
    fill-opacity: 1;/*透過1で見える状態*/
    stroke: none;/*線の色なし*/
  }
/*──────────────────
sp_phone
──────────────────*/

@media screen and (max-width: 896px){
.svganimeblock{
    max-width: 800px;
    width: 50%;
    position: absolute;
    left: 10%;
    top: 30px;
    z-index: 9;
}	
	
	
	
}