@charset "utf-8";
/*********************************************************************
 *
 *  コンタクトセンターページ
 *
*********************************************************************/

/* gNav */
/* --------------------------------------------------------------------------- */
#gNav li a#linkContact {
	color: #e50012;
}
/* cNav */
/* --------------------------------------------------------------------------- */
#cNav {
	display: block;
	background-color: #e50012;
}
#cNav .inner div.menu-cnavcontact-container {
	display: block;
}
#cNav .arrow {
	left: 289px;
	background-image: url(./common/img/cnav/arrow_red.png);
}
#cNav li a:hover, #cNav li.current-menu-item a {
	color: #e50012;
}
/* contents section *
/* --------------------------------------------------------------------------- */
#line1 .img {
	padding-left: 30px;
}
@media (max-width: 1020px) {
#line1 .box {
	float: none !important;
	width: 100% !important;
	margin: 0 0 10px !important;
}
#line1 .img {
	margin-left:0 !important;
	padding-left: 0;
	text-align: center;
}
}
/*@media*/

/* --------------------------------------------------------------------------- */
/* project_t */
/* 2019.04.18 古川追記 
/* --------------------------------------------------------------------------- */
#project_t {
    width: 90%;
    border-collapse: collapse;
    border: solid 2px orange;/*表全体を線で囲う*/
    text-align: center;
}
#project_t th{
    padding: 10px;/*上下左右10pxずつ*/
    text-align: center;
    color: #FF9800;/*文字色*/
    background: #fff5e5;/*背景色*/
    border: dashed 1px orange;/**/
    /*破線 1px オレンジ*/
}
#project_t td{
    padding: 5px 10px 5px 10px;
    text-align: left;
    border: dashed 1px orange;/**/
    /*破線 1px オレンジ*/
}
#project_t td:nth-child(4) {
    text-align: center;
}
/* --------------------------------------------------------------------------- */
/* 2019.04.18 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* base_t             拠点一覧表　*/       
/* 2019.04.19 古川追記 
/* --------------------------------------------------------------------------- */
#base_t {
    width: 95%;
    border-collapse: collapse;
    border: solid 2px #bb5555;/*表全体を線で囲う*/
    text-align: center;
}
#base_t th{
    padding: 10px;/*上下左右10pxずつ*/
    text-align: center;
    color: #bb5555;/*文字色*/
    background: #ffefef;/*背景色*/
    border: dashed 1px #bb5555;/**/
    /*破線 1px オレンジ*/
}
#base_t td{
    padding: 5px 10px 5px 10px;
    text-align: left;
    border: dashed 1px #bb5555;/**/
    /*破線 1px */
}
#base_t td:nth-child(1) {
    text-align: center;
}
#base_t td:nth-child(3) {
    text-align: center;
}
#base_t td:nth-child(4) {
    text-align: center;
}
#base_t td:nth-child(5) {
    text-align: center;
}
/* --------------------------------------------------------------------------- */
#base2_t {
    width: 95%;
    border-collapse: collapse;
    border: solid 2px #bb5555;/*表全体を線で囲う*/
    text-align: center;
}
#base2_t th{
    padding: 10px;/*上下左右10pxずつ*/
    text-align: center;
    color: #bb5555;/*文字色*/
    background: #ffefef;/*背景色*/
    border: dashed 1px #bb5555;/**/
    /*破線 1px */
}
#base2_t td{
    padding: 5px 10px 5px 10px;
    text-align: left;
    border: dashed 1px #bb5555;/**/
    /*破線 1px */
}
#base2_t td:nth-child(1) {
    text-align: center;
}
#base2_t td:nth-child(2) {
    text-align: center;
}
#base2_t td:nth-child(3) {
    text-align: center;
}
#base2_t td:nth-child(4) {
    text-align: center;
}
#base2_t td:nth-child(5) {
    text-align: center;
}
#base2_t tr:nth-child(3) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(5) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(6) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(7) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(9) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(10) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(14) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(16) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(17) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(18) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(19) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(20) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(21) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(22) {
       background: #fffcec;/*背景色*/
}
#base2_t tr:nth-child(23) {
       background: #fffcec;/*背景色*/
}
/* --------------------------------------------------------------------------- */
#base3_t {
    width: 95%;
    border-collapse: collapse;
    border: solid 2px #bb5555;/*表全体を線で囲う*/
    text-align: center;
}
#base3_t th{
    padding: 10px;/*上下左右10pxずつ*/
    text-align: center;
    color: #bb5555;/*文字色*/
    background: #ffefef;/*背景色*/
    border: dashed 1px #bb5555;/**/
    /*破線 1px */
}
#base3_t td{
    padding: 5px 10px 5px 10px;
    text-align: left;
    border: dashed 1px #bb5555;/**/
    /*破線 1px */
}
#base3_t td:nth-child(1) {
    text-align: center;
}
#base3_t td:nth-child(2) {
    text-align: center;
}
#base3_t td:nth-child(3) {
    text-align: center;
}
#base3_t td:nth-child(5) {
    text-align: center;
}
/* --------------------------------------------------------------------------- */
/* 2019.04.19 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* shinsaibashi_t 　　心斎橋ＣＲＭセンター*/  
/* 2019.04.19 古川追記 
/* --------------------------------------------------------------------------- */
#shinsaibashi_t {
    width: 90%;
 font-size: 120%;    
    border-collapse: collapse;
    border: solid 2px orange;/*表全体を線で囲う*/
    text-align: center;
}
#shinsaibashi_t th{
    padding: 10px;/*上下左右10pxずつ*/
    text-align: center;
    color: #FF9800;/*文字色*/
    background: #fff5e5;/*背景色*/
    border: dashed 1px orange;/**/
    /*破線 1px オレンジ*/
}
#shinsaibashi_t td{
    padding: 10px 10px 10px 10px;
    color: #222222;/*文字色*/
    text-align: left;
    border: dashed 1px orange;/**/
    /*破線 1px オレンジ*/
}
#shinsaibashi_t td:nth-child(1) {
    text-align: center;
    width: 160px;
}
/* --------------------------------------------------------------------------- */
/* 2019.04.18 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* haken-mar_t 　派遣情報*/  
/* 2021.09.09 古川追記 
/* --------------------------------------------------------------------------- */
#haken-mar_t {
    width: 90%;
 font-size: 120%;    
    border-collapse: collapse;
    border: solid 2px orange;/*表全体を線で囲う*/
    text-align: center;
}
#haken-mar_t th{
    padding: 10px;/*上下左右10pxずつ*/
    text-align: center;
    color: #FF9800;/*文字色*/
    background: #fff5e5;/*背景色*/
    border: dashed 1px orange;/**/
    /*破線 1px オレンジ*/
}
#haken-mar_t td{
    padding: 10px 10px 10px 10px;
    color: #222222;/*文字色*/
    text-align: left;
    border: dashed 1px orange;/**/
    /*破線 1px オレンジ*/
}
#haken-mar_t td:nth-of-type(1){
  background-color:#ffeeee;
   text-align: center;
}

