@charset "UTF-8";
.billing-notice_procedure-1 {
    display: flex;
    gap:10px;
    align-items: center;
}
.billing-notice_procedure-2 {
    display: flex;
    gap:10px;
    align-items: flex-start;
}
@media screen and (max-width: 750px) {
    .billing-notice_procedure-1,
    .billing-notice_procedure-2 {
        gap: 30px;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }
    .billing-notice_procedure-2 {
        align-items: center;
    }
}

.billing-notice_procedure--2-col {
    display: block;
}

.billing-notice_arrow img {
    width: 132px;
    height: auto;
}
@media screen and (max-width: 750px) {
    .billing-notice_arrow img {
        width: 500px;
        height: auto;
    }
}

.billing-notice_procedure-2 .billing-notice_arrow {
    margin-top: calc(20px + 300%);
}
@media screen and (max-width: 750px) {
    .billing-notice_procedure-2 .billing-notice_arrow {
        margin-top: 0;
    }
}

.billing-notice_procedure__margin-1 {
    margin-bottom: 47px;
}
@media screen and (min-width: 899px) and (max-width: 1020px) {
    .billing-notice_procedure__margin-1 {
        margin-bottom: 28px;
    }
}
@media screen and (min-width: 844px) and (max-width: 898px) {
    .billing-notice_procedure__margin-1 {
        margin-bottom: 54px;
    }
}
@media screen and (min-width: 844px) and (max-width: 843px) {
    .billing-notice_procedure__margin-1 {
        margin-bottom: 56px;
    }
}
@media screen and (min-width: 751px) and (max-width: 808px) {
    .billing-notice_procedure__margin-1 {
        margin-bottom: 81px;
    }
}
@media screen and (max-width: 750px) {
    .billing-notice_procedure__margin-1 {
        margin-bottom: 0;
    }
}