@charset "utf-8";

/*** PC設定 ***/
svg .svg-elem-pc-1 {
  stroke-dashoffset: 763.5220592301658px;
  stroke-dasharray: 763.5220592301658px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: stroke-dashoffset 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
}

svg.active .svg-elem-pc-1 {
  stroke-dashoffset: 0;
}

svg .svg-elem-pc-2 {
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
}

svg.active .svg-elem-pc-2 {
  stroke-dashoffset: 0;
  fill: rgb(50, 50, 50);
}

svg .svg-elem-pc-3 {
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
}

svg.active .svg-elem-pc-3 {
  stroke-dashoffset: 0;
  fill: rgb(206, 183, 125);
}

svg .svg-elem-pc-4 {
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s,
}

svg.active .svg-elem-pc-4 {
  stroke-dashoffset: 0;
  fill: rgb(50, 50, 50);
}

svg .svg-elem-pc-5 {
  stroke-dashoffset: 74.10000610351562px;
  stroke-dasharray: 74.10000610351562px;
  -webkit-transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
}

svg.active .svg-elem-pc-5 {
  stroke-dashoffset: 0;
}

svg .svg-elem-pc-6 {
  stroke-dashoffset: 763.5220592301658px;
  stroke-dasharray: 763.5220592301658px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  transition: stroke-dashoffset 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s,
}

svg.active .svg-elem-pc-6 {
  stroke-dashoffset: 0;
}

svg .svg-elem-pc-7 {
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s,
}

svg.active .svg-elem-pc-7 {
  stroke-dashoffset: 0;
  fill: rgb(50, 50, 50);
}

svg .svg-elem-pc-8 {
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
}

svg.active .svg-elem-pc-8 {
  stroke-dashoffset: 0;  
  fill: rgb(206, 183, 125);
}

svg .svg-elem-pc-9 {
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s,
}

svg.active .svg-elem-pc-9 {
  stroke-dashoffset: 0;
  fill: rgb(50, 50, 50);
}

svg .svg-elem-pc-10 {
  stroke-dashoffset: 74px;
  stroke-dasharray: 74px;
  -webkit-transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
  transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s,
}

svg.active .svg-elem-pc-10 {
  stroke-dashoffset: 0;
}

svg .svg-elem-pc-11 {
  stroke-dashoffset: 763.5220592301658px;
  stroke-dasharray: 763.5220592301658px;
  -webkit-transition: stroke-dashoffset 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
  transition: stroke-dashoffset 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s,
}

svg.active .svg-elem-pc-11 {
  stroke-dashoffset: 0;
}

svg .svg-elem-pc-12 {
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s,
}

svg.active .svg-elem-pc-12 {
  stroke-dashoffset: 0;
  fill: rgb(50, 50, 50);
}

svg .svg-elem-pc-13 {
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4s,
}

svg.active .svg-elem-pc-13 {
  stroke-dashoffset: 0;
  fill: rgb(206, 183, 125);
}

svg .svg-elem-pc-14 {
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s,
  fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s,
}

svg.active .svg-elem-pc-14 {
  stroke-dashoffset: 0;
  fill: rgb(30, 30, 30);
}

