@media all and (max-width :1550px)  {
     
    

    


    





}


@media all and (max-width :1280px)  {
    
    
    .top_nav_wrap { display: none; }
    .m22_h_mobile_r { display: block; }
    .m22_h_inner { padding: 0.9rem 0 0.8rem 0;}
    .m22_visual_box { padding: 2rem; background: #00a4ba; }
    .m22_sub_visual_wrap .m22_visual_box { padding: 2rem; background: #00a4ba;  }
    


}

@media all and (max-width :992px)  {

    
    .view_tags_info  { float: none; width:auto; margin-bottom: 1rem;  }
    .view_right_con { margin: 0;  }



    
    .m22_l_n_num  {  float: none;text-align: left; }
    .m22_l_n_box { margin: 0.5rem 14rem 0 0rem; padding: 0;  }

    .m22_scroll_tbl { overflow:scroll; }
    .m22_scroll_tbl .m22_tlb_view{  min-width: 90rem;  width: auto; }
    .m22_l_t_box ul li a {font-size : 1.6rem;padding:0.5rem 0;}
    .m22_large_bt {width:30rem;line-height:4.6rem;}
    .m22_f_link_inner ul li {margin:0 1.2rem 0 0;}
    .m22_list_tab_area {padding:0.8rem 0rem;}
    .m22_notice_none {padding-top:2rem;min-height:18rem;}
    .m22_notice_none .m22_large_bt{margin-top:1.5rem;}
    .m22_notice_none p{font-size:1.6rem;}
    .m22_v_num ul li {margin-right:1.5rem;}
    .m22_l_n_bottom ul li{font-size:1.4rem;}
    

}


/*================================================================*/

@media only screen and (max-width :769px)  {
    
    
    
    .h1_logo { width: 12.5rem;  }
    .container_section { background:none;}
    .contents_inner { padding: 2rem 2rem 0rem 2rem;   }
    .l_info_box { display: none; }
    .l_info_box.on { display: block; left: auto!important; top:auto !important; position: relative; }
    .l_info_box.on .location_circle {  display: none; }
    .l_i_view_box { width: 100%; position: relative; }
    .office_img { display: none; }

    .m22_visual_box {overflow: hidden;min-height: auto;flex-direction: column;margin: 0;}
    .m22_v_t_box {width: 100%;margin: 0 0 2rem 0;text-align: center;float: inherit;}
    .m22_v_num {width: 100%;}
    .m22_v_num ul{margin:0;display: flex;position: relative;}
    .m22_v_num ul li{flex: 0 0 auto;}
    .m22_v_num ul li:last-child{margin-right:0;}
    .m22_v_num ul li{margin:0 auto;}
    .m22_v_num ul li:first-child,
    .m22_v_num ul li:last-child{margin:0;}
    .m22_v_num ul li:before{display:none;}
    .m22_v_num ul:before{content:''; position:absolute; top:calc(50% - 0.5rem); right:0; width:100%; height:0.3rem; background:#fff;}
    


    /*table list  css*/
    .table--block thead { display:none; }
    .table--block tr { display:block; margin-bottom:1rem; border-top:none; border-radius: 1rem; overflow: hidden; border:0.1rem solid #000; }
    .table--block th, .table--block td { display:block; position:relative; padding:1rem 0; padding-left:40%; border-width:0 0 0.1rem 0;  }
    .table--block td:before { display:block; position:absolute; left:0; top:0; bottom:0; width:40%; color: #696969; padding:1rem; font-size: 1.2rem; background:#1c1c1d; text-align: left; }

    .list_tag_link,.list_folder_link { margin: 0 0 0 1.5rem;}
    .table--block td:nth-child(1):before { content: attr(aria-label); }
    .table--block td:nth-child(2):before { content: attr(aria-label); }
    .table--block td:nth-child(3):before { content: attr(aria-label);}
    .table--block td:nth-child(4):before { content: attr(aria-label); }
    .table--block td:nth-child(5):before { content: attr(aria-label);}

    .list_tbl tbody .tbl_first_link {  padding-left:40%; text-align: center; }
    .t_p_link {  font-size: 1.4rem; }
    .list_tbl tbody td { font-size: 1.4rem; }

    .list_tbl colgroup  { display: block; width: 100%; }
    .list_al_left {  text-align: center; } 

    .m22_list_option_box { padding: 1.2rem;}    .m22_l_i_box { width: 100%; }
    .m22_l_i_box .select_type { width: 100%; }
    .m22_l_i_state { width: auto; }
    .m22_l_i_box .m22_l_i_state .select_type  { width: 8rem; }
    .m22_list_header_box { display: none; }
    .m22_l_n_state { right: 0; }
    .m22_l_n_box { margin: 0.5rem 9rem 0 0rem; }
    .m22_l_o_bt { position: relative; right: auto; top: auto; width: 100%; }
    .m22_list_option_inner { padding: 0; }
    .m22_l_t_right { top:auto; bottom:0.7rem;}
    .m22_v_t_box p {font-size : 1.4rem;}
    .m22_v_t_box h3 {font-size : 2.1rem;}
    .m22_h_right a {width:5.5rem; font-size:1.3rem;}
    .m22_h_inner h1 {margin :0 6rem 0 0 }
    .m22_h_inner h1 a {font-size : 1.8rem;}

}


/*================================================================*/

@media only screen and (max-width :500px)  {
    
    
    .m22_notice_none{min-height:20rem;}
    .m22_tlb_view tbody th{font-size:1.4rem;}
    .m22_tlb_view .co_th {width:9rem;}
    .m22_tbl_t{font-size:1.4rem;}
    .m22_tbl_ul li{font-size:1.4rem;}
    .m22_tlb_view thead th{font-size:1.4rem;}
    .m22_tlb_view tbody td{font-size:1.4rem;}
    .m22_s_h3_title{font-size:1.8rem;}



}