@charset "utf-8";
/* ======================================================================
  recruitadditional.css
====================================================================== */

/* 働き方を知る */
#recruit_condition .block_inner .num {
  padding-bottom: 2%;
}

/* 勤務条件 */
#recruit_condition .staffTraining .block_inner {
  padding: 25px 0;
}
#recruit_condition .staffTraining .block_inner dl {
  padding: 10px 0 0 10px
}
#recruit_condition .staffTraining .block_inner .imgContainer img{
  width: 100%;
}
@media screen and (max-width:760px) {
  #recruit_condition .staffTraining .block_inner .imgContainer{
    max-width: 100%;
  }
}

/* 採用プロセス */
#recruit_condition .process .block_inner {
  padding: 25px 0;
}
#recruit_condition .process .block_inner .jobCat:nth-child(n + 2) {
  padding-top: 5%;
}
#recruit_condition .process .block_inner .block_jobCat{
  padding-bottom: 3%;
}
#recruit_condition .process .block_inner .block_jobCat .num{
  padding-bottom: 0.5%;
}
#recruit_condition .process .block_inner ul {
  margin: 1% 0 0.5% 5%;
}
#recruit_condition .process .block_inner li {
  list-style-type: disc;
}
#recruit_condition .process .block_inner table{
  width: 100%;
}
#recruit_condition .process .block_inner th{
  width: 20%;
}
/*
#recruit_condition .process .block_inner dt {
  width: 20%;
  float: left;
}
#recruit_condition .process .block_inner dd:after {
  content: '';
  display: block;
  clear: both;
}
*/
@media screen and (max-width:760px) {
  #recruit_condition .process .block_inner dt {
    width: 100%;
    float: none;
  }
  #recruit_condition .process .block_inner dt:empty {
    display: none;
  }
  #recruit_condition .process .block_inner th,
  #recruit_condition .process .block_inner td{
    width: 100%;
    display: block;
  }
}

/* 勤務条件?職場環境 */
#recruit_condition .conditionContainner {
  padding-top: 2%;
}

#recruit_condition .conditionContainner dt{
  width: 20%;
  float: left;
}

#recruit_condition .conditionContainner dd:after {
  content: '';
  display: block;
  clear: both;
}

#recruit_condition .conditionContainner dl.pics dd{
  display: table-cell;
  padding: 0.5%
}
#recruit_condition .condition.inner .flextimeDetail{
  display: none;
}
#recruit_condition .condition.inner .aboutFlextime {
  cursor:pointer;
  font-weight:bold;
  color: #646464;
}
#recruit_condition .condition.inner .flextimeOpen.aboutFlextime .arrrowIcon{
  background: #9491ff;
}
#recruit_condition .condition.inner .arrrowIcon{
  width:10px;
	background: #cccccc;
	display: inline-block;
	padding: 3px;
	border-radius: 50px;
	margin: 0 0 0 10px;
	position:relative;
	top: -3px;
}
#recruit_condition .condition.inner .open .arrrowIcon {
  background: #9491ff;
}
#recruit_condition .table .condition.inner { border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; margin: 2%;}
#recruit_condition .table .condition.inner dl { border-bottom:1px solid #ddd; font-size:14px; line-height:1.5; letter-spacing:.02em; }
#recruit_condition .table .condition.inner dl:after { content:""; display:block; clear:both; }
#recruit_condition .table .condition.inner dt { box-sizing:border-box; float:left; width:22%; padding:.7em 2.5%; font-weight:bold; }
#recruit_condition .table .condition.inner dd { box-sizing:border-box; float:left; width:78%; padding:.7em 2.5%; border-left:1px solid #ddd; }
/*
#recruit_condition .table .condition.inner dd .workingHours {display: inline-block; width: 150px;}
*/
#recruit_condition .table .condition.inner th{
  width: 200px;
}
#recruit_condition .table .condition.inner dd .detailContainer{
  display: table;
}
#recruit_condition .table .condition.inner dd .title{
  display: table-cell;
}
#recruit_condition .table .condition.inner dd .detail{
  display: table-cell;
}
#recruit_condition .table .condition.inner .facilities{
  display: inline-block;
  width: 32%;
}
#recruit_condition .table .condition.inner .facilities img{
  width: 100%;
}

@media screen and (max-width:760px) {
  #recruit_condition .table .condition.inner dl { border-bottom:1px solid #ddd; font-size:14px; line-height:1.5; letter-spacing:.02em; }
  #recruit_condition .table .condition.inner dt { float:none; width:auto; padding:10px 3% 3px; }
  #recruit_condition .table .condition.inner dd { float:none; width:auto; padding:0 3% 10px; border-left:none; }
  #recruit_condition .table .condition.inner .facilities{
    display: block;
    width: 100%;
    margin-top: 3%;
  }
  #recruit_condition .table .condition.inner th,
  #recruit_condition .table .condition.inner td{
    display: block;
  }
}

@media screen and (max-width: 896px) {
  #recruit_condition .table dt,
  #recruit_condition .conditionContainner dt{
    width: 100%;
    display: block;
    float: none;
  }
  #recruit_condition .table dt,
  #recruit_condition .conditionContainner dl.pics dd{
    display: block;
  }
  #recruit_condition .conditionContainner dl.pics dd img{
    width: 100%;
  }
}