html {
    background-color: white;
}

.terms {
    font-size: 0.9em;
}

.terms h1 {
    padding-top: 50px;
    padding-bottom: 25px;
    font-size: 1.95em;
    font-weight: bold;
    color: #505050;
}

.terms h2 {
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 1.1em;
    color: #505050;
}

.terms li {
    list-style: disc;
    line-height: 1.8em;
}

.terms ol li {
    list-style: none;
    text-indent:-1.2em;
}

.terms p {
    line-height: 1.8em;
    margin-bottom:1em;
}

.terms ul, .terms ol {
    margin: 0px 0px 1.5em 2em;
}

.terms p+ul, .terms p+ol {
    margin-top:-0.5em;
}

.terms a:link,
.terms a:visited,
.terms a:active{
    color: #0B94D9;
}
.terms a:hover {
    color: #5cade1;
}

.terms .languages {
    padding-top: 50px;
    text-align: right;
}


:lang(en) .languages .en a, :lang(ja) .languages .ja a {
    color: #bfbfbf !important;
}

@media all and (min-width: 1100px) {
    .terms {
        margin-left: auto;
        margin-right: auto;
        padding-left: 100px !important;
        padding-right: 100px !important;
        width: 900px !important;
    }
}

@media all and (min-width: 768px) {
    .terms {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 40px;
    }
}

@media all and (max-width: 767px) {
    .terms {
        padding: 40px 20px;
    }
}