#wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
    height: 100%;
    background-image: url(../img/index-img.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 30rem;
    padding: 0 1.5rem;
}
#wrap .img_wrap {
    width: 25rem;
    margin-bottom: 10rem;
}
#wrap .img_wrap img {
    width: 100%;
}

#wrap .text-wrap {
    padding: 2.5rem 1rem;
    border-radius: 1rem;
    background-color: #ff7143;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#wrap .text-wrap span {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
}
#wrap .text-wrap span:first-child {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    margin-right: 0.5rem;
    margin-top: 0.2rem;
}

@media screen and (max-width: 405px) {
    #wrap .text-wrap {
        flex-wrap: wrap;
        gap: 0.5rem;
        padding: 1.5rem 1rem;
    }
    #wrap .text-wrap span:first-child{
        margin: 0;
        margin-left: 0.5rem;
    }
}