@charset "UTF-8";

/* ******************************************************************
モバイルファースト
****************************************************************** */
section + section {
    margin: 0.4rem 0 0 0;
}
.sec_ttl {
    margin: 0 0 0.2rem 0;
}
.txt {
    font-size: 0.24rem;
}
p + p {
    margin: 0.2rem 0 0 0;
}
.btn_link a {
    display: table;
    margin: 0 auto;
}
.frame_wrap {
    background-color: #fff;
    border: 0.02rem solid #ffd200;
    border-radius: 0.15rem;
    -webkit-box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.5);
    margin: 0.3rem 0 0 0;
    padding: 0.08rem;
}
.frame_caption {
    background-color: #ffd200;
    color: #786400;
    text-align: center;
}
.frame_ttl {
    color: #183970;
    font-size: 0.28rem;
    font-weight: bold;
    margin-bottom: 0.15rem;
    padding-left: 0.6rem;
    position: relative;
}
.frame_ttl::before {
    bottom: 0;
    content: '';
    height: 0.56rem;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 0.56rem;
    z-index: 2;
}
.frame_ttl.no1::before {
    background: url('../img/system_no1_icon.png') no-repeat center center/contain;
}
.frame_ttl.no2::before {
    background: url('../img/system_no2_icon.png') no-repeat center center/contain;
}
.frame_ttl.no3::before {
    background: url('../img/system_no3_icon.png') no-repeat center center/contain;
}
.frame_ttl.no4::before {
    background: url('../img/system_no4_icon.png') no-repeat center center/contain;
}
.frame_ttl.no5::before {
    background: url('../img/system_no5_icon.png') no-repeat center center/contain;
}
.frame_ttl.no6::before {
    background: url('../img/system_no6_icon.png') no-repeat center center/contain;
}
.frame_ttl::after {
    background: url('../img/system_sub_ttl_line.png') no-repeat center bottom/contain;
    bottom: -0.05rem;
    content: '';
    height: 0.09rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 7.04rem;
    z-index: 1;
}
.anchor_nav {
    display: table;
    margin: 0.2rem auto;
}
.anchor_nav a {
    text-decoration: underline;
}
.step + .step {
    margin: 0.4rem 0 0 0;
}
.step .txt {
    line-height: 1.4;
    margin: 0.2rem 0;
    padding: 0 0.15rem;
}

#no1,
#bonus-1 {
    border-top: 2px solid #fad200;
    padding: 0.3rem 0 0 0;
}

.dl_list__circle dt {
    font-weight: normal;
    margin: 0.2rem 0 0 0;
}
.dl_list__circle dt::before {
    content: '\25cf';
    padding-right: 0.3em;
}
.dl_list_ttl {
    color: #183970;
    font-weight: normal;
}
.dot_list li {
    list-style: disc outside;
    margin-left: 1em;
}
.benefit_img {
    margin: 0 auto;
    width: 7.01rem;
}
.ss_img {
    margin: 0 auto;
    width: 6.74rem;
}

.txt_link {
    color: #5a4600;
    font-size: 0.24rem;
    margin-bottom: 0.3rem;
    text-align: center;
    text-decoration: underline;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.txt_link > a {
    position: relative;
}
.txt_link > a::before {
    content: '\25b6';
    left: -1em;
    position: absolute;
}

/* 2021.06.18改修 */
.system_nav {
    background: url('../img/system_nav_bg.png') no-repeat center center / 100% 100%;
    font-size: 0.25rem;
    /* height: 1.6rem; */
    margin: 0.3rem auto;
    padding: 0.27rem 0.3rem;
    width: 6.1rem;
}
.system_nav_item {
    padding-left: 0.3rem;
    position: relative;
    text-decoration: underline;
}
.system_nav_item::before {
    background: url('../img/system_nav_icon.png') no-repeat center center / contain;
    content: '';
    height: 0.3rem;
    left: 0;
    position: absolute;
    top: 0.03rem;
    width: 0.21rem;
}

#about .frame_wrap {
    padding: 0.3rem 0.1rem;
}
#about .frame_wrap .txt {
    line-height: 1.4;
    margin: 0.2rem 0;
    padding: 0 0.15rem;
}
#rewards .bonus_img_caption {
    font-size: 0.24rem;
    padding: 0 0.16rem;
    text-align: center;
}
#rewards .bonus_img {
    margin: 0 auto;
    width: 6.74rem;
}
#rewards .bonus_img:last-child {
    margin: 0.3rem auto;
}

/* 20211011追記 */
.system_member_tbl {
    margin-bottom: 0.3rem;
    text-align: center;
    width: 100%;
}
.system_member_tbl tr {
    border-bottom: 0.02rem solid #c3c3c3;
}
.system_member_tbl thead th span {
    border-radius: 0.1rem;
    font-size: 0.2rem;
    padding: 0.05rem 0.1rem;
}
.system_member_tbl thead th.th_ttl span {
    background-color: #b4b4b4;
    color: #000;
    display: inline-block;
    width: calc(100% - 0.1rem);
}
.system_member_tbl thead th.th_ttl {
    padding-bottom: 0.05rem;
}
.system_member_tbl thead th.th_ttl.member span {
    background-color: #4287a4;
    color: #fff;
}
.system_member_tbl tbody td.td_ttl {
    font-size: 0.24rem;
    padding: 0.05rem 0.1rem;
    text-align: left;
    width: 40%;
}
.system_member_tbl tbody td.member {
    background-color: #e9f1f9;
    border-left: 1px dotted #c3c3c3;
    border-right: 1px dotted #c3c3c3;
    width: 30%;
}
.system_member_tbl tbody td.member.dst {
    color: #4287a4;
}