/* --------------------------------------------------------------------------- */
/* 2021.09.09 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* コールセンター事業社の選び方　*/  
/* 2019.04.23 古川追記 
/* --------------------------------------------------------------------------- */
/* css-style.css へ　  */
p.content-choice {            
      line-height: 1.7;       
      font-size: 120%;        
       color:#111111;         
}                             
/* --------------------------------------------------------------------------- */
/* 古川追記 はじまり　コンタクトセンター用　赤色*/
/* --------------------------------------------------------------------------- */
a.noline2021:link{
      text-decoration: none;
      line-height: 1.7;       
      font-size: 120%;        
      color : #555555!important; 
}
a.noline2021:visited {
      text-decoration : none; 
      line-height: 1.7;       
      font-size: 120%;        
      color : #555555!important; 
}
a.noline2021:active {
      text-decoration : none; 
      line-height: 1.7;       
      font-size: 120%;        
      color : #e50012!important;
}
a.noline2021:hover {
      text-decoration : underline; 
      line-height: 1.7;       
      font-size: 120%;        
      color : #e50012!important; 
}
/* --------------------------------------------------------------------------- */
/* 古川追記 おわり*/
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* 2019.04.23 古川追記 終了
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* 古川追記 はじまり　コンタクトセンター用　赤色  2021.03.24                       */
/* --------------------------------------------------------------------------- */
a.noline2021w:link{
      text-decoration: none;
      line-height: 1.7;       
 /*     font-size: 120%;  */        
      color : #ffffff!important; 
}
a.noline2021w:visited {
      text-decoration : none; 
      line-height: 1.7;       
 /*     font-size: 120%;   */     
      color : #ffffff!important; 
}
a.noline2021w:active {
      text-decoration : none; 
      line-height: 1.7;       
 /*     font-size: 120%;   */     
      color : #e50012!important;
}
a.noline2021w:hover {
      text-decoration : underline; 
      line-height: 1.7;       
  /*    font-size: 120%;   */     
      color : #e50012!important; 
}
/* --------------------------------------------------------------------------- */
/* 古川追記 おわり*/
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* コラムページ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　*/  
/* 2019.06.21 古川追記 
/* --------------------------------------------------------------------------- */
div#two-pic {
  /* margin: auto; */
 /*  text-align: left;  */
  text-align: center;
   width: 100%;
}
div#left-pic {
   display: inline-block;
  text-align: center;
   padding: 0px;
}
div#right-pic {
   display: inline-block;
  text-align: center;  
   padding: 0px;
}
/* --------------------------------------------------------------------------- */
/* 2019.06.21 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* コラムページ パソコン横４列、スマホ横２列に。上記のinline-block と組み合わせて使用 　 　*/  
/* 2019.06.24 古川追記 
/* --------------------------------------------------------------------------- */
div.cc-column2 {
 width: 100%;
 column-count: 2;
 }