/*** SP設定 ***/
svg .svg-elem-sp-1 {
        stroke-dashoffset: 753.4689627386784px;
        stroke-dasharray: 753.4689627386784px;
        -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
        fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 0.8s;
        transition: stroke-dashoffset 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
        fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 0.8s;
    }

    svg.active .svg-elem-sp-1 {
        stroke-dashoffset: 0;
    }

    svg .svg-elem-sp-2 {
        stroke-dashoffset: 132.81439208984375px;
        stroke-dasharray: 132.81439208984375px;
        fill: transparent;
        -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
        fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 0.9s;
        transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
        fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 0.9s;
    }

    svg.active .svg-elem-sp-2 {
        stroke-dashoffset: 0;
        fill: rgb(50, 50, 50);
    }

    svg .svg-elem-sp-3 {
        stroke-dashoffset: 45.339874267578125px;
        stroke-dasharray: 45.339874267578125px;
        fill: transparent;
        -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
        fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1.1s;
        transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
        fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1.1s;
    }

    svg.active .svg-elem-sp-3 {
        stroke-dashoffset: 0;
        fill: rgb(206, 183, 125);
    }

    svg .svg-elem-sp-4 {
    stroke-dashoffset: 250.5618896484375px;
    stroke-dasharray: 250.5618896484375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.66s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1.6000000000000005s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.66s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 1.6000000000000005s;
    }

    svg.active .svg-elem-sp-4 {
    stroke-dashoffset: 0;
    fill: rgb(30, 30, 30);
    }

    svg .svg-elem-sp-5 {
    stroke-dashoffset: 115.03388214111328px;
    stroke-dasharray: 115.03388214111328px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.62s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 2.6s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.62s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 2.6s;
    }

    svg.active .svg-elem-sp-5 {
    stroke-dashoffset: 0;
    }

    svg .svg-elem-sp-6 {
    stroke-dashoffset: 753.4689627386784px;
    stroke-dasharray: 753.4689627386784px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.84s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 3.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.84s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 3.8s;
    }

    svg.active .svg-elem-sp-6 {
    stroke-dashoffset: 0;
    }

    svg .svg-elem-sp-7 {
    stroke-dashoffset: 132.81480407714844px;
    stroke-dasharray: 132.81480407714844px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.56s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 3.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.56s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 3.5s;
    }

    svg.active .svg-elem-sp-7 {
    stroke-dashoffset: 0;
    fill: rgb(50, 50, 50);
    }

    svg .svg-elem-sp-8 {
    stroke-dashoffset: 50.663902282714844px;
    stroke-dasharray: 50.663902282714844px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8999999999999995s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 3.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8999999999999995s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 3.8s;
    }

    svg.active .svg-elem-sp-8 {
    stroke-dashoffset: 0;
    fill: rgb(206, 183, 125);
    }

    svg .svg-elem-sp-9 {
    stroke-dashoffset: 94.33271026611328px;
    stroke-dasharray: 94.33271026611328px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.82s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 4.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.82s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 4.5s;
    }

    svg.active .svg-elem-sp-9 {
    stroke-dashoffset: 0;
    fill: rgb(30, 30, 30);
    }

    svg .svg-elem-sp-10 {
    stroke-dashoffset: 115.00001525878906px;
    stroke-dasharray: 115.00001525878906px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 6s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 6s;
    }

    svg.active .svg-elem-sp-10 {
    stroke-dashoffset: 0;
    }

    svg .svg-elem-sp-11 {
    stroke-dashoffset: 753.4689627386784px;
    stroke-dasharray: 753.4689627386784px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.82s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 6.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.82s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 6.2s;
    }

    svg.active .svg-elem-sp-11 {
    stroke-dashoffset: 0;
    }

    svg .svg-elem-sp-12 {
    stroke-dashoffset: 132.81448364257812px;
    stroke-dasharray: 132.81448364257812px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.64s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.64s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 6s;
    }

    svg.active .svg-elem-sp-12 {
    stroke-dashoffset: 0;
    fill: rgb(50, 50, 50);
    }

    svg .svg-elem-sp-13 {
    stroke-dashoffset: 50.180755615234375px;
    stroke-dasharray: 50.180755615234375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.879999999999999s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 6.200000000000001s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.879999999999999s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 6.200000000000001s;
    }

    svg.active .svg-elem-sp-13 {
    stroke-dashoffset: 0;
    fill: rgb(206, 183, 125);
    }

    svg .svg-elem-sp-14 {
    stroke-dashoffset: 182.14144897460938px;
    stroke-dasharray: 182.14144897460938px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.719999999999999s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 6.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.719999999999999s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 6.9s;
    }

    svg.active .svg-elem-sp-14 {
    stroke-dashoffset: 0;
    fill: rgb(30, 30, 30);
    }

    svg .svg-elem-sp-15 {
    stroke-dashoffset: 115.03388214111328px;
    stroke-dasharray: 115.03388214111328px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 7.68s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 7.700000000000001s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 7.68s,
    fill 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) 7.700000000000001s;
    }

    svg.active .svg-elem-sp-15 {
    stroke-dashoffset: 0;
    }