@charset "utf-8";


.environment-wrap{
  background-color: #F0F6FC;
}
@media print, screen and (min-width:781px) {
}
@media screen and (max-width: 780px) {
}

/* ------- WORKING ---------------------------------------------- */
.working-list{
  counter-reset: number 0;
  position: relative;
}
.working-list:before{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.working-sec .sub-ttl{
  background: #245AA5;
  background: linear-gradient(40deg, rgba(36, 90, 165, 1) 0%, rgba(28, 123, 255, 1) 100%);
  color: #FFF;
  letter-spacing: .3em;
}
.working-sec .sub-ttl:after{
  counter-increment: number 1;
  content: counter(number);
}
.working-sec .working-exp{
  background-color: #FFF;
}
.working-sec .ttl{
  font-weight: 700;
  line-height: 1.53;
  letter-spacing: -.03em;
}


.working-tbl table{
  white-space: nowrap;
}
.working-tbl table thead th{
  background-color: #DDDDDD;
}
.working-tbl table th,
.working-tbl table td{
  padding: 20px;
  vertical-align: middle;
}
.working-tbl table th:not(:first-child),
.working-tbl table td:not(:first-child){
  border-left: 1px solid #999999;
}
.working-tbl table tbody > tr:nth-child(odd){
  background-color: #FFF;
}
.working-tbl table tbody > tr:nth-child(even){
  background-color: #F4F4F4;
}
.working-tbl table tbody td{
  font-weight: 700;
}
.working-tbl table tbody td strong{
  color: #FF0000;
}
@media print, screen and (min-width:781px) {
  .working-list{
    padding: 300px 20px 180px;
  }
  .working-list:before{
    background-image: url("../img/img_working.jpg");
    height: 400px;
  }
  .working-sec{
    margin-left: auto;
    margin-right: auto;
    max-width: 1088px;
    position: relative;
  }
  .working-sec:nth-child(n + 2){
    margin-top: 50px;
  }
  .working-sec .sub-ttl{
    font-size: 1.2rem;
    padding: 30px;
    height: 150px;
    width: 150px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .working-sec .working-exp{
    margin-left: 45px;
    padding: 45px 0 0 190px;
  }
  .working-sec.type2 .working-exp{
    padding: 0 0 0 190px;
  }
  .working-sec.type2 .working-exp{
    display: block;
  }
  .working-sec.type2 .col2{
    display: flex;
  }
  .working-sec .ttl{
    font-size: 2.6rem;
    margin-bottom: 30px;
  }
  .working-sec .ttl strong{
    font-size: 4.0rem;
  }
  .working-sec .exp .detail{
    padding-bottom: 45px;
  }
  .working-sec.type2 .col2 > div{
    padding-top: 45px;
    padding-right: 45px;
    width: 100%;
  }
  .working-sec .working-exp > .exp{
    display: flex;
  }
  .working-sec .working-exp > .exp > .detail{
    padding-right: 45px;
    width: 100%;
  }
  
  
  .working-tbl{
    margin-top: 40px;
  }
  .working-tbl table tbody td{
    font-size: 1.4rem;
  }
  .working-tbl table tbody td strong{
    font-size: 1.8rem;
  }
  .working-tbl table tbody td:first-child{
    font-size: 1.2rem;
  }
  .working-sec .note-num-list{
    font-size: 1.2rem;
    margin-top: 20px;
  }
}
@media screen and (max-width: 780px) {
  .working-list{
    padding: 135px 5% 100px;
  }
  .working-list:before{
    background-image: url("../img/img_working_sp.jpg");
    height: 200px;
  }
  .working-sec{
    position: relative;
  }
  .working-sec:nth-child(n + 2){
    margin-top: 50px;
  }
  .working-sec .sub-ttl{
    font-size: 1.0rem;
    padding: 15px;
    height: 78px;
    width: 78px;
    position: relative;
    z-index: 2;
  }
  .working-sec .working-exp{
    margin-top: -40px;
    padding-top: 65px;
  }
  .working-sec.type2 .working-exp{
  }
  .working-sec .ttl{
    font-size: 1.7rem;
    margin-bottom: 25px;
    padding-left: 5%;
    padding-right: 5%;
  }
  .working-sec .ttl strong{
    font-size: 2.6rem;
  }
  .working-sec .exp .detail{
    padding-left: 5%;
    padding-right: 5%;
  }
  .working-sec.type2 .col2 > div{
    padding-bottom: 25px;
  }
  .working-sec .working-exp > .exp{
  }
  .working-sec .working-exp > .exp > .detail{
    padding-bottom: 25px;
  }
  
  
  .working-tbl-wrap{
    margin: 40px -5% 0;
  }
  .working-tbl table tbody td{
    font-size: 1.4rem;
  }
  .working-tbl table tbody td strong{
    font-size: 1.8rem;
  }
  .working-tbl table tbody td:first-child{
    font-size: 1.2rem;
  }
  .working-sec .note-num-list{
    font-size: 1.2rem;
    margin-top: 20px;
  }
}





/* ------- EVALUATION ---------------------------------------------- */
.evaluation-sec{
  position: relative;
}
.evaluation-sec:before{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.evaluation-inner{
  position: relative;
  z-index: 2;
}
.evaluation-sec h2{
  background: #245AA5;
  background: linear-gradient(40deg, rgba(36, 90, 165, 1) 0%, rgba(28, 123, 255, 1) 100%);
  color: #FFF;
  font-weight: 700;
  line-height: 1.53;
  letter-spacing: -.03em;
}
.evaluation-sec .btn-area{
  background-color: #FFF;
}
.btn-evaluation{
  background: #10294B;
  background: linear-gradient(50deg, rgba(16, 41, 75, 1) 0%, rgba(17, 66, 136, 1) 100%);
  font-weight: 700;
  color: #FFF !important;
  display: block;
  transition: .3s;
}
.btn-evaluation > span{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.btn-evaluation > span:before,
.btn-evaluation > span:after{
  content: "";
  display: block;
}
.btn-evaluation > span:before{
  background-image: url("../../common/img/ic_arrow_sm.svg");
  height: 6px;
  width: 6px;
}
.btn-evaluation > span:after{
  background-image: url("../../common/img/ic_window.svg");
  height: 14px;
  width: 14px;
}
@media (hover: hover) and (pointer: fine){
  .btn-evaluation:hover{
    opacity: .9;
  }
}
@media print, screen and (min-width:781px) {
  .evaluation-sec{
    padding: 0 20px 150px;
  }
  .evaluation-sec:before{
    background-image: url("../img/img_evaluation.jpg");
    height: 400px;
  }
  .evaluation-inner{
    margin: 0 auto;
    max-width: 1000px;
  }
  .evaluation-sec h2{
    font-size: 2.6rem;
    margin-bottom: 200px;
    padding: 30px;
    height: 200px;
    width: 200px;
  }
  .evaluation-sec .evaluation-inner > p{
    text-align: center;
    padding-top: 60px;
  }
  .evaluation-sec .btn-area{
    margin: 30px auto 0;
    padding: 40px;
    width: 52.022%;
  }
  .btn-evaluation{
    font-size: 2.0rem;
    padding: 35px;
  }
}
@media screen and (max-width: 780px) {
  .evaluation-sec{
    padding-bottom: 75px;
  }
  .evaluation-sec:before{
    background-image: url("../img/img_evaluation_sp.jpg");
    height: 200px;
  }
  .evaluation-sec h2{
    font-size: 1.7rem;
    margin-bottom: 75px;
    padding: 5%;
    height: 125px;
    width: 125px;
  }
  .evaluation-sec .evaluation-inner > p{
    padding: 50px 5% 0;
  }
  .evaluation-sec .btn-area{
    margin: 20px auto 0;
    padding: 5%;
    width: 90%;
  }
  .btn-evaluation{
    font-size: 1.6rem;
    padding: 30px 5%;
  }
}