@charset "UTF-8";
/*
* Last Update 2020-04-20
*
* EMPLOYMENT SETTING
*
*/


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

COMMON

=======================================*/
#localNaviBlock {
margin-top:24px;
}
#localNaviBlock nav {
max-width:980px;
}
/*#localNaviBlock li:first-child {display: none;}*/
#localNaviBlock li {
margin-bottom: 8px;
width:49.4%;
}
#localNaviBlock li a {
background: rgb(208,18,27);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(208,18,27,1)), to(rgba(145,0,0,1)));
background: linear-gradient(0deg, rgba(208,18,27,1) 0%, rgba(145,0,0,1) 100%);
border-radius: 5px;
color:#fff;
display: block;
font-size: 1.3rem;
line-height: 50px;
height: 50px;
vertical-align: middle;
text-align: center;
text-decoration: none;
width:100%;
}

.tab-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack:justify;
-ms-flt-pack:justify;
justify-content:space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tab {
-ms-flex-item-align: stretch;
align-self: stretch;
border:solid 1px #2f2725;
border-bottom: none;
border-radius: 5px 5px 0 0;
color:#666;
cursor:pointer;
display: table;
height:4em;
line-height: 1.4;
text-align:center;
width: 49.5%;
}
.tab > p {
display: table-cell;
vertical-align: middle;
}
.tab span {
display: block;
font-size:78%;
}
.tab.is-active {
background: rgb(208,18,27);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(208,18,27,1)), to(rgba(145,0,0,1)));
background: linear-gradient(0deg, rgba(208,18,27,1) 0%, rgba(145,0,0,1) 100%);
border:none;
color:#fff;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.tab:nth-child(2).is-active {
 background: rgb(118,210,254);
 background: -webkit-gradient(linear, left bottom, left top, from(rgba(118,210,254,1)), to(rgba(0,38,98,1)));
 background: linear-gradient(0deg, rgba(118,210,254,1) 0%, rgba(0,38,98,1) 100%);
}
.panel{display:none;}
.panel.is-show{
display:block;
}

.cat-Title {
 border-bottom: 1px solid #d0121b;
 color:#d0121b;
 font-weight: bold;
 margin-bottom: 40px;
 padding-bottom: .2em;
}
.cat-Title span {padding-right: .3em;}
.cat-Title span > img {
 max-width: 30px;
 vertical-align: middle;
}
.cat-Title span.lab-busstop > img {max-width: 12px;}
.cat-Title small {
 color:#000;
 font-size:62%;
 font-weight: normal;
}

/*===== for   OVER - 768px =====*/
@media screen and (min-width:768px){
#localNaviBlock {
background: rgb(208,18,27);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(208,18,27,1)), to(rgba(145,0,0,1)));
background: linear-gradient(0deg, rgba(208,18,27,1) 0%, rgba(145,0,0,1) 100%);
height: 70px;
margin: 0;
}
#localNaviBlock nav {
margin:-4px auto 0;/*header border相殺*/
}
#localNaviBlock ul {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#localNaviBlock li {
width:25%;
position: relative;
}
/*#localNaviBlock li:first-child {display: block;}*/
#localNaviBlock li a {
background: none;
color:#fff;
display: block;
font-size:1.5rem;
line-height: 70px;
text-decoration: none;
}
#localNaviBlock li::before {
background-color: #fff;
content:'';
display: block;
height:36px;
width: 1px;
position: absolute;
left:0;
top:17px;
}
#localNaviBlock li:last-child::after {
background-color: #fff;
content:'';
display: block;
height:36px;
width: 1px;
position: absolute;
right:0;
top:17px;
}

.cat-Title {margin-bottom: 64px;}
}

/* add syskai */
#breadCrumb {
display: block;
line-height: 50px;
}
#breadCrumb span {
color:#dd6b48;
padding: 0 .8em 0 .6em;
}
#breadCrumb .icon-home {
font-size:1.6rem;
padding:0;
position: relative;
top: .2em;
}
/* add syskai kokomade */

/*===== for   OVER - 801px =====*/
@media screen and (min-width:801px){
.tab-group {display: none;}
}

/*===== for   OVER - 990px =====*/
@media screen and (min-width:990px){
.cat-Title {margin-bottom: 80px;}
}



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

=================*/
#contents {padding-top:72px;}