/* --------------------------------------------------------------------------- */
/* 2019.06.24 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* 人材派遣ページ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　*/  
/* 2019.06.26 古川追記 
/* --------------------------------------------------------------------------- */
div#two-column {
   margin: auto;
   text-align: left;
   width: 100%;
}
div#left-column {
   display: inline-block;
   padding: 0px;
   width: 320px;

}
div#right-column {
   display: inline-block;
   padding: 0px;
   width: 320px;
   vertical-align: top;
}
/* --------------------------------------------------------------------------- */
/* 2019.06.26 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* 研修・教育のページ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　*/  
/* 2019.07.31 古川追記 
/* --------------------------------------------------------------------------- */
div#two-column320 {
   margin: auto;
   text-align: center;
   width: 100%;
}
div#left-column320 {
   display: inline-block;
   padding: 0px;
/*   width: auto; */
}
div#right-column320 {
   display: inline-block;
   padding: 0px;
   width: 320px; 
   vertical-align: top;
}
/* --------------------------------------------------------------------------- */
/* 2019.07.31 古川追記 終了
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* 2020.01.16 古川追記 パンくずリスト　コールセンターページ
/* --------------------------------------------------------------------------- */
.breadcrumbs-contact {
/* width: 980px; */
margin: 10px auto 0;
}
.breadcrumbs-contact ul {
display: table;
font-size: 11px;
}
.breadcrumbs-contact ul li {
margin: -8px 3px 0 3px;
font-size: 11px;
float: left;
}
.breadcrumbs-contact ul li:first-child::before {
padding: 0 3px 0 0;
content: "";
font-family: FontAwesome;
font-size: 11px;
}
.breadcrumbs-contact ul li::before {
padding: 0 3px 0 0;
content: "＞";
font-family: FontAwesome;
font-size: 11px;
}
/* --------------------------------------------------------------------------- */
/* 2020.01.16 古川追記 パンくずリスト　コールセンターページ 終わり
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* 2020.01.23 古川追記 開始
/* --------------------------------------------------------------------------- */
#base_colum_t {
    width: 100%;
    border-collapse: collapse;
    border: solid 2px #bb5555;/*表全体を線で囲う*/
    text-align: center;
}
#base_colum_t th{
    padding: 10px;/*上下左右10pxずつ*/
    text-align: center;
    color: #bb5555;/*文字色*/
    background: #ffefef;/*背景色*/
    border: dashed 1px #bb5555;/**/
    /*破線 1px */
}
#base_colum_t td{
    padding: 5px 10px 5px 10px;
    text-align: left;
    border: dashed 1px #bb5555;/**/
    /*破線 1px */
}
#base_colum_t td:nth-child(1) {
    text-align: center;
}
#base_colum_t td:nth-child(2) {
    text-align: center; width:60px;
}
#base_colum_t td:nth-child(3) {
    text-align: center;
}
#base_colum_t td:nth-child(4) {
    text-align: center; width:50px;
}
#base_colum_t td:nth-child(5) {
    text-align: center; width:50px;
}
#base_colum_t td:nth-child(6) {
    text-align: center; width:50px;
}
/* --------------------------------------------------------------------------- */
/* 2020.01.23 古川追記 終了
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* 2021.02.25 古川追記 求人リスト表示
/* --------------------------------------------------------------------------- */
.job-category {
    /* width: 980px;*/
    margin: 10px auto 0;
    line-height: 250%;
}
.job-category ul {
    display: table;
    font-size: 14px;
}
.job-category ul li {
    margin: 0px 3px 0 3px;
    font-size: 14px;
    float: left;
}
.job-category ul li:first-child::before {
    padding: 0 3px 0 5px;
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
}
.job-category ul li::before {
    padding: 0 3px 0 0;
    content: "｜";
    font-family: FontAwesome;
    font-size: 14px;
}

