.bs-docs-section {
    margin-bottom:30px;
}
footer{
    color:#fff;
    padding:2rem 0;
}
table{
    width:100%;
    margin:15px auto;
    border:thin #ccc solid;
}
table th, table td {
    padding:15px;
    border:thin #ccc solid;
    border-collapse:collapse;
}
table th{
    width:30%;
    background-color:#f8f9fa;
    font-weight:400;
}
ol {
    padding-left:30px;
}
.form-control, .rp-radio{
    display:inline-block;
}
.form-check{
    margin-right:30px;
}
.card {
    width:850px;
    margin:15px auto;
}
.rp-card{
    font-size:80%;
    width:100%;
    height:180px;
    padding:15px;
    overflow:auto;
    overflow-y:scroll;
    overflow-x:hidden;
}
.rp-card table{
    width:100%;
    margin:15px auto;
    border:thin #ccc solid;
}
.rp-card table th, .rp-card table td {
    padding:10px;
    border:thin #ccc solid;
    border-collapse:collapse;
    width:30%;
}
.rp-jigyou{
    float:right;
    text-align:left;
    margin-top:30px;
}
.form-control::placeholder {
    color: #d0d0d0;
    font-size:90%;
}
:-ms-input-placeholder.form-control {
    color: #d0d0d0;
    font-size:90%;
}

.rp-btn{
    text-align:center;
    margin:3rem;
}
.rp-label{
    margin-left:15px;
    margin-right:15px;
}
.rp-h3{
    margin:2rem 0 0 0;
    padding: .5rem;
    border-bottom: 1px solid #eee;
}
.rp-h4{
    margin:0.5rem 0;
    padding: .5rem 0;
    border-bottom: 1px solid #eee;
    font-size:16px;
}
.rp-cautxt {
    font-size:90%;
    text-align:center;
    margin:30px 0 15px 0;
}

/*�J���[*/
.rp-cr {
    font-size:80%;
    padding:1px 3px;
    color:#fff;
    background-color:#ff0000;
    margin-left:10px;
}
.rp-gry {
    font-size:80%;
    padding:1px 3px;
    color:#fff;
    background-color:#6c757d;
    margin-left:10px;
}

/*�T�C�Y*/
.rp-size8{
    width:8%;
}
.rp-size10{
    width:10%;
}
.rp-size15{
    width:15%;
}
.rp-size20 {
    width:20%;
}
.rp-size30 {
    width:30%;
}
.rp-size40{
    width:40%;
}
.rp-size50{
    width:50%;
}
.rp-size60{
    width:60%;
}
.rp-size80{
    width:80%;
}
/*ToTop�{�^��*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top i{
    font-size: 150%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

@media (max-width: 767px) {
    table th, table td {
        display:block;
        width:100%;
    }
    .rp-size8, .rp-size10{
        width:20%;
        margin-bottom:5px;
    }
    .rp-size8, .rp-size10, .rp-size15, .rp-size20, .rp-size30{
        width:30%;
        margin-bottom:5px;
    }
    .rp-size40, .rp-size60, .rp-size80{
        width:90%;
    }
    .rp-label{
        margin-left:5px;
        margin-right:5px;
    }
    .card{
        width:100%;
    }
}
@media (max-width: 576px) {
    table th, table td {
        display:block;
        width:100%;
    }
    .rp-card table th, .rp-card table td {
        display:table-cell;
    }
    ol {
        padding-left:15px;
    }
    .rp-size8, .rp-size10{
        width:20%;
        margin-bottom:5px;
    }
    .rp-size8, .rp-size10, .rp-size15{
        width:30%;
        margin-bottom:5px;
    }
    .rp-size20, .rp-size30, .rp-size40, .rp-size60, .rp-size80{
        width:100%;
        display:block;
    }
    .rp-label{
        margin-left:5px;
        margin-right:5px;
    }
    img {
        width:100%;
    }
    #page-top {
        display:none;
    }
}