@charset "utf-8";

.table th label{display:inline-block; word-break: break-all}
.h3:first-child{line-height: 1; padding-left: 0; text-align: center;}
.h3:first-child em{display:inline-block; margin-right: 5px;}
.h3:first-child *{line-height: 1.2;}

#tab-panel1 .user_databox.step_1 .box .ui_radio--custom{white-space:nowrap}
#tab-panel1 .user_databox.step_1 .box .ui_radio--custom .radio-inline{margin-right: 5px;}


@media screen and (max-width:720px) {

    #tab-panel1 .user_databox.step_1 .box .ui_radio--custom{}

}


@media screen and (max-width:640px) {

    .table{display:block}
    #tab-panel1 .table, .table tbody,.table tr,.table tbody>tr>td, .table tbody>tr>th{display:block; width:100%; max-width:100%; border-left:0; border-bottom: 0; text-align: left;}
    

    .table tbody>tr>th{text-align: left;}
    .table tbody>tr:last-child>td{border-bottom: 1px solid #c5c9d6;}
    .table td:last-child{border-bottom: 0;}
    .table th label{margin-bottom: 3px;}
    .table td .radio-inline{white-space: nowrap;}
     
}

@media screen and (max-width: 500px) {

    .rsv-inner .process_ty2 .prc.type2.step4 > li .inner strong{
        font-size: 14px; letter-spacing: -1px;
    }

    .rsv-inner .process_ty2 .prc.type2.step4 > li{width:calc(25% - 10px); margin-left: 5px; margin-right: 5px;}
    .formbox{padding: 18px 15px 22px 15px}

    .rsv #tab-panel3 .txt-box1{padding-left: 20px !important; padding:20px;margin-bottom: 13px;}
    .rsv #tab-panel3  .txt-box1 strong.ico{position: relative;top:0;left:auto}

}


@media screen and (max-width:400px) {

    #tab-panel1 .user_databox.step_1 .box .ui_radio--custom label{font-size: 15px;}
    #tab-panel1 .user_databox.step_1 .box .ui_radio--custom label .chk_ball{margin-right: 5px;}
    
}


@media screen and (max-width:320px) {

    .rsv-inner .process_ty2 .prc.type2.step4 > li{width:calc(25% - 5px); margin-left: 2.5px; margin-right: 2.5px;}
    .rsv-inner .process_ty2 .prc.type2.step4 > li .inner strong{}
}