@charset "UTF-8";

.recruit-menu .recruit-menu-item.menu-item-1 > a {
    background: url(../../recruit_images/recruit_menu_icon_5.png) no-repeat 6px 50%;
    background-size: 24px 24px;
}

.recruit-menu .recruit-menu-item.menu-item-2 > a {
    background: url(../../recruit_images/recruit_menu_icon_3.png) no-repeat 6px 50%;
    background-size: 24px 24px;
}

.recruit-menu .recruit-menu-item.menu-item-3 > a {
    background: url(../../recruit_images/recruit_menu_icon_4.png) no-repeat 6px 50%;
    background-size: 24px 24px;
}

.recruit-menu .recruit-menu-item.menu-item-4 > a {
    background: url(../../recruit_images/recruit_menu_icon_6.png) no-repeat 6px 50%;
    background-size: 24px 24px;
}

.recruit-menu .recruit-menu-item.menu-item-5 > a {
    background: url(../../recruit_images/recruit_menu_icon_7.png) no-repeat 6px 50%;
    background-size: 24px 24px;
}

  .recruit-topics dl {
    padding: 0 10px 40px;
  }

  #contents_wrapper .corporate_top #tenpo_main .contents_box .recruit-topics dl a {
    color: #444;
  }

  .recruit-topics {
    position: relative;
  }

  .recruit-topics .more {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  .recruit-topics .more a {
    padding: 0 0 0 14px;
    color: #22ABE9;
    text-decoration: underline;
    background: url(../../top_images/top_department_detail_bg.png) left no-repeat;
}

  .recruit-topics h4 {
    color: #5D90CF;
    background: url(../../top_images/top_tpics_h3_bg.png) 3px 50% no-repeat;
    position: relative;
    padding: 10px 0 10px 38px!important;
    font-size: 17px !important;
    border-bottom: solid 3px #686367 !important;
}
  .recruit-topics h4:before {
    border-bottom: solid 3px #5D90CF;
    position: absolute;
    left: 0;
    bottom: -3px;
    content: ' ';
    width: 36px;
  }
  .recruit-topics dt {
    width: 100px;
    float: left;
    position: relative;
    top: 15px;
  }
  .recruit-topics dd {
    padding: 15px 15px 15px 100px;
    border-bottom: dotted 2px #DCDCDC;
    line-height: 1.2em;
  }

.employee-list {
  overflow: hidden;
      max-width: 980px;
}

.employee-list .employee-list-item {
  max-width: 450px;
  margin: 0 15px 15px 0;
  float: left;
  width: 100%;
  background-color: #E57B16;
  color: #fff !important;
  position: relative;
  vertical-align:top;
}

.employee-list .employee-list-item .thumbnail {
  float: right;
  width: 167px !important;
  height: 149px !important;
  background: #ccc;
  display: block;
}

.employee-list .employee-list-item .name {
    font-weight: bold;
    font-size: 25px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 2em;
    left: 25px;

}

.employee-list .employee-list-item .name span {
  display: block;
  font-size: 15px;

}

.employee_section {
  padding: 15px;
  border-bottom: 1px dashed #ccc;
}

.employee_name_block {
  overflow: hidden;
}

.employee_name_block .employee_name_block_item {
  float: left;
}
.employee_name_block_item:nth-of-type(1){
float: left;
    background-color: #E57B16;
    color: #fff !important;
    vertical-align: top;
    font-size: 17px;
    height: 149px;
    width: 240px;
    padding: 0 10px;
    position: relative;
}
.employee_name_block_item:nth-of-type(1) > div {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
}
.employee_name_block_item:nth-of-type(3){
    font-weight: bold;
    font-size: 25px;
    position: relative;
    padding-left: 20px;
    top: 38px;
    height: 149px;
    width: 240px;
  }

  .employee_name_block_item:nth-of-type(3) p {
    font-size: 15px;
  }

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

  .employee_name_block_item:nth-of-type(1) {
    display: none;
  }
  .employee_name_block_item:nth-of-type(3) {
    font-weight: bold;
    font-size: 25px;
    position: relative;
    padding-left: 0;
    top: 38px;
    height: 149px;
    width: auto;
}
}