/* スマホ用のCSS */
@media screen and  (min-width: 767px) and (max-width: 1500px) {
    header>div{
        width:100%;
    }
    header>div>div:first-child{
        width: calc(100% - 150px);
    }
    .input_info{
        min-width: 25rem;
    }

    footer>div{
        width:100%;
    }
    footer>div>div:first-child{
        width: calc(100% - 150px);
    }
    
}

@media screen and (max-width: 767px) {
    /* ここにスマホ用のCSSを記述 */
    .jk_auve_log {
        height: auto;
        max-width:100px;
        max-height: 45px;
        top: 10px;
    }
    header>div>div:first-child{
        width: calc(100% - 100px);
    }
    header>div{
        width: 100%;
        /*position: relative; jk-auveロゴ入れる際に*/
    }
    header>div h1{
        font-size: 2.4rem;
        margin-left: 10px;
        padding: 0 10px 0 0;
    }
    main{
        padding: 0 0 2rem;
    }
    div.info.c_info ul{
        width: 100%;
    }
    .input_info{
        display: none;
    }
    .container {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .container .news article.news table{
        width: 100%;
    }
    .container article.news table tbody{
        display: table;
    }
    .container article.news table th , .container article.news table td{
        display: block;
        width: 100%;
        text-wrap: balance;
        border: none;
        padding: 0.4rem 0.8rem 0 0.8rem;
    }
    .container article.news table td:nth-child(2){
        border-bottom: 0.1rem solid #e1e1e1;
        padding-left: 1.2rem;
    }

    div.consent{
        display: block;;
    }
    div.consent>article{
        width: 100%;
    }
    
    div.consent>article.jurisdiction{
        margin-top: 50px;
    }
    .jurisdiction table{
        display: block;
    }
    #jurisdiction_t_div{
        overflow-x:scroll;
    }
    .jurisdiction table tbody{
        display: table;
    }
    .jurisdiction table td, .jurisdiction table th{
        display: table-cell;
        text-wrap: balance;
    }
    article.jurisdiction table td:nth-child(1){
        width: auto;
    }
    article.jurisdiction table td:nth-child(2){
        width: auto;
    }
    div.info a#on_click, div.info a#on_reset{
        padding: 1rem 3rem 1rem 4rem;
    }
    article.search_info div.info{
        flex-direction: column-reverse;
    }
    article.search_info div.info.c_search>div{
        display: flex;
        padding: 0;
    }
    article.search_info div.info.c_search>div{
        display: none;
    }
    article.search_info div.c_search.position_btm>div{
        display: flex;
    }
    article.search_info div.info.c_info>div{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    article.search_info div.info>div{
        width: 100%;
        display: block;
    }
    article.search_info div.info>div:first-child div a{
        padding: 15px 10px;
    }
    table tbody{
        display: flex;
    }
    .search_body table{
        display: flex;
        width: 100%;
        align-items: flex-start;
        height: 400px;
    }
    .search_body table thead{
        width: 130px;
        height: 400px;
    }
    section.search_body{
        margin-top: 5rem;
    }
    #search_date.enabled{
        top:-4.2rem;
    }
    section.search_body table tr,
    section.search_body table thead{
        border: none;
    }
    section.search_body table th,
    section.search_body table td{
        height: 60px;
    }
    section.search_body table th{
        font-size: 1.5rem;
        display: block;
    }
    section.search_body table td div *{
        width: 100%;;
    }
    .search_body table tbody{
        height: 400px;
        width: calc(100% - 130px);
    }
    .search_body table tbody tr{
        display: none;
    }
    .search_body table tbody tr:first-child{
        display: block;
        width: 100%;
    }
    .search_body table tbody tr:first-child td{
        display: block;
        width: 100% !important;
        padding: 0;
    }
    .search_body table tbody tr:first-child td div{
        height: 50px;
    }
    section.search_body table td:nth-child(6) textarea{
        height: 80px;
    }
    footer>div{
        width: 100%;
    }
    
    div.container .search_info.search_jurisdiction table{
        display: table;
    }
    div.container .search_info.search_jurisdiction table tbody{
        display: table;
    }
    div.container .search_info.search_jurisdiction table td,div.container .search_info.search_jurisdiction table th{
        display: table-cell;
        text-wrap: balance;
    }
    div.container .search_info.search_jurisdiction table td:nth-child(1){
        width: auto;
    }
    div.container .search_info.search_jurisdiction table td:nth-child(2){
        width: auto;
    }
}