.main_container {
    width: 31.875rem;
    margin: 3.125rem auto 8.25rem;
}
@media screen and (max-width:63.9375rem) {
    .main_container {
        display: block;
        margin: 1.875rem 0.5rem;
        width: calc(100% - 1rem);
    }
}

.clause_container {
    margin-bottom: 3.125rem;
    counter-reset: number;
    text-align: left;
}

.clause_container .clause {
    text-indent: -2rem;
    padding-left: 2rem;
    margin-bottom: 0.25rem;
}
@media screen and (max-width:63.9375rem) {
    .clause_container .clause {
        text-indent: -1.75rem;
        padding-left: 1.75rem;
        font-size: 0.875rem;
    }
}

.clause_container .clause::before {
    counter-increment: number;
    content: counter(number) "．";
}