@media screen and (max-width:768px) {
    .content-box {
        height: 146.53vw;
    }

    .index__content {
        display: none;
    }

    .index__content i {
        position: relative;
    }

    .index__content--m {
        display: block;
        width: 75.2vw;
        font-size: 11.11vw;
        white-space: nowrap;
        height: unset;
        top: 23.61vw;
    }

    .index__content--m span {
        position: absolute;
        transform: translateY(0);
    }

    .index__content--m i::before {
        height: 1.67vw;
        top: 58%;
    }

    .index__content--m i:nth-of-type(1)::before {
        width: 100%;
        margin-top: 0.1vw;
    }

    .index__content--m i:nth-of-type(2)::before {
        width: 100%;
        /* transform: translateX(-5.67vw); */
    }

    .index__content--m--detail i::before {
        top: 98%;
    }

    .line--hide i::before {
        opacity: 0;
        transition: all 1s linear;
    }
}