@charset "UTF-8";
body {
    min-width: 100%;
    max-width: 100%;
    background-color: #44bac7;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴシック Pro', 'ヒラギノ角ゴ Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Geneva, Arial, Verdana, 'Noto Sans', sans-serif;
    margin: 0;
    padding: 0;
}
p,
ul {
    margin: 0;
    padding: 0;
}
.ast_area {
    color: #777;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0;
    line-height: 18px;
}
.ast_area .ast_mark {
    display: inline-block;
    vertical-align: top;
    padding: 0 9px 0 0;
}
.ast_area .ast_txt {
    display: inline-block;
    width: 90%;
}
/********************
    wrapper
********************/
.wrapper {
    margin: 0 6px;
    overflow: hidden;
}
.wrapper.mw0 {
    margin: 0;
}
/********************
    contents
********************/
.contents {
    width: 100%;
    max-width: 750px;
    background-color: #fff;
    margin: 0 auto;
}
/********************
    section_area
********************/
.section_area {
    margin: 0px auto 20px auto;
}
/* margin none */
.section_area.mb_none {
    margin: 0 auto;
}
/********************
    txt
********************/
/********************
    table
********************/
.rule_table {
    margin: 8px 6px;
}
.rule_table th,
.rule_table td {
    padding: 6px;
    width: 96%;
    height: auto;
    text-align: left;
    font-size: 10px;
    line-height: 14px;
    vertical-align: middle;
    border: 1px solid #dcdcdc;
}
.rule_table th {
    width: 15%;
    background: #faf8f0;
    vertical-align: middle;
}
.rule_table td {
    width: 85%;
    background: #fff;
}
.table_circle_number li,
.table_asterisk li {
    position: relative;
    margin: 4px auto;
    padding: 0 0 0 12px;
    list-style: none;
    list-style-position: outside;
}
.table_circle_number li:last-child,
.table_asterisk li:last-child {
    margin: 0;
}
.table_number li {
    margin: 0 0 4px 12px;
    list-style-type: decimal;
    list-style-position: outside;
}
/********************
    rule_table_inner
********************/
.rule_table_inner th,
.rule_table_inner td {
    padding: 8px;
    width: 25%;
    height: auto;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dcdcdc;
}
.rule_table_inner th {
    background-color: #faf8f0;
}
.rule_table_inner td {
    background-color: #fff;
}
.rule_table_inner th,
.rule_table_inner td {
    padding: 4px;
}
/********************
    contract area
********************/
.contract_area {
    background: #faf8f0;
}
.contract_area dt {
    text-align: center;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    background: #faf8f0;
    border-top: #e0ded5 1px solid;
    border-bottom: #e0ded5 1px solid;
    padding: 30px 18px;
}
.contract_area dd {
    font-size: 13px;
    border-bottom: #e0ded5 1px solid;
    padding: 20px 18px 25px 20px;
}
.contract_area .txt_ctr_mb {
    text-align: center;
    margin: 0 0 10px 0;
}
.contract_area .contract_read {
    padding: 0 0 15px 0;
}
.contract_area .rule_table {
    margin: 0;
}
.contract_area .rule_table th {
    font-size: 13px;
    background: #f6f6f6;
    padding: 18px;
}
.contract_area .rule_table td {
    font-size: 13px;
    line-height: 22px;
    padding: 18px;
}
.contract_area .rule_table .ast_area {
    color: #999;
    font-size: 11px;
}
.contract_area .rule_table .ast_area .ast_mark {
    padding: 0 0 0 12px;
}
.contract_area .rule_table .txt_mb {
    margin: 0 0 10px 0;
}
.contract_area .rule_table .table_circle_number li {
    padding: 0 0 0 16px;
}
.contract_area .rule_table .ast_area .ast_txt {
    width: 88%;
}
.contract_area .rule_table .rule_table_inner {
    margin: 0 0 10px 0;
}
.contract_area .rule_table .rule_table_inner th,
.contract_area .rule_table .rule_table_inner td {
    padding: 8px;
}
.contract_area .btn-back {
    text-align: center;
    background: #fff;
    margin: 15px 48px 0 48px;
    padding: 13px;
    font-size: 15px;
    display: block;
    cursor: pointer;
    box-shadow: 0px 4px 0px 0px #cdaa00;
    background-color: #ffd500;
    border-radius: 8px;
}
.contract_area .btn-back .btn-back-in {
    color: #474747;
    font-weight: bold;
}

/********************
    scroll_top
********************/
.topBtn {
    position: fixed;
    bottom: 1%;
    right: 1%;
    display: block;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 16px;
    border-radius: 20px;
    padding-top: 20px;
    box-sizing: border-box;
}
.topBtn::before {
    content:'\25B2';
    position: absolute;
    top: 4px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
/********************
    footer
********************/
/* btn_mark_on */
.sw_footer {
    margin: 0 0 84px 0;
    padding: 8px 0;
    width: 100%;
    height: auto;
    background-color: #333;
}
/* app_footer */
.app_footer {
    margin: 0;
}
/* copy */
.copy {
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
}