#information-text-ani {
    color: #ff3c76;
    position: absolute;
    max-width: 400px;
    width: 100%;
    height: auto;
    top: -112px;
    right: 14%;
    z-index: 10;
    transform: rotate(7deg);
}
#news-text-ani {
    position: absolute;
    max-width: 200px;
    width: 100%;
    height: auto;
    top: -74px;
    right: 14%;
    z-index: 10;
    transform: rotate(4deg);
}
#service-text-ani {
    position: absolute;
    max-width: 310px;
    width: 100%;
    height: auto;
    top: -98px;
    right: 17%;
    z-index: 10;
    transform: rotate(7deg);
}
#company-text-ani {
    position: absolute;
    max-width: 350px;
    width: 100%;
    height: auto;
    top: -138px;
    right: 4%;
    z-index: 10;
    transform: rotate(7deg);
}
#reasons-text-ani  {
    position: absolute;
    max-width: 370px;
    width: 100%;
    height: auto;
    top: -128px;
    right: 17%;
    z-index: 10;
    transform: rotate(7deg);
}
#recruit-text-ani  {
    position: absolute;
    max-width: 370px;
    width: 100%;
    height: auto;
    top: -168px;
    right: 12%;
    transform: rotate(7deg);
}

#reasons-why-text-ani  {
    position: absolute;
    max-width: 550px;
    width: 100%;
    height: auto;
    top: -355px;
    right: 6%;
    z-index: 10;
    transform: rotate(7deg);
}

#contact-text-ani  {
    position: absolute;
    max-width: 370px;
    width: 100%;
    height: auto;
    top: -73px;
    right: 12%;
    z-index: 10;
    transform: rotate(7deg);
}

#what-text-ani  {
    position: absolute;
    max-width: 370px;
    width: 100%;
    height: auto;
    top: 410px;
    right: -15%;
    z-index: 10;
    transform: rotate(7deg);
}

#people-text-ani  {
    position: absolute;
    max-width: 300px;
    width: 100%;
    height: auto;
    top: -130px;
    right: -2%;
    transform: rotate(7deg);
}
#page-recruit-text-ani  {
    position: absolute;
    max-width: 280px;
    width: 100%;
    height: auto;
    top: -80px;
    right: -5%;
    transform: rotate(7deg);
}

#page-service-text-ani  {
    position: absolute;
    max-width: 270px;
    width: 100%;
    height: auto;
    top: -82px;
    right: -11%;
    transform: rotate(7deg);
}

#page-company-text-ani  {
    position: absolute;
    max-width: 300px;
    width: 100%;
    height: auto;
    top: -82px;
    right: 1%;
    transform: rotate(7deg);
}

#page-contact-text-ani  {
    position: absolute;
    max-width: 300px;
    width: 100%;
    height: auto;
    top: -80px;
    right: 1%;
    transform: rotate(7deg);
}

#news-text-ani .st0,
#information-text-ani .st0,
#service-text-ani .st0,
#company-text-ani .st0,
#reasons-text-ani .st0,
#recruit-text-ani .st0,
#reasons-why-text-ani .st0,
#contact-text-ani .st0,
#what-text-ani .st0,
#people-text-ani .st0,
#page-recruit-text-ani .st0,
#page-service-text-ani .st0,
#page-company-text-ani .st0,
#page-contact-text-ani .st0{

   fill:none;
   stroke:#fff;
   stroke-width:100;/*線の太さを指定する*/
   stroke-linecap:round;
   stroke-linejoin:round;
   stroke-miterlimit:10;
   stroke-dasharray: 1500; /* 線の間隔を指定する */
   stroke-dashoffset:1500; /* 線の位置を指定する */
}

@media screen and (max-width: 1600px) {
    #reasons-why-text-ani {
        max-width: 470px;
        top: -340px;
    }
}
@media screen and (max-width: 1280px) {
    #information-text-ani {
        max-width: 300px;
        right: 7%;
        top: -100px;
    }
    #news-text-ani {
        max-width: 170px;
        right: 7%;
    }
    #service-text-ani {
        max-width: 250px;
    }
    #company-text-ani {
        max-width: 250px;
    }
    #reasons-why-text-ani {
        max-width: 330px;
        top: -309px;
        right: 3%;
    }
    #recruit-text-ani {
        max-width: 280px;
        top: -128px;
        right: 7%;
    }
    #contact-text-ani {
        max-width: 280px;
        right: 7%;
    }
    #what-text-ani {
        max-width: 280px;
        top: 300px;
        right: 8%;
    }
    #page-service-text-ani {
        max-width: 250px;
    }
    #people-text-ani {
        max-width: 230px;
    }
    #page-recruit-text-ani {
        max-width: 240px;
        top: -80px;
    }
    #page-company-text-ani {
        max-width: 250px;
        top: -90px;
    }
    #page-contact-text-ani {
        max-width: 250px;
        top: -80px;
    }
}
@media screen and (max-width: 1000px) {
    #reasons-why-text-ani {
        top: -357px;
    }
}
@media screen and (max-width: 780px) {
    #information-text-ani {
        max-width: 220px;
        top: -112px;
    }
    #news-text-ani {
        max-width: 120px;
        top: -43px;
    }
    #service-text-ani {
        max-width: 160px;
        top: -70px;
        right: 7%;
    }
    #company-text-ani {
        max-width: 210px;
    }
    #reasons-why-text-ani {
        max-width: 250px;
        top: -73px;
    }
    #recruit-text-ani {
        max-width: 170px;
        top: -68px;
    }
    #contact-text-ani {
        max-width: 180px;
        top: -50px;
    }
    #what-text-ani {
        max-width: 210px;
        right: 0%;
    }
    #people-text-ani {
        top: -80px;
        right: 2%;
    }
    #page-service-text-ani {
        max-width: 200px;
        top: -65px;
        right: -1%;
    }
    #page-recruit-text-ani {
        max-width: 180px;
        top: -70px;
    }
    #page-company-text-ani {
        max-width: 190px;
        top: -70px;
    }
    #page-contact-text-ani {
        max-width: 190px;
        top: -60px;
    }
}
@media screen and (max-width: 560px) {
    #reasons-why-text-ani {
        max-width: 210px;
        top: -84px;
    }
    #company-text-ani {
        top: -130px;
    }
    #what-text-ani {
        max-width: 160px;
        top: 205px;
    }
    #people-text-ani {
        max-width: 150px;
        top: -51px;
    }
    #page-recruit-text-ani {
        max-width: 160px;
        top: -60px;
    }
    #page-service-text-ani {
        max-width: 160px;
        top: -55px;
    }
}
@media screen and (max-width: 400px) {
    #people-text-ani {
        max-width: 120px;
        top: -44px;
    }
    #page-service-text-ani {
        max-width: 160px;
        top: -55px;
    }
}