@charset "UTF-8";
/* CSS Document */
/***************************************************
 * Generated by SVG Artista on 11/9/2024, 11:34:08 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/


svg{
	height: 30vh;
	
	
}
@media screen and (max-width: 700px){
  #svg-animation {
    width: 70%; /* 親要素に合わせて幅を変更 */ 
	  justify-content: center;
    height: auto; /* 幅に比例して高さを変更 */
    max-width: 1000px; /* 必要なら最大幅を設定 */
  }

}



 .st0 {
        fill: #84d82b;
        stroke: #84d82b;
      }

      .st0, .st1 {
        stroke-miterlimit: 10;
      }

      .st1 {
        fill: #505e41;
        stroke: #505e41;
      }

svg .svg-elem-1 {
  stroke-dashoffset: 1944.4324951171875px;
  stroke-dasharray: 1944.4324951171875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 0s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 1s linear 0s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(132, 216, 43);
}

svg .svg-elem-2 {
  stroke-dashoffset: 495.14727783203125px;
  stroke-dasharray: 495.14727783203125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 0.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: stroke-dashoffset 1s linear 0.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(132, 216, 43);
}

svg .svg-elem-3 {
  stroke-dashoffset: 864.276611328125px;
  stroke-dasharray: 864.276611328125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 0.24s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 1s linear 0.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(132, 216, 43);
}

svg .svg-elem-4 {
  stroke-dashoffset: 632.7276000976562px;
  stroke-dasharray: 632.7276000976562px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 0.36s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: stroke-dashoffset 1s linear 0.36s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-5 {
  stroke-dashoffset: 394.60003662109375px;
  stroke-dasharray: 394.60003662109375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 0.48s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: stroke-dashoffset 1s linear 0.48s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-6 {
  stroke-dashoffset: 452.0683288574219px;
  stroke-dasharray: 452.0683288574219px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 0.6s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: stroke-dashoffset 1s linear 0.6s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-7 {
  stroke-dashoffset: 306.79998779296875px;
  stroke-dasharray: 306.79998779296875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 0.72s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: stroke-dashoffset 1s linear 0.72s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-8 {
  stroke-dashoffset: 413.08465576171875px;
  stroke-dasharray: 413.08465576171875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 0.84s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 1s linear 0.84s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-9 {
  stroke-dashoffset: 338.1687927246094px;
  stroke-dasharray: 338.1687927246094px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 0.96s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: stroke-dashoffset 1s linear 0.96s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-10 {
  stroke-dashoffset: 231.0325469970703px;
  stroke-dasharray: 231.0325469970703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 1.08s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: stroke-dashoffset 1s linear 1.08s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-11 {
  stroke-dashoffset: 379.3954772949219px;
  stroke-dasharray: 379.3954772949219px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 1.2s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: stroke-dashoffset 1s linear 1.2s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-12 {
  stroke-dashoffset: 475.2697448730469px;
  stroke-dasharray: 475.2697448730469px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 1.3199999999999998s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: stroke-dashoffset 1s linear 1.3199999999999998s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-13 {
  stroke-dashoffset: 30.882110595703125px;
  stroke-dasharray: 30.882110595703125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 1.44s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: stroke-dashoffset 1s linear 1.44s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-14 {
  stroke-dashoffset: 316.24591064453125px;
  stroke-dasharray: 316.24591064453125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 1.56s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: stroke-dashoffset 1s linear 1.56s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-15 {
  stroke-dashoffset: 379.41302490234375px;
  stroke-dasharray: 379.41302490234375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 1.68s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: stroke-dashoffset 1s linear 1.68s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .svg-elem-15 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-16 {
  stroke-dashoffset: 513.345458984375px;
  stroke-dasharray: 513.345458984375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 1.7999999999999998s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
          transition: stroke-dashoffset 1s linear 1.7999999999999998s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .svg-elem-16 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-17 {
  stroke-dashoffset: 632.7276000976562px;
  stroke-dasharray: 632.7276000976562px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 1.92s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: stroke-dashoffset 1s linear 1.92s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .svg-elem-17 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-18 {
  stroke-dashoffset: 394.60003662109375px;
  stroke-dasharray: 394.60003662109375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 2.04s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
          transition: stroke-dashoffset 1s linear 2.04s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .svg-elem-18 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-19 {
  stroke-dashoffset: 452.0683288574219px;
  stroke-dasharray: 452.0683288574219px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 2.16s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: stroke-dashoffset 1s linear 2.16s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .svg-elem-19 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-20 {
  stroke-dashoffset: 306.79998779296875px;
  stroke-dasharray: 306.79998779296875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 2.28s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
          transition: stroke-dashoffset 1s linear 2.28s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .svg-elem-20 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-21 {
  stroke-dashoffset: 413.08465576171875px;
  stroke-dasharray: 413.08465576171875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 2.4s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
          transition: stroke-dashoffset 1s linear 2.4s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

svg.active .svg-elem-21 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-22 {
  stroke-dashoffset: 338.1687927246094px;
  stroke-dasharray: 338.1687927246094px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 2.52s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
          transition: stroke-dashoffset 1s linear 2.52s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

svg.active .svg-elem-22 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-23 {
  stroke-dashoffset: 231.0325469970703px;
  stroke-dasharray: 231.0325469970703px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 2.6399999999999997s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
          transition: stroke-dashoffset 1s linear 2.6399999999999997s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

svg.active .svg-elem-23 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-24 {
  stroke-dashoffset: 379.3954772949219px;
  stroke-dasharray: 379.3954772949219px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 2.76s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
          transition: stroke-dashoffset 1s linear 2.76s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
}

svg.active .svg-elem-24 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-25 {
  stroke-dashoffset: 475.2697448730469px;
  stroke-dasharray: 475.2697448730469px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 2.88s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
          transition: stroke-dashoffset 1s linear 2.88s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

svg.active .svg-elem-25 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-26 {
  stroke-dashoffset: 30.882110595703125px;
  stroke-dasharray: 30.882110595703125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 3s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
          transition: stroke-dashoffset 1s linear 3s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
}

svg.active .svg-elem-26 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-27 {
  stroke-dashoffset: 316.24591064453125px;
  stroke-dasharray: 316.24591064453125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 3.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
          transition: stroke-dashoffset 1s linear 3.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
}

svg.active .svg-elem-27 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-28 {
  stroke-dashoffset: 379.41302490234375px;
  stroke-dasharray: 379.41302490234375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 3.2399999999999998s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
          transition: stroke-dashoffset 1s linear 3.2399999999999998s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
}

svg.active .svg-elem-28 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-29 {
  stroke-dashoffset: 513.345458984375px;
  stroke-dasharray: 513.345458984375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 3.36s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
          transition: stroke-dashoffset 1s linear 3.36s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
}

svg.active .svg-elem-29 {
  stroke-dashoffset: 0;
  fill: rgb(80, 94, 65);
}

svg .svg-elem-30 {
  stroke-dashoffset: 1838.736328125px;
  stroke-dasharray: 1838.736328125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s linear 3.48s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
          transition: stroke-dashoffset 1s linear 3.48s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
}

svg.active .svg-elem-30 {
  stroke-dashoffset: 0;
  fill: rgb(132, 216, 43);
}