@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
h3,
h4,
p,
a,
ol,
ul,
li,
article,
section {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

h3,
h4,
p,
a,
ol,
ul,
li,
article,
section {
    font-size: 100%;
    font: inherit;
}

article,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

*:focus,
*:hover,
*:active {
    outline: none !important;
    outline: 0;
    outline: none;
    box-shadow: none;
}

/*! CSS Used from: https://www.kyoritsumembers.com/css/hybridApp.css */
* {
    word-break: break-all;
    -webkit-tap-highlight-color: rgba(1, 1, 1, 0);
    outline: none;
}

/*! CSS Used from: https://www.kyoritsumembers.com/css/main.css */
body {
    background: #fff;
}

a:focus {
    outline: none;
}

.text-pre {
    white-space: pre-wrap;
}

.terms-gray {
    font-size: 16px;
    line-height: 30px !important;
    color: #696969 !important;
}
.terms-black {
    font-size: 16px;
    line-height: 30px !important;
    color: #000 !important;
    font-weight: 500;
}

#contentArea section.contentBox {
    width: 922px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 60px;
}

#contentArea .contentBox {
    padding: 20px 20px 60px 20px;
    border-bottom: none;
}

#contentArea .policyContainer ol {
    list-style-type: decimal;
    margin-left: 1.5em;
    line-height: 180%;
/*    margin-top: 21px;*/
}

#contentArea .policyContainer ul {
    list-style-type: disc;
    margin-left: 1.5em;
    line-height: 180%;
    padding: 15px 0px 15px 0px;
}

ol.list_parentheses {
    padding-left: 0.5em;
    margin-left: 2.5em;
}
#contentArea .policyContainer ol.list_parentheses {
 margin: 20px 0;
 padding-left: 0;
}
ol.list_parentheses li {
    position: relative;
    list-style-type: none;
    counter-increment: cnt;
    padding-left: 24px;
    line-height: 30px;
}

ol.list_parentheses li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "("counter(cnt) ") ";
}

ul.list_parentheses {
    padding-left: 0.5em;
    margin-left: 2.5em;
}

ul.list_parentheses li {
    list-style-type: disc;
    text-indent: -1.0em;
    padding: 0px 0px 0px 15px;
}

ul.list_parentheses li.no_marker {
    list-style-type: none;
    text-indent: -2.0em;
    padding: 0px 0px 0px 15px;
}

#contentArea .policyContainer h2 {
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    margin-top: 70px;
}

#contentArea .policyContainer h3 {
    font-size: 20px;
    font-weight: bold;
/*    padding: 15px 0 0 0;*/
    line-height: 30px;
    margin-top: 67px;
}

#contentArea .policyContainer p {
    line-height: 30px;
/*    padding: 15px 0 0 0;*/
}

#contentArea {
    margin-top: 80px;
}

.text-right {
    text-align: right !important;
}
.text-pre.text-right {
    margin-top: 46px;
    font-weight: 500;
}
@media (max-width: 897px) {
    #contentArea section.contentBox {
        width: 100%;
        padding: 15px 20px 30px 20px;
        border-bottom: 10px solid #E8F3FA;
    }

    #contentArea .contentBox {
        padding: 15px 15px 30px 15px;
        border-bottom: 10px solid #E8F3FA;
    }

    #contentArea .contentBox:last-of-type {
        border-bottom: none !important;
        padding-bottom: 20px;
    }
    #contentArea .policyContainer h2 {
        font-size: 24px;
        margin-top: 17px;
    }
    #contentArea .policyContainer h3 {
        font-size: 18px;
        margin-top: 32px;
    }
    #contentArea .policyContainer h3 + .terms-black {
        margin-top: 3px;
    }
    .terms-black {
        font-size: 14px;
        line-height: 30px;
    }
    .text-pre.text-right {
        margin-top: 26px;
    }
    ol.list_parentheses li {
        padding-left: 28px;
    }
    ol.list_parentheses li:before {
        left: 2px;
    }
}