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

/*=============== レイアウトのためのCSS =================*/

a{
  color:#333;
}

.svganimeblock{
    text-align: center;
    margin-top: 100px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}



/*=============== SVGアニメーション内の指定 =================*/

/*SVGの横幅*/
.svganimeblock{
    width: 67px;
    margin-right: auto;
    margin-left: auto;
    height: 83px;
    margin-top: 16%;
}

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

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

/*アニメーション後に.doneというクラス名が付与された時のパスの指定*/
.svganimeblock svg.done path{
    fill: #ff6201;/*塗りの色*/
    fill-opacity: 1;/*透過1で見える状態*/
    stroke: none;/*線の色なし*/
  }
@media screen and (max-width: 896px){
.svganimeblock{
    text-align: center;
    margin-top: 30%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

}