/* --------------------------------------------------------------------------- */
/*   カテゴリのリンク 
/* --------------------------------------------------------------------------- */
a.noline2021job:link{
   text-decoration: none;
   color : #ffffff; 
}
a.noline2021job:visited {
   text-decoration : none; 
   color : #ffffff; 
}
a.noline2021job:active {
   text-decoration : none; 
   color : #ffffaa;

}
a.noline2021job:hover {
/*text-decoration : underline; */
   text-decoration : none;
   color : #ffffaa; 
}


/*-----------------------------------------------------------------*/
/* 画面の幅が 1024px 以上の場合                                      */
/*-----------------------------------------------------------------*/

@media screen and (min-width: 1024px){


/*-----------------------------------------------------------------*/
/* 画面の幅が 1024px 以上の場合 ＜カテゴリー・メニュー＞           */
/*----------------------------------------------------------------*/



.job-category-2020-old ul li:first-child::before {
    padding: 0 3px 0 5px;
    content: "";
    font-family: FontAwesome;
    font-size: 12px;
}
.job-category-2020-old ul li::before {
    padding: 0 3px 0 0;
    content: "｜";
    font-family: FontAwesome;
    font-size: 12px;
}


.job-category-2021 {
    /* width: 980px;*/
  /*  margin: 10px auto 0;  */
    line-height: 250%;
    height:40px;
}
.job-category-2021 ul {
    display: table;
    font-size: 12px;
    cursor: pointer; /*iOSでクリックするために必要*/
}
.job-category-2021 ul li {
    margin: 0px 7px 0 7px;
    font-size: 12px;
    float: left;
    vertical-align: top;
    color: #333333;
    /*border-bottom: solid 5px #5989cf; */
    cursor: pointer; /*iOSでクリックするために必要*/
}
.job-category-2021 ul li:first-child {
    margin: 0px 7px 0 15px;
    font-size: 12px;
    float: left;
    vertical-align: top;
    color: #333333;
    border-bottom: solid 0px;
    cursor: pointer; /*iOSでクリックするために必要*/
}
.job-category-2021 ul li:nth-child(even){
    margin: 0px 7px 0 7px;
    font-size: 12px;
    float: left;
    vertical-align: top;
    color: #bbbbbb;
    border-bottom: solid 0px;
    cursor: pointer; /*iOSでクリックするために必要*/
}
.job-category-2021 ul li:hover:nth-child(2n+1){
   margin: 0px 7px 0 7px;
    font-size: 12px;
    float: left;
    vertical-align: top;
    color: #333333;
 
    border-bottom: solid 5px #5989cf;
    cursor: pointer; /*iOSでクリックするために必要*/
}
.job-category-2021 ul li:hover:first-child{
    margin: 0px 7px 0 15px;
    font-size: 12px;
    float: left;
    vertical-align: top;
    color: #333333;
 
    border-bottom: solid 5px #5989cf;
    cursor: pointer; /*iOSでクリックするために必要*/
}


/*-----------------------------------------------------------------*/
/* 画面の幅が 1024px 以上の場合 ＜カテゴリーメニューより下部＞     */
/*----------------------------------------------------------------*/

.job-container{
    display: flex;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}
.job-1-left{
/*    flex: 1;   */

    width: 600px;
/*    min-width: 200px; */
  
    border: solid 1px #eeeeee;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}
.job-2-right{
    flex: 1;

    text-align: center;
    background-color: #dddddd;

    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}

/*-----------------------------------------------------------------*/
/* 画面の幅が 1024px 以上の場合 ＜ニュースタイトルのリスト＞       */
/*----------------------------------------------------------------*/

.job-11-list{
    display: flex;

    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}
.job-11-list-hr {
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #eeeeee;  !important;

}
.job-111-pic{
    width: 220px; 
 
    padding: 0px 0px 0px 0px;
    margin:  10px 10px 5px 10px;
    vertical-align: middle;
}
.job-112-title{
   width: 380px;

   padding: 0px 0px 0px 0px;
    margin: 20px 15px 5px 0px;
   font-size: 16px;

   line-height: 1.4;

   font-weight: 700;
}
.job-list-company {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 5px 5px 5px 0px;
   font-weight: 400;
   font-size: 12px;
}
.job-list-date {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 5px 10px 5px 0px;
   font-weight: 400;
   font-size: 12px;
}

/*-----------------------------------------------------------------*/
/* 画面の幅が 1024px 以上の場合 ＜記事＞                           */
/*-----------------------------------------------------------------*/
.job-article-pic {
   display: flex;

   padding: 0px 0px 0px 0px;
    margin: 0px 0px px 0px;
}
.job-article-title {
   vertical-align:middle;
   text-align: left;
/*   display: inline-block; */
   padding: 0px 0px 0px 0px;
   margin: 20px 20px 0px 20px;

   color: #222222;

   font-size: 20px;
   font-weight: 700; 
   line-height: 1.4;
}
.job-article-date {
 /*  color: #aaaacc;  */
   vertical-align:middle;
   text-align: right;
/*   display: inline-block; */
   padding: 0px 0px 0px 0px;
   margin: 10px 20px 5px 20px;
/*   font-weight: 400; */
   font-size: 14px;
}
.job-article-text {
   vertical-align:top;
   text-align: left;
   display: inline-block;
   padding: 0px 0px 0px 0px;
   margin: 15px 20px 5px 20px;
   font-size: 15px;
   line-height: 1.5;
color : #333333; 
}
.job-to-top{
   display: inline-block;

   heigt: 20px;
   vertical-align: top;

   text-align: left;
   padding: 5px 0px 0px 0px;
   margin: 0px 0px 0px 10px;
   font-size: 14px;
   color : #333333; 
}

}


/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/* 画面の幅が 1023px 以下の場合                                    */
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

@media screen and (max-width: 1023px){



/* ▼タブ機能の掲載領域の装飾*/
.job-category-2021 { 

   width:100%;
    margin: 0px 0px 0px 0px; 
    padding: 0 0 0 0;
  /*  padding: 1em; */


  white-space:nowrap;               
     background: #5566aa;

   
    overflow: hidden;  
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}



/* ▼タブ(共通装飾＋非選択状態の装飾) */
.job-category-2021 ul {  

     display: inline-block;  
    cursor: pointer; /*iOSでクリックするために必要*/
 
    table-layout: fixed; 

     background: #5566aa;


      font-weight: bold; 
      font-size: 14px;


} 

.job-category-2021 ul li{  
     display: inline-block;  
 cursor: pointer; /*iOSでクリックするために必要*/
    margin: 15px 2px 0px 1px;
    padding: 15px 3px 0 3px;
      width: 80px;
      height:30px; 

  /*    white-space: nowrap;*/
 
  table-layout: fixed; 

 /* display: table; */ 

     color: #ffffff;
     background: #6495ed;

     border-radius: 3px 3px 0 0;
     box-shadow: -1px 1px 0px -0px rgba(150,150,150,0.8) inset, 1px 1px 0px 0px rgba(200,200,200,0.8) inset; 

      font-weight: bold; 
      font-size: 14px;

      text-align: center;
/*      vertical-align: middle;  */

}
::-webkit-scrollbar{   
    display: none;      
 }                       

.job-category-2021 ul li:nth-child(even){
display:none;

}



/*-----------------------------------------------------------------*/
/* 画面の幅が 1023px 以下の場合 ＜カテゴリーメニューより下部＞      */
/*-----------------------------------------------------------------*/

.job-container{
     width: 100%;  
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;

/* overflow-x: hidden;  */
/* position: fixed; */

}
.job-1-left{
 display:block; 
    width: 100%;  
    /* overflow-x:hidden; */
    /*  word-wrap: break-word;  */

    border: solid 1px #eeeeee;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;

 /*background-color: #ff0000; */

}
.job-2-right{
    display:none; 
}

/*-----------------------------------------------------------------*/
/* 画面の幅が 1023px 以下の場合 ＜ニュースタイトルのリスト＞        */
/*-----------------------------------------------------------------*/

.job-11-list{
    width:100%;  
display: flex; 

   /* width:300px; */ 
   /*overflow-x:hidden;*/

   /* white-space:normal;    */

    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;

 /*   background-color: #ffffff;*/

}
.job-11-list-hr {
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #eeeeee;  !important;

}
.job-111-pic{
 
　　/*　min-width:100px; */

    width: 33%;
    padding: 0px 0px 0px 0px;
    margin:  10px 5px 5px 5px;
    vertical-align: middle;
}
.job-112-title{
  /*  flex: 1;   */
   
    width: 66%;  

    padding: 0px 0px 0px 0px;
    margin: 10px 5px 5px 5px;
    font-size: 16px;
    font-weight: 700;

   line-height: 1.4;
white-space:normal;

}
.job-list-company {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 3px 0px 0px 0px;
   font-weight: 400;
   font-size: 12px;
}
.job-list-date {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 3px 10px 0px 0px;
   font-weight: 400;
   font-size: 12px;
}

/*-----------------------------------------------------------------*/
/* 画面の幅が 1023px 以下の場合 ＜記事＞                           */
/*-----------------------------------------------------------------*/

.job-article-pic {
   
 width: 100%;
   padding: 0px 0px 0px 0px;
    margin: 0px 0px px 0px;
}
.job-article-title {

   vertical-align:middle;
   text-align: left;
/*   display: inline-block;  */
   padding: 0px 0px 0px 0px;
    margin: 20px 20px 0px 20px;
   
   color : #222222; 
   font-size: 20px;
   font-weight: 700; 
   line-height: 1.4;
}
.job-article-date {
/*   color: #aaaacc;  */
   vertical-align:middle;
   text-align: right;
/*   display: inline-block; */
   padding: 0px 0px 0px 0px;
   margin: 5px 30px 5px 20px;
   font-weight: 400;
   font-size: 14px;
}
.job-article-text {
   vertical-align:top;
    word-wrap: break-word;
   text-align: left;
/*   display: inline-block; */
   padding: 0px 0px 0px 0px;
   margin: 15px 20px 5px 20px;
   font-size: 16px;
   line-height: 1.7;
color : #333333; 
}
.job-to-top{
   display: inline-block;

   heigt: 20px;
   vertical-align: top;

   text-align: left;
   padding: 5px 0px 0px 0px;
   margin: 0px 0px 0px 10px;
   font-size: 14px;
   color : #333333; 
}

}
/*-----------------------------------------------------------------*/
/* 画面の幅が 1023px 以下の場合  おわり                              */
/*-----------------------------------------------------------------*/


/* --------------------------------------------------------------------------- */
/* 2021.02.25 古川追記 ジョブリスト 終わり
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* 2021.02.25 古川追記  ジョブ 記事ページ
/* --------------------------------------------------------------------------- */
.job-2021 {
    /* width: 980px;*/
/*    margin: 10px auto 0;*/
    line-height: 170%;  
}
.job-2021 ul {
  /*  display: table;  */
    font-size: 15px;
    margin: 5px 10px 5px 10px;
    list-style-type: square;
}
.job-2021 ul li {
    margin: 5px 10px 5px 30px;
    font-size: 15px;
 /*   float: left;  */
    vertical-align: top;
   color : #333333; 
}
/* --------------------------------------------------------------------------- */
/* 2021.02.25 古川追記 ジョブ 記事ページ　おわり
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* kyobashi_t */
/* 2022.01.04 古川追記 */
/* --------------------------------------------------------------------------- */
#kyobashi_t {
    width: 90%;
    border-collapse: collapse;
    border: solid 2px #cccccc;/*表全体を線で囲う*/
    text-align: center;
	font-size: 15px;
}
#kyobashi_t td{
    padding: 5px 10px 5px 10px;
    text-align: left;
    border: dashed 1px #cccccc;
    /*破線 1px */
    color: #333333;/*文字色*/
}
#kyobashi_t td:nth-of-type(1) {
    padding: 10px;/*上下左右10pxずつ*/
    text-align: left;
    color: #FFFFFF;/*文字色*/
    background: #555555;/*背景色*/
    border: dashed 1px #FFFFFF;
    text-align: center;
}