@charset "UTF-8";
/* CSS Document */

.maplink {color: darkred;}
      /*テーブル*/
    .data-tbl {
        max-width: 1024px;
        margin: 0 auto 50px;
    }

    .data-tbl>table{
        width: 100%;
    }

    .data-tbl>table .dot{
        background: #f3f3f3;
        vertical-align: middle;
    }
    .data-tbl>table .dot a{
        position: relative;
        display: inline-block;
        line-height: 1.4em;
    }
    .data-tbl>table .dot a::after{
        content:"";
        position: absolute;
        display: block;
        width: 100%;
        height: 1px;
        bottom:0;
        left:0;
    }
    .data-tbl>table .dot.driver a::after{
        background:#007ac7;
    }
    .data-tbl>table .dot.opp a::after{
        background:#006b11;
    }
    .data-tbl>table .dot.direc a::after{
        background:#ff5a00;
    }
    .data-tbl>table .dot.trade a::after{
        background:#00056c;
    }
    .data-tbl>table .dot.office a::after{
        background:#a40000;
    }
    .data-tbl>table{
        width: 100%;
        background: #fff;
        text-align: center;
        font-size: 1.5rem;
    }

    .data-tbl>table>thead>tr>th{
        background: #000;
        color:#ffffff;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        border-left:1px solid #f3f3f3;
        font-weight: normal;
        width: 9.4%;
    }
    .data-tbl>table>thead>tr>th:first-child{
        white-space: nowrap;
        border-left:none;
        width: 24.8%; 
    }

    .data-tbl>table>tbody>tr>th.bar{
        background: #000;
        color:#fff;
        padding: 5px;
        text-align: center;
        font-weight: normal;
        border:none;
    }
    .data-tbl>table>tbody>tr>th.bar{
        background: #000;
    }
    .data-tbl>table>tbody>tr>th.bar.driver{
        background: #007ac7;
    }
    .data-tbl>table>tbody>tr>th.bar.opp{
        background: #006b11;
    }
    .data-tbl>table>tbody>tr>th.bar.direc{
        background: #ff5a00;
    }
    .data-tbl>table>tbody>tr>th.bar.trade{
        background: #00056c;
    }      
    .data-tbl>table>tbody>tr>th.bar.office{
        background: #a40000;
    }
    

    .data-tbl>table>tbody>tr>td.driver{
        color: #007ac7;
    }
    .data-tbl>table>tbody>tr>td.opp{
        color: #006b11;
    }
    .data-tbl>table>tbody>tr>td.direc{
        color: #ff5a00;
    }
    .data-tbl>table>tbody>tr>td.trade{
        color: #00056c;
    }      
    .data-tbl>table>tbody>tr>td.office{
        color: #a40000;
    }

    .data-tbl>table>tbody>tr>th{
        border:1px solid #e5e5e5;
        padding: 0.7em 1em;
        text-align: left;
        font-weight: normal;
    }

    .data-tbl>table>tbody>tr>th>span{
        display: block;
    }
    .data-tbl>table>tbody>tr>th>span.kind{
        display:inline;
    }

    .data-tbl>table>tbody>tr>td{
        border:1px solid #e5e5e5;
        padding: 0.7em 2em;
    }
    .font80{
          font-size: 1.0rem;
    }
    .font90{
          font-size: 1.1rem;
    }
    .jobkind{
        display: block;
        opacity: 0.8;
        width: 400px;
        color: #fff;
        padding: 15px 15px;
        font-size: 1.6rem;
        font-weight: 600;
    }
    .jobkind_long{
        display: block;
        opacity: 0.8;
        width: 440px;
        color: #fff;
        padding: 15px 15px;
        font-size: 1.6rem;
        font-weight: 600;
    }

    .jobkind_index{
        display: block;
        opacity: 0.8;
        width: 190px;
        color: #fff;
        padding: 7px 25px;
        font-size: 1.8rem;
        font-weight: 600;
      }

    .jk_index{
        background: #000;
      }
    .jk_driver{
        background: #007ac7;
      }
    .jk_opp{
        background: #006b11;
      }
    .jk_direc{
        background: #ff5a00;
      }
    .jk_trade{
        background: #00056c;
      }
    .jk_office{
        background: #a40000;
      }

    .occupation{
        font-size: 2.4rem;
    }
    .location{
        font-size: 2.0rem;
    }


    br.sp2line{
        display: none;
    }

    li.map{
            align-content:flex-end; 
            padding-bottom: 70px;
            color: #22AC38;
            font-size: 18px;
            font-weight: 500;
        }
    p.map{
            align-content:flex-end; 
            padding-bottom: 70px;
            color: #22AC38;
            font-size: 18px;
            font-weight: 500;
            margin: -20px 0 -30px;
        }

@media screen and (max-width: 1024px) {
    .data-tbl {
        max-width: 1024px;
        margin: 0 auto 0;
        overflow-x: scroll;
    }

    .data-tbl table{
        width: 1024px;
    }
    .data-tbl2,
    .data-tbl2 table,
    .data-tbl2 table>tbody,
    .data-tbl2 table>tbody>tr,
    .data-tbl2 table>tbody>tr>th,
    .data-tbl2 table>tbody>tr>td{
       display: block;
       width: 100%;
    }

    .data-tbl2 table>tbody>tr>th,
    .data-tbl2 table>tbody>tr>td{
        padding:1em;
    }
}

@media screen and (max-width: 425px) {
        br.sp2line {
        display: block;
    }
    .jobkind{
        display: block;
        opacity: 0.8;
        width: 270px;
        color: #fff;
        padding: 5px 10px;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 140%;
      }
    .jobkind_long{
        display: block;
        opacity: 0.8;
        width: 300px;
        color: #fff;
        padding: 5px 10px;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 140%;
      }
    
    .jobkind_index{
        display: block;
        opacity: 0.8;
        width: 180px;
        color: #fff;
        padding: 5px 20px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 140%;
      }
    
	.data-tbl table {
	    width: 567px;
	    font-size: 1.3rem;
	}

	.data-tbl>table>thead>tr>th {
	    width: auto;
   		font-size: 1.3rem;
   		white-space: nowrap;
   	}

}