@charset "utf-8";

/* txt-ani */

.txt_ani {
    width: max-content;
    display: flex;
    flex-direction: column;    
}
.txt_ani>.txt_wrap {
    overflow: hidden;
}
.txt_ani>.txt_wrap > p {
    width: max-content;
    white-space: nowrap;
}
.txt_ani>.txt_wrap {
    animation-delay: 0;
}
.txt_ani>.txt_wrap:nth-child(2) > p {
    animation-delay: 0.05s;
}
.txt_ani>.txt_wrap {
    animation-delay: 0;
}

.txt_ani>.txt_wrap:nth-child(3) > p {
    animation-delay: 0.075s;
}

.txt_up {
    animation: txt_up 0.9s cubic-bezier(0.65, 0, 0.35, 1) both;
}

@keyframes txt_up {
    0% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0);
    }
}

/* img-ani */

.st1{
    stroke-dasharray: 20;
    animation: st1-ani 60s linear;
}

@keyframes st1-ani{
    to{
        stroke-dashoffset: 1500;
    }
}

@media all and (max-width:767px){
    .txt_ani{
        width: 100%;
    }
    .txt_ani>.txt_wrap > p {
        width: inherit;
        white-space: pre-wrap;
    }
}