@charset "UTF-8";
/*! インデクッス */
.cl, .careerDetailTop, #careerBtmList {
  display: inline-block;
  min-height: 1%;
  display: block;
  *zoom: 1;
}
.cl:after, .careerDetailTop:after, #careerBtmList:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
* html .cl, * html .careerDetailTop, * html #careerBtmList {
  height: 1%;
}

/*----------------------------------
article
----------------------------------*/
article {
  position: relative;
  padding: 40px 0;
  border-bottom: 1px dotted #ccc;
}
article h2 {
  margin: 40px 0 23px;
}
article dl {
  margin-top: 23px;
}
article dt {
  font-weight: bold;
}

/*----------------------------------
careerDetail
----------------------------------*/
#careerDetail {
  margin-top: -20px;
}

.careerDetailTop .careerDetailMain {
  float: left;
  width: 660px;
  margin-top: -40px;
}
.careerDetailTop img {
  float: right;
}

.careerDetailTop .careerDetailMain p.carrerTopTxt {
  margin-bottom:10px;
}

.iconList{
  padding-top: 15px;
}
.iconList li{
  overflow: hidden;
}
.iconList li span{
  margin-right: 5px;
  float: left;
}
.iconList li p{
  overflow: hidden;
}

/*----------------------------------
qaList
----------------------------------*/
.qaList {
  margin-top: -10px;
}
.qaList dl {
  position: relative;
  margin-top: 40px;
}
.qaList dt, .qaList dd {
  padding-left: 35px;
}
.qaList dt span, .qaList dd span {
  position: absolute;
  left: 0;
}
.qaList dt span {
  display: inline-block;
  margin-right: 10px;
  padding: 3px 8px 8px;
  background: #d33a3e;
  color: #fff;
  line-height: 1;
}
.qaList dd {
  margin-top: 15px;
}
.qaList dd span {
  display: inline-block;
  margin-right: 10px;
  padding: 3px 8px 8px;
  background: #52b431;
  color: #fff;
  line-height: 1;
  font-weight: bold;
}

/*----------------------------------
careerBtmList
----------------------------------*/
#careerBtmList {
  margin-top: 40px;
}
#careerBtmList li {
  float: left;
  width: 244px;
  border-left: 1px solid  #e47c80;
}
#careerBtmList li:first-child {
  width: 245px;
  border-left: none;
}
#careerBtmList li.w100p {
  width: 976px;
}
#careerBtmList li.w100p:first-child {
  width: 977px;
}


#careerBtmList .btnAdoption a {
  border-right: none;
}
#careerBtmList .btnBriefing a, #careerBtmList .btnEntry a {
  border-left: none;
  border-right: none;
}
.mb15{
  margin-bottom: 15px;
}
.decimalDisc li{
  margin-left: 2em;
  list-style-type: decimal;
}
.decimalDisc li span{
  display: block;
  margin-left: 60px;
}
.twoCol{
  overflow: hidden;
}
.twoCol li{
  width: 48%;
  float: left;
}
article ul.twoCol li dl{
  margin-top: 0;
}
.twoCol li dl dt{
  margin: 25px 0 5px;
  padding-bottom: 5px;
  font-weight: bold;
  border-bottom: #ccc dotted 1px;
}
.twoCol li.twoColR{
  float: right;
}
.txCenter{
  margin-top: 10px;
  text-align: center;
}


@media only screen and (max-width: 640px) {
  section {
    margin-top: 30px;
  }

  article {
    padding: 30px 0;
  }
  article h2 {
    margin: 30px 0 20px;
  }

  article:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
  }

  .careerDetailTop {
    margin-top: -30px;
    text-align: center;
  }
  .careerDetailTop .careerDetailMain {
    float: none;
    width: 100%;
    margin-top: 0;
    text-align: left;
  }
  .careerDetailTop img {
    float: none;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 640px) {
  #careerBtmList {
    margin-top: 30px;
  }
  #careerBtmList ul {
    width: 100%;
  }
  #careerBtmList li {
    float: left;
    width: 47.5%;
    margin: 5% 0 0;
  }
  #careerBtmList li img {
    max-width: 100%;
  }
  #careerBtmList li:nth-child(even) {
    margin-left: 4.3%;
  }
  #careerBtmList li:first-child {
    width: 47.5%;
    border-left: none;
  }
  #careerBtmList li.w100p {
    width: 100%;
    margin: 5% 0 0;
}
#careerBtmList li.w100p:first-child {
    width: 100%;
    border-left: none;
}

}