@charset "utf-8";
/* CSS Document */

.svg_wrap{
	margin:100px auto;
	text-align: center;
	max-width:1000px;
	width:100%;
}

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

/*アニメーション前のパスの指定*/
.svg_wrap svg path {
	fill-opacity: 0;/*最初は透過0*/
	transition: fill-opacity .5s;/*0.5秒で変化*/
	fill: #45a738;/*塗りの色*/
	stroke: #45a738;/*線の色*/
	stroke-width: 1px;
}

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