/***************************************************
 * Generated by SVG Artista on 9/22/2026, 1:19:08 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg.beside-you .svg-elem-1 {
  stroke-dashoffset: 281.362548828125px;
  stroke-dasharray: 281.362548828125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
          transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg.beside-you.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: #df2c15;
}

svg.beside-you .svg-elem-2 {
  stroke-dashoffset: 284.75006103515625px;
  stroke-dasharray: 284.75006103515625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.beside-you.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: #df2c15;
}

svg.beside-you .svg-elem-3 {
  stroke-dashoffset: 263.7890625px;
  stroke-dasharray: 263.7890625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
          transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}

svg.beside-you.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: #df2c15;
}

svg.beside-you .svg-elem-4 {
  stroke-dashoffset: 133.60252380371094px;
  stroke-dasharray: 133.60252380371094px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.beside-you.active .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: #df2c15;
}

svg.beside-you .svg-elem-5 {
  stroke-dashoffset: 265.79638671875px;
  stroke-dasharray: 265.79638671875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.beside-you.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: #df2c15;
}

svg.beside-you .svg-elem-6 {
  stroke-dashoffset: 284.7498779296875px;
  stroke-dasharray: 284.7498779296875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
          transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
}

svg.beside-you.active .svg-elem-6 {
  stroke-dashoffset: 0;
  fill: #df2c15;
}

svg.beside-you .svg-elem-7 {
  stroke-dashoffset: 205.88623046875px;
  stroke-dasharray: 205.88623046875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.beside-you.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: #df2c15;
}

svg.beside-you .svg-elem-8 {
  stroke-dashoffset: 272.6165466308594px;
  stroke-dasharray: 272.6165466308594px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
          transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
}

svg.beside-you.active .svg-elem-8 {
  stroke-dashoffset: 0;
  fill: #df2c15;
}

svg.beside-you .svg-elem-9 {
  stroke-dashoffset: 259.0038146972656px;
  stroke-dasharray: 259.0038146972656px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.beside-you.active .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: #df2c15;
}

/* TOP HeroのArtistaだけロゴに近い赤へ統一。 */
svg.beside-you [class*="svg-elem-"] { stroke: #df2c15; }