#sliderBlock img {width:100%;}
.bx-wrapper img.visible-tbpc {display: none;}

#contents article h3 {
 font-size:1.4rem;
 font-weight: bold;
 margin-bottom: .5em;
}
#contents article h3::before {
 color:#d0121b;
 content: '■';
 display: inline-block;
}

#occupation-Block {margin-bottom: 40px;}
#occupation-Block li {
 -ms-flex-item-align: stretch;
 align-self: stretch;
 margin-bottom: 3em;
 width: 48.6%;
}

#occupation-Block li a {
    text-decoration:none;
}




#occupation-Block li p.tuketasi > a {
    color: blue;
    text-decoration:none;
    border-bottom: 1px double;
}
#occupation-Block li p.tuketasi > a:hover{
    border-bottom: none;
}


#occupation-Block li dt {line-height: 0;}
#occupation-Block li dd {
 background-color: #d0121b;
 color:#fff;
 font-size:1.6rem;
 padding: .5em;
 text-align: center;
 overflow:hidden;
}
#occupation-Block li p {
    font-size:1.3em;
    color:black;
}


/*#occupation-Block li dd.innerImage {
 background-color: #fff;
 border:1px solid #9fa0a0;
 border-top:none;
 display: table;
 padding: 0;
 vertical-align: middle;
 width: 100%;
 font-size: 2.4rem;
}*/

/*#occupation-Block li dd.innerImage > img {
 display: table-cell;
 margin: auto;
 max-height:54px;
 width:auto;
}*/
/*2021/03/17/*/

#container:after{
    content:"";
    clear:both;
    display: block;
}

#occupation-Block li dd span.container > img  {
max-height:50px;
height: auto;
width: auto;

}


/*ここまで追加*/

#jobsearch-Block li {width: 48.6%;}
#jobsearch-Block li:nth-child(1) {
 margin-bottom: 16px;
 width:100%;
}
#jobsearch-Block li a {
 border:1px solid #d0121b;
 border-radius: 5px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-item-align: stretch;
 align-self: stretch;
 padding: 1em;
}
#jobsearch-Block li a::before {
 background: url(../img/ic_zoom.png) no-repeat;
 background-size: 100%;
 content:'';
 display: inline-block;
 height: 46px;
 margin-right: 24px;
 width:40px;
}


#jobsearch-Block li p {
 font-size:1.2rem;
 font-weight: bold;
}
#jobsearch-Block li a span {
 color: #d0121b;
 display: block;
}


/*===== for   OVER - 768px =====*/
@media screen and (min-width:768px){
#contents {padding-top: 0;}

.bx-wrapper img.visible-tbpc {display: block;}
.bx-wrapper img.visible-sp {display: none;}

 #contents article h3 {font-size:1.75rem;}

 #occupation-Block {margin-bottom: 64px;}
 #occupation-Block li dd {font-size:2rem;}

/*2021/03/19*/
#occupation-Block li dd.innerImage {    
    font-size:3em; }
    
#occupation-Block li dd.innerImage > img {
    display:block;
    width: auto;
    height: auto;
    }
    
/*ここまで*/
    
 #jobsearch-Block li {
  line-height: 1.6;
  width: 28%;
 }
 #jobsearch-Block li:nth-child(1) {
  margin-bottom: 0;
  width:42%;
 }
 #jobsearch-Block li p {font-size:1.6rem;}

}

#okisa li p {font-size:2rem;} /*2021/3/17*/
/*===== for   OVER - 801px =====*/
@media screen and (min-width:801px){

}

/*===== for   OVER - 990px =====*/
@media screen and (min-width: 990px) {
 #contents article h3 {font-size:2rem;}

 #occupation-Block {margin-bottom: 80px;}
 #occupation-Block li dd {font-size:2.4rem;}
  
/*2021/03/19*/
#occupation-Block li dd.innerImage {    
    font-size:3rem; }
    
#occupation-Block li dd.innerImage > img {
    max-height:3em;}
    
/*ここまで*/    
    
 #jobsearch-Block li p {font-size:1.8rem;}
}



/* BXSLIDER OVERWIRGHTS */
.bx-wrapper {
-webkit-box-shadow: none;
box-shadow:none;
border:none;
margin-bottom: 0;
}
.bx-wrapper .bx-controls-direction a {z-index: 2;}