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

#co-block #recruit{
padding:10px 0;
}
#co-block #recruit #rec-list-box{
padding:0 0px 5px 0px;
margin-bottom:5px;
border:1px solid #ccc;
}
#co-block #recruit div.title{
width:100%;
background-color:#EDEDED;
display:block;
}
#co-block #recruit div.title h5{
padding-left:10px;
font-size:110%;
line-height:35px;
color:#134579;
}
#co-block #recruit div.body{
width: 98%;
margin: 0 2%;
position:static;
padding-top:5px;
display:block;
clear:both;
}
#co-block #recruit div.body p{
border-bottom:1px #CCC dashed;
padding-bottom:5px;
}
#co-block #recruit div.icon{
width:100%;
padding:5px 10px 0 10px;
clear:both;
}
#co-block #recruit div.about{
width: 98%;
margin: 3px 2%;
clear:both;
}
#co-block #recruit div.link{
float:none;
width:auto;
text-align:right;
margin: 0 10px;
}


/*TOP下部テーブル*/
#co-block #table{
width:100%;
margin:10px 0px;
vertical-align:middle;
}
#co-block #tb-box{
margin:4px 0px;
background-color:#F4F4F4;
display:table;
width: 100%;
clear:both;
}
#co-block #tb-box2{
background-color:#EAEAEA;
display:table;
width: 100%;
clear:both;
}
#co-block #table .left{
width:360px;
padding:8px 0px 8px 20px;
background-color:none;
margin:0px;
}
#co-block #table .right{
width:260px;
float:right;
text-align:right;
padding:8px 20px 8px 0px;
border:none;
margin:0px;
}
#co-block #table .right ul{
margin:0;
float:right;
}

/*Entry*/
#co-block #recruit #rec-entry-box div.title{
    width: 100%;
background-color:#EDEDED;
height:auto;
display:block;
border:1px solid #ccc;
clear:both;
margin-bottom:10px;
position:relative;
}
#co-block #recruit div.title h5{
padding:10px 0px;
padding-left:10px;
padding-right:60px;
font-size:110%;
line-height:120%;
color:#134579;
position:relative;
}
#co-block #recruit div.title img{
position:absolute;
right:10px;
top:8px;
}


#co-block #recruit div.entry-rec-block{
width: 100%;
background-color:#EDEDED;
clear:both;
border:1px solid #ccc;
margin-bottom:5px;
overflow:hidden;
display:block;
}
#co-block #recruit div.entry-rec-block div.rec-left{
width: 25%;
background-color:#EDEDED;
height:auto;
padding-left:10px;
padding-top:7px;
font-size:110%;
line-height:120%;
color:#134579;
float:left;
}
#co-block #recruit div.entry-rec-block div.rec-right{
padding:5px 10px;
width: 69%;
background-color:#FFF;
text-align:left;
float:right;
word-break: break-word;
}

/*〜について*/
#co-block #recruit .recruit-title{
margin:0 5px;
background-color:#F5F5F5;
color:#545454;
padding:5px;
font-size:110%;
}
#co-block #recruit .acc-rec-right{
text-align:right;
clear:both;
padding:10px 0px;
}
#co-block #recruit .rec-body{
}
#co-block #recruit .rec-body h5{
font-size:100%;
color:#555;
font-weight:bold;
}
span.still_rec{
  background-color:#e6002d;
  color:#ffffff;
    padding: 0.2vw 0.5vw;
    font-size: 0.7vw;
    vertical-align: middle;
}
span.end_rec{
  background-color:#14588c;
  color:#ffffff;
    padding: 0.2vw 0.5vw;
    font-size: 0.7vw;
    vertical-align: middle;
}
ul li.vectol-link{
margin-left:10px;
}


/*
スマホ用CSS
______________________________________________*/
@media screen and (max-width: 1000px) {
span.still_rec{
  background-color:#e6002d;
  color:#ffffff;
    padding: 0.2vw 0.5vw;
    font-size: 3vw;
    vertical-align: middle;
}
span.end_rec{
  background-color:#14588c;
  color:#ffffff;
    padding: 0.2vw 0.5vw;
    font-size: 3vw;
    vertical-align: middle;
}

}