@charset "utf-8";

/*
cs2.toray.co.jp/careers/Career004.nsf より
*/

/* careerResult
---------------------------------*/
#careerResult{}
#careerResult .item{
  display:block;
  position: relative;
  margin-top:10px;
  padding:35px 30px 27px;
  background-color: #eef4f9;
  transition: all .5s;
  color:#333;
  font-size:1.4rem;
}
#careerResult .item:nth-of-type(1){margin-top: 0;}
#careerResult .item:hover{background-color: #dfedf8;text-decoration: none;}
#careerResult .item h3{color:#014099; font-size:1.8rem; font-weight: bold;  margin-bottom:5px;}
#careerResult .item h4{font-size: 1.6rem; margin-bottom:7px;}
#careerResult .item .date{margin-top:20px;}

#careerResult .countryLabel,
#careerDetails .countryLabel{
  position: absolute;
  top:0; left:0;
  width:120px;
  color:#fff;
  background-color: #83979d;
  font-size: 1.3rem;
  line-height: 1.2;
  padding:3px 0;
  text-align: center;
}

  @media screen and (max-width:767px){
    #careerResult .item{padding:30px 15px 15px;}
  }


/*-------------------------------------------
Details
-------------------------------------------*/
/* careerDetails
---------------------------------*/
#careerDetails{position:relative; padding:35px 30px 27px; background-color: #eee; margin-top: 20px;}
#careerDetails h1{margin:0 0 10px 0; text-align:left; color:#014099; font-size: 3.2rem; font-weight: bold; line-height: 1.2;}
#careerDetails h2{ margin-bottom:7px;}
#careerDetails ul,
/*#careerDetails p{font-size: 1.4rem;}*/
#careerDetails .date{margin-top:20px;}

@media screen and (max-width:767px){
  body.popup header + #contents{padding:50px 0 20px;}
  #careerDetails{margin-top:10px; padding:30px 15px 15px;}
  #careerDetails h1{font-size: 2rem;}
}

/* careerTable
---------------------------------*/
h2 + .careerTable{margin-top:-20px;}
.careerTable{width:100%;}
.careerTable tr{border-bottom:#d2d2d2 1px dotted;}
.careerTable th,
.careerTable td{padding:20px; line-height: 1.6;}
.careerTable th{color:#014099; text-align: left; font-weight: normal;}
/*.careerTable td{font-size: 1.4rem;}*/

  @media screen and (max-width:767px){
    .careerTable tbody,
    .careerTable tr,
    .careerTable th,
    .careerTable td{display: block;}
    .careerTable th{padding:10px 10px 0;}
    .careerTable td{padding:0 10px 10px;}
  }

/* btn
---------------------------------*/
.btnApply{width:48%; margin:50px auto 40px;}
.btnApply a {
  display: block;
  padding: 22px;
  color: #fff;
  font-size: 1.8rem;
  background-color: #014099;
  transition: all .5s;
  text-align: center;
}
.btnApply a:hover {
  opacity:0.7;
  text-decoration: none;
}
.backCategory{width:48%; margin:0 auto;}
.backCategory a{display:block; padding:25px 100px;transition: all .5s;}

  @media screen and (max-width:767px){
    .btnApply,
    .backCategory{width:100%;}
    .btnApply{margin:40px 0 20px;}
    .btnApply a{padding:15px 0;}
    .backCategory a {
      padding: 15px 0;
    }
  }

/* closeDetails
---------------------------------*/
.closeDetails{
  float:right!important;
}
.closeDetails a{
  position: relative;
  display: block;
  width:50px;
  height: 50px;
  background-color: #727e8f;
  text-indent: -9999px;
  transition: all .5s;
}
.closeDetails a:hover{opacity:0.7;}
.closeDetails a::before,
.closeDetails a::after{
  content:'';
  position: absolute;
  top:23px;
  left: 14px;
  width: 24px;
  height: 3px;
  transform:rotate(45deg);
  background-color: #fff;
}
.closeDetails a::before{transform:rotate(-45deg);}}
.closeDetails a::after{transform:rotate(45deg);}