
@media print {
    .sr_no_print {
        display: none;
    }
}


@media (max-width: 764px) {
    .sr_sp_fontsize_20 {
        font-size: 20px !important;
    }
}


.sr_form_item_big {
    font-size: 24px;
}


.sr_checkbox_big {
    margin: 5px;
    marging-left: 20px;
    width: 30px;
    height: 30px;
    font-size: 24px;
    vertical-align: middle;
}

.sr_radio_big {
    margin: 5px !important;;
    width: 30px;
    height: 30px;
    font-size: 24px;
    vertical-align: middle;
}

.sr_select_big {

}

.sr_fileupload_big {
    font-size: 24px;
}


.sr_reha_tweet_list_btn {
    font-size: 22px;
    padding: 10px;
}






.sr_standard_button {
    font-size: 12px;
    padding: 10px;
}




.sr_t_lightblue_button {
    display: block;
    font-weight: bold;
    text-align: center;
    /*word-break: keep-all;*/
    padding: 10px;
    position: relative;
    background-color: #0bbbcc;
    border-radius: 4px;
    color: #fff;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #03929b;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.sr_t_lightblue_button:hover {
    top: -1px;
    background-color: #33e1e1;
    box-shadow: 0 5px 0 #03929b;
    color: white;
    text-decoration: none;
}
.sr_t_lightblue_button:active {
    top: 3px;
    box-shadow: none;
    color: white;
    text-decoration: none;
}

.sr_t_winered_button {
    display: block;
    font-weight: bold;
    text-align: center;
    /*word-break: keep-all;*/
    padding: 10px;
    position: relative;
    background-color: #f84080;
    border-radius: 4px;
    color: #fff;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #cf074d;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.sr_t_winered_button:hover {
    top: -1px;
    background-color: #ffa398;
    box-shadow: 0 5px 0 #f84080;
    color: white;
    text-decoration: none;
}
.sr_t_winered_button:active {
    top: 3px;
    box-shadow: none;
    color: white;
    text-decoration: none;
}


.sr_t_lightgreen_button {
    display: block;
    font-weight: bold;
    text-align: center;
    /*word-break: keep-all;*/
    padding: 10px;
    position: relative;
    background-color: #84bd14;
    border-radius: 4px;
    color: #fff;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #5e8811;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.sr_t_lightgreen_button:hover {
    top: -1px;
    background-color: #9bd914;
    box-shadow: 0 5px 0 #5e8811;
    color: white;
    text-decoration: none;
}
.sr_t_lightgreen_button:active {
    top: 3px;
    box-shadow: none;
    color: white;
    text-decoration: none;
}


.sr_t_lightdark_button {
    display: block;
    font-weight: bold;
    text-align: center;
    /*word-break: keep-all;*/
    padding: 10px;
    position: relative;
    background-color: #626262;
    border-radius: 4px;
    color: #fff;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #020202;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.sr_t_lightdark_button:hover {
    top: -1px;
    background-color: #949494;
    box-shadow: 0 5px 0 #020202;
    color: white;
    text-decoration: none;
}
.sr_t_lightdark_button:active {
    top: 3px;
    box-shadow: none;
    color: white;
    text-decoration: none;
}


.fa-chevron-right:before {
    content: "\f054";
    position: absolute;
    right: 5% ;
    top: 32% ;
}

.fa-upload:before {
    content: "\f093";
    position: absolute;
    right: 5% ;
    top: 32% ;
}



.sr_fontsize_16_12 {
    font-size: 16px;
}
@media (max-width: 780px) {
    .sr_fontsize_16_12 {
        font-size: 12px;
    }
}
.sr_fontsize_22_16 {
    font-size: 22px;
}
@media (max-width: 764px) {
    .sr_fontsize_22_16 {
        font-size: 16px;
    }
}


.sr_base_text {
    font-size: 16px;
}


.sr_body_max_width {
    max-width: 1170px;
}

.sr_catch_img {
    width: 100%;
    max-width: 1170px;
}

.sr_catch_img_height_max {
    width: 100%;
}

.sr_catch_img_separate3 {
    width: 100%;
    padding: 10px;
    max-width: 300px;
}

.sr_separate3 {
    text-align: center;
}

.sr_text_shadow_black {
    text-shadow: #4c4c4c 1px 1px 0px, #4c4c4c -1px 1px 0px, #4c4c4c 1px -1px 0px, #4c4c4c -1px -1px 0px;
}



.sr_top_zoom_btn{
    font-size: 16px;
    padding: 5px;
    width:120px;
    height:25px;
    font-weight:bold;
    border: solid 1px red;
    display: table-cell;
    text-align: center;

    cursor:pointer;
}
.sr_top_zoom_btn:hover{
    width:120px;
    height:35px;
    font-weight:bold;
    margin:20px auto;
    line-height:2.2em;
    cursor:pointer;
}

.sr_top_zoom_btn_area {
    font-size: 16px;
    padding: 5px;
}


.sr_ba_main_title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-top: 40px;
}

.sr_ba_sub_title {
    text-align: center;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 30px;
}

.sr_ba_sub_title2 {
    text-align: center;
    font-size: 22px;
    padding: 10px;
    margin-bottom: 30px;
}

.sr_ba_category_area {
    margin: 5px;
}



.sr_match_height {

}

.sr_ba_area_base {
    margin-bottom: 30px;
}

.sr_ba_catch_img_area_base {
    overflow:hidden;

}

.sr_ba_catch_img_area {
    width: 100%;
    height: 250px;
    text-align: center;
    background-color: white;
}

.sr_ba_catch_img_v {
    max-width: 100%;
    max-height: 100%;
}


.sr_ba_date_area {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    background-color: #02cc9a;
    color: white;
    padding: 10px;
}

.sr_ba_text_area {
    width: 100%;
}

.sr_ba_text_v1 {
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
}

.sr_ba_text_v2 {
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    color: #808080;
}

.sr_ba_text_v3 {
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    color: #ff5151;
}

.sr_ba_text_v4 {
    font-size: 16px;
    padding: 10px;
}

.sr_top_menu_area {
    display: table;
    padding-top: 5px;
    margin: auto;
}
@media (max-width: 764px) {
    .sr_top_menu_area {
        margin: inherit;
    }
}



.sr_top_menu_pc_login_area {
    display: table-cell;
    padding-left: 10px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
}

.sr_top_menu_for_beginner_button {
    text-align: center;
    font-size: 14px;
    width: 175px;
}
/*  タブレット用 */
@media (max-width: 1000px) {
    .sr_top_menu_for_beginner_button {
        font-size: 12px;
        width: inherit;
    }
}

.sr_top_menu_zoom_button_area {
    display: table-cell;
}
/*  タブレット用 */
@media (max-width: 1000px) {
    .sr_top_menu_zoom_button_area {
        display: none;
    }
}




.sr_table_hover_red tbody tr:hover {
    background: #ffdada;
}








.sr_lines_on_sides {
    display: flex;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
}
@media (max-width: 764px) {
    .sr_lines_on_sides {
        white-space: inherit;
        width: 100%;
    }
}
.sr_lines_on_sides:after, .sr_lines_on_sides:before {
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}

.sr_lines_on_sides:after {
    margin-left: 0.5em;
}
.sr_lines_on_sides:before {
    margin-right: 0.5em;
}



.sr_rh_area {
    background-color: #fff5f5;
    margin: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 16px;
}
/*  タブレット用 */
@media (max-width: 1000px) {
    .sr_rh_area {
        font-size: 14px;
    }
}

.sr_rh_body_area {
    margin: auto;
    padding: 20px;
}
/*  タブレット用 */
@media (max-width: 1000px) {
    .sr_rh_body_area {
        padding: 5px;
    }
}

.sr_rh_td_s1 {

}

.sr_rh_td_s2 {
    font-weight: bold;
}

.sr_rh_td_3 {

}

.sr_rh_td_green {
    background-color: #dff0d8;
}

.sr_rh_td_gray {
    background-color: #bfbfbf;

}





.sr_reha_middle_title {
    font-size: 22px;
    font-weight: bold;
    margin-top: 40px;
    padding-left: 10px;
    text-align:left;
    color: #808080;
    border-bottom: solid 5px #a7a7a7;
}

.sr_reha_form_area {
    padding: 10px; margin-left: 20px; font-size: 22px;
}


form img.thumb {
    margin:0 5px 5px 0;
    max-width: 300px;
    max-height: 300px;
    vertical-align:bottom;
}















