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

/*PC*/
@media print, screen and (min-width: 769px) {
.searchIcon {
width: 100%;
margin-bottom: 15px;
}

.searchIcon li {
width: 116px;
float: left;
margin-right: 7px;
text-align: center;
background-color: #f18e38;
color: #fff;
padding: 10px 10px;
border-radius: 6px;
overflow: hidden;
}

.searchIcon li:nth-child(9) {
margin-right: 0px;
}

table.search_table01 {
border-top: solid 1px #0098e6;
border-left: solid 1px #0098e6;
border-right: solid 1px #0098e6;
margin-bottom: 50px;
line-height: 240%;
width: 100%;
}

table.search_table01 tr {
border-bottom: solid 1px #0098e6;
}

table.search_table01 th {
font-size: 1.1em;
width: 260px;
padding: 25px 30px;
background: #f2fafe;
text-align: left;
vertical-align: middle;
color: #0098e6;
font-weight: normal;
line-height: 120%;
}

table.search_table01 td {
font-size: 1.1em;
padding: 25px 30px;
}

.searchBtn a {
color: #fff;
font-size: 1.2em;
display: block;
border: 1px solid #0098e6;
background-color: #0098e6;
margin: 0 auto;
padding: 20px;
width: 400px;
-webkit-transition: 0.25s ease-in-out;
-o-transition:  0.25s ease-in-out;
transition: 0.25s ease-in-out;
text-align: center;
}

.searchBtn a:hover {
color: #0098e6;
border: 1px solid #0098e6;
background-color: #fff;
}

table.joblists {
border-top: solid 1px #0098e6;
border-left: solid 1px #0098e6;
margin-bottom: 50px;
line-height: 240%;
width: 100%;
}

table.joblists th {
border-right: dotted 1px #b3d3e4;
border-bottom: solid 1px #0098e6;
font-size: 1.1em;
padding: 25px 30px;
background: #f2fafe;
text-align: center;
vertical-align: middle;
font-weight: normal;
line-height: 120%;
}

table.joblists th:last-child {
border-right: solid 1px #0098e6;
}

table.joblists th a {
font-weight: bold;
color: #0098e6;
font-size: 1.1em;
letter-spacing: 1px;
}

table.joblists th.worklocation {
width: 25%;
}

table.joblists th.title {
width: 45%;
}

table.joblists th.hourlyfees {
width: 30%;
}

table.joblists td {
border-right: dotted 1px #b3d3e4;
border-bottom: solid 1px #0098e6;
font-size: 1.1em;
padding: 25px 30px;
}

table.joblists td:last-child {
border-right: solid 1px #0098e6;
}

table.joblists td a {
color: #0076b2;
text-decoration: underline;
}





}


/*----------------------------------------------------*/


/*sp*/
@media only screen and (max-width: 768px) {
.searchIcon {
width: 100%;
margin-bottom: 15px;
}

.searchIcon li {
width: 32%;
float: left;
margin: 0 2% 2% 0;
text-align: center;
background-color: #f18e38;
color: #fff;
padding: 10px 10px;
border-radius: 6px;
overflow: hidden;
}

.searchIcon li:nth-child(3n) {
margin-right: 0px;
}

table.search_table01 {
border-top: solid 1px #0098e6;
border-left: solid 1px #0098e6;
border-right: solid 1px #0098e6;
margin-bottom: 50px;
line-height: 240%;
width: 100%;
}

table.search_table01 tr {
border-bottom: solid 1px #0098e6;
}

table.search_table01 th {
font-size: 1.1em;
display: block;
width: 100%;
padding: 5%;
background: #f2fafe;
text-align: center;
vertical-align: middle;
color: #0098e6;
font-weight: normal;
line-height: 120%;
}

table.search_table01 td {
display: block;
width: 100%;
padding: 5% 5%;
}

.searchBtn a {
color: #fff;
font-size: 1.2em;
display: block;
border: 1px solid #0098e6;
background-color: #0098e6;
margin: 0 auto;
padding: 5%;
width: 70%;
-webkit-transition: 0.25s ease-in-out;
-o-transition:  0.25s ease-in-out;
transition: 0.25s ease-in-out;
text-align: center;
}

.searchBtn a:hover {
color: #0098e6;
border: 1px solid #0098e6;
background-color: #fff;
}

.scroll{
overflow: auto;
/*white-space: nowrap;*/
}
.scroll::-webkit-scrollbar {
 height: 5px;
}
.scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

table.joblists {
border-top: solid 1px #0098e6;
border-left: solid 1px #0098e6;
margin-bottom: 50px;
line-height: 240%;
width: 100%;
min-width: 520px;
}

table.joblists th {
border-right: dotted 1px #b3d3e4;
border-bottom: solid 1px #0098e6;
font-size: 1.1em;
padding: 25px 30px;
background: #f2fafe;
text-align: center;
vertical-align: middle;
font-weight: normal;
line-height: 120%;
white-space: nowrap;
}

table.joblists th:last-child {
border-right: solid 1px #0098e6;
}

table.joblists th a {
font-weight: bold;
color: #0098e6;
font-size: 1.1em;
letter-spacing: 1px;
}

table.joblists th.worklocation {
width: 25%;
}

table.joblists th.title {
width: 45%;
}

table.joblists th.hourlyfees {
width: 30%;
}

table.joblists td {
border-right: dotted 1px #b3d3e4;
border-bottom: solid 1px #0098e6;
font-size: 1.1em;
padding: 25px 30px;
}

table.joblists td:last-child {
border-right: solid 1px #0098e6;
}

table.joblists td a {
color: #0076b2;
text-decoration: underline;
}





}