@charset "utf-8";
.br-pc {
    display: inline-block;
}
.br-sp {
    display: none;
}
.red_color {
    color: #d10a1c !important;
}
.gold_color {
    color: #E8C464 !important;
}
.gold2_color {
    color: #C3910A !important;
}
.yellow-line {
    background: linear-gradient(transparent 60%, #ffff66 60%);
}
.main_title {
    font-size: 36px;
    margin-bottom: 60px;
    line-height: 36px;
}
.sub_title {
    font-size: 20px !important;
}
.small_title {
    font-size: 16px !important;
}
.dlb_btn a, .dlb_btn_inlineb a {
    background-color: #d10a1c !important;
    border-color: #d10a1c !important;
    border-radius: 6px;
}
.dlb_btn a:hover, .dlb_btn_inlineb a:hover {
    background-color: #fff !important;
    border-color: #d10a1c !important;
    border-radius: 6px;
    color: #d10a1c !important;
}
.dlb_btn a:hover:before, .dlb_btn_inlineb a:hover:before {
    border-color: #d10a1c !important;
}
header {
    background: #fff !important;
    padding: 0 !important;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
}
body#top.headerbg .header {
    box-shadow: none !important;
}
#top-header {
    margin-bottom: 100px;
    position: relative;
}
#top-header::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, transparent 30%, rgba(255, 255, 255, 0.4), #fff);
    background: -webkit-linear-gradient(top, transparent 30%, rgba(255, 255, 255, 0.4), #fff);
    background: linear-gradient(to bottom, transparent 30%, rgba(255, 255, 255, 0.4), #fff);
}
#top-inner {
    height: 100%;
}
.header {
    padding: 10px 30px !important;
}
.hgnavi li a{
    color: #333 !important;
}
#top-inner h1 {
    color: #333 !important;
    bottom: 5%;
}
#top-inner p {
    position: absolute;
    bottom: 21%;
    padding: 0 20px;
    color: #333 !important;
}
.hnavi li.nav_account a, .hnavi li.nav_dl a {
    border-radius: 10px !important;
    padding: 10px 25px 10px 51px !important;
}
.hnavi li.nav_dl a {
    background-color: #d10a1c !important;
    background-image: url(/dcms_media/image/ra-chi-go_download_white.png) !important;
}
.hnavi li.nav_account a {
    background-color:  #d10a1c !important;
}
.hgnavi {
    position: relative !important;
    bottom: 0 !important;
    margin-left: auto !important;
}
.hnavi {
    margin-left: 0 !important;
}
.hlogo {
    max-width: 300px !important;
}
.hlogo img {
    padding-top: 0 !important;
}
footer.template_c2 #footer_info {
    background-color: #b30c1c !important;
}
.ra-chi-go-table {
    margin: auto;
}
.ra-chi-go-table td:first-child {
    width: auto !important;
}
.ra-chi-go-table td, .ra-chi-go-table th {
    font-weight: bold !important;
    padding: 10px 5px !important;
    text-align: center;
}
.ra-chi-go-table .dlb_color_bg_key, .ra-chi-go-table .dlb_color_bg_key a {
    background-color: #b30c1c !important;
}
.ra-chi-go-table .small_title {
    font-size: 12px !important;
}
.naming ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.naming .circle {
    border: 2px solid #d10a1c;
    border-radius: 100%;
    height: 150px;
    width: 150px;
    font-weight: bold;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 20px;
}
.reason_block .col3_m_321 {
    justify-content: center !important;
}
.reason_block .col3_m_321 .col {
    margin-bottom: 60px !important;
}
.reason_block .dlb_c48_num {
    margin: -30px auto 20px !important;
}
.voice_title.main_title {
    margin-bottom: 20px !important;
}
.dlb_area_2.dlb_contact_area {
    position: relative;
}
.dlb_area_2.dlb_contact_area .main_title {
    margin-bottom: 40px !important;
}
.dlb_area_2.dlb_contact_area::before {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.dlb_area_2 .dlb_contact_block {
    position: relative;
}
.cta_block {
    background-color: #f9f1eb !important;
    padding: 60px 0;
}
.dlb_box2-2_txt, .dlb_box2-2_img {
    height: 340px !important;
}
.dlb_c55_txt {
    padding-left: 3em !important;
}
.dlb_c55_block {
    padding: 3% 5% 3% 3% !important;
}

@media only screen and (max-width: 979px) {
    .m60_tablet {
        margin-bottom: 60px !important;
    }
    #top-header h1 {
        font-size: 40px !important;
        bottom: 8%;
    }
    .navBtn__bar--01, .navBtn__bar--02, .navBtn__bar--03, body#top.headerbg .navBtn__bar {
        background: #d10a1c !important;
    }
    .navBtn, .navBtn__inner {
        width: 50px !important;
    }
    .navBtn {
        padding-left: 20px !important;
    }
    .navTxt__inner {
        display: none;
    }
    .header {
        justify-content: space-between;
    }
    .hnavi {
        margin-left: auto !important;
    }
}


@media only screen and (max-width: 690px) {
    .br-sp {
        display: inline-block;
    }
    .br-pc {
        display: none;
    }
    .header {
        padding: 10px !important;
    }
    .hlogo {
        max-width: 150px !important;
    }
    .main_title {
        font-size: 26px;
        margin-bottom: 30px;
        line-height: 26px;
    }
    #top-header {
        background-position: 87%;
        margin-bottom: 150px;
    }
    #top-header h1 {
        top: inherit;
        right: inherit;
        line-height: 1;
        padding: 0 10px;
        margin: 0;
        font-size: 26px !important;
    }
    #top-inner p {
        padding: 0 10px;
        bottom: 23%;
    }
    .sub_title {
        font-size: 16px !important;
    }
    .m40_sp {
        margin-bottom: 40px !important;
    }
    .dlb_box2-2_txt {
        height: auto !important;
    }
    .dlb_box2-2_img {
        height: 220px !important;
    }
    .dlb_c55_txt {
        padding-left: 0 !important;
    }
    .dlb_c55_block {
        padding: 20px 24px !important;
    }
    footer.template_c2 #footer_info .footer_info_navi a {
        border-right: 0 !important;
    }
    .dlb_table_03_2 {
        margin-bottom: 30px !important;
    }
    .table_wrap table {
        width: 1000px !important;
    }
}