@charset "utf-8";

.step-flex{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    column-gap: 25px;
    width: 100%;
    margin-inline: auto;
}

.step-flex dt{
    width: 18%;
    flex-shrink: 0;
}
.step-flex dt img{
    max-width: 100%;
    height: auto;
}

.step-flex dd{
    flex-grow: 1;
    padding-top: 20px;
}

@media screen and (max-width: 769px) {
    .step-flex{
        width: 100%;
        column-gap: 3%;
    }

    .step-flex + .step-flex{
        margin-top: 2rem;
    }

    .step-flex dt{
        width: 30%;
        flex-shrink: 0;
    }


    .step-flex dd{
        padding-top: 0;
    }
    
    .s-bnr img{
        width: 100% !important;
    }
}