/* ======================================================================
 setting
====================================================================== */
@font-face {
  font-family: 'Josefin Sans';
  src: url(../fonts/JosefinSans-Light.ttf);
  font-weight: 100;
}
@font-face {
  font-family: 'Josefin Sans';
  src: url(../fonts/JosefinSans-Regular.ttf);
  font-weight: 300;
}
@font-face {
  font-family: 'Josefin Sans';
  src: url(../fonts/JosefinSans-SemiBold.ttf);
  font-weight: 500;
}
@font-face {
  font-family: 'Josefin Sans';
  src: url(../fonts/JosefinSans-Bold.ttf);
  font-weight: 700;
}
/* ======================================================================
 p_careerpath
====================================================================== */
@media screen and (max-width: 768px) {
  .p_careerpath .l_content {
    padding: 0;
  }
}
.p_careerpath .l_main .sec._01 {
  margin: 90px 0 110px;
  padding: 50px 70px 100px 295px;
  background: linear-gradient(to right, #ffffff 505px, #f8f8f8 505px, #f8f8f8 1130px, #ffffff 1130px);
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._01 {
    margin: 30px 0 50px;
    padding: 0;
    background: #fff;
  }
}
.p_careerpath .l_main .sec._01 .ttl .en_txt {
  display: block;
  font-family: "Josefin Sans", sans-serif;
}
.p_careerpath .l_main .sec._01 .ttl .ja_txt {
  display: block;
}
.p_careerpath .l_main .sec._01 .txt {
  margin: 20px 0 0;
}
.p_careerpath .l_main .sec._02 {
  margin: 0 0 110px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._02 {
    margin: 0 0 50px;
  }
}
.p_careerpath .l_main .sec._02 .list {
  padding: 0 100px 0 0;
  margin: 0 0 100px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 500px, #bfbfbf 500px, #bfbfbf 501px, rgba(0, 0, 0, 0) 501px);
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._02 .list {
    padding: 0;
    margin: 0 0 30px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 40px, #bfbfbf 40px, #bfbfbf 41px, rgba(0, 0, 0, 0) 41px);
  }
}
.p_careerpath .l_main .sec._02 .list .item {
  width: 400px;
  min-height: 156px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._02 .list .item {
    width: -moz-calc(100% - 80px);
    width: -o-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    min-height: 93px;
    margin: 0 0 0 80px;
  }
}
.p_careerpath .l_main .sec._02 .list .item:nth-child(odd) {
  margin-right: 0;
  margin-left: -moz-calc(100% - 403px);
  margin-left: -o-calc(100% - 403px);
  margin-left: -webkit-calc(100% - 403px);
  margin-left: calc(100% - 403px);
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._02 .list .item:nth-child(odd) {
    margin: 0 0 0 80px;
  }
}
.p_careerpath .l_main .sec._02 .list .item:nth-child(odd) > .head {
  text-align: left;
}
.p_careerpath .l_main .sec._02 .list .item:nth-child(odd) > .head:before {
  background: url(../img/careerpath/arrow.png) no-repeat;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translate(0, calc(-50% + 78px));
  -ms-transform: translate(0, calc(-50% + 78px));
  -webkit-transform: translate(0, calc(-50% + 78px));
  transform: translate(0, calc(-50% + 78px));
  right: auto;
  left: -90px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._02 .list .item:nth-child(odd) > .head:before {
    -moz-transform: translate(0, calc(-50% + 44px));
    -ms-transform: translate(0, calc(-50% + 44px));
    -webkit-transform: translate(0, calc(-50% + 44px));
    transform: translate(0, calc(-50% + 44px));
    width: 34px;
    height: 78px;
    background-size: cover;
    left: -30px;
  }
}
.p_careerpath .l_main .sec._02 .list .item:nth-child(odd) > .head:after {
  content: '';
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  left: 0;
  background: url(../img/careerpath/point.png) no-repeat;
  right: auto;
  left: -110px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._02 .list .item:nth-child(odd) > .head:after {
    background: url(../img/careerpath/sp/point.png) no-repeat;
    background-size: cover;
    left: -44px;
  }
}
.p_careerpath .l_main .sec._02 .list .item:nth-child(odd) > .txt {
  text-align: left;
}
.p_careerpath .l_main .sec._02 .list .item:last-child > .head:before {
  display: none;
}
.p_careerpath .l_main .sec._02 .list .item > .head {
  background: #2cafe1;
  color: #fff;
  margin: 0 0 15px;
  padding: 10px 20px;
  text-align: right;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._02 .list .item > .head {
    text-align: left;
    margin: 0;
  }
}
.p_careerpath .l_main .sec._02 .list .item > .head:before {
  content: '';
  background: url(../img/careerpath/arrow_02.png) no-repeat;
  width: 68px;
  height: 156px;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  right: 0;
  -moz-transform: translate(0, calc(-50% + 78px));
  -ms-transform: translate(0, calc(-50% + 78px));
  -webkit-transform: translate(0, calc(-50% + 78px));
  transform: translate(0, calc(-50% + 78px));
  right: -90px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._02 .list .item > .head:before {
    width: 34px;
    height: 78px;
    background-size: cover;
    right: auto;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translate(0, calc(-50% + 39px));
    -ms-transform: translate(0, calc(-50% + 39px));
    -webkit-transform: translate(0, calc(-50% + 39px));
    transform: translate(0, calc(-50% + 39px));
    left: -90px;
  }
}
.p_careerpath .l_main .sec._02 .list .item > .head:after {
  content: '';
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  left: 0;
  width: 110px;
  height: 18px;
  background: url(../img/careerpath/point_02.png) no-repeat;
  left: auto;
  right: -110px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._02 .list .item > .head:after {
    width: 52px;
    height: 10px;
    background: url(../img/careerpath/sp/point.png) no-repeat;
    background-size: cover;
    left: -44px;
  }
}
.p_careerpath .l_main .sec._02 .list .item > .head .year {
  display: inline-block;
  margin: 0 15px 0 0;
}
.p_careerpath .l_main .sec._02 .list .item > .txt {
  text-align: right;
}
.p_careerpath .l_main .sec._02 .fa_wrap .ttl {
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._02 .fa_wrap .ttl {
    margin: 0 0 10px;
  }
}
.p_careerpath .l_main .sec._03 {
  margin: 0 0 240px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._03 {
    margin: 0 0 50px;
  }
}
.p_careerpath .l_main .sec._03 .content_wrap > .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.p_careerpath .l_main .sec._03 .content_wrap > .inner .txt_wrap {
  width: 535px;
}
.p_careerpath .l_main .sec._03 .content_wrap > .inner .txt_wrap .course_wrap {
  margin: 40px 0 0;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._03 .content_wrap > .inner .txt_wrap .course_wrap {
    margin: 30px 0 0;
  }
}
.p_careerpath .l_main .sec._03 .content_wrap > .inner .txt_wrap .course_wrap .ttl {
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._03 .content_wrap > .inner .txt_wrap .course_wrap .ttl {
    margin: 0 0 10px;
  }
}
.p_careerpath .l_main .sec._03 .content_wrap > .inner .img_wrap {
  padding: 10px 0 0;
}
.p_careerpath .l_main .sec._04 {
  margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .slide_txt {
    position: relative;
    color: #2cafe1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 15px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .slide_txt:before {
    content: '';
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2cafe1;
    width: 0;
    height: 0;
    display: inline-block;
    margin: 0 12px 0 0;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap {
  margin: 50px 0 30px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap {
    margin: 30px 0 20px;
    overflow: scroll;
  }
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner {
    width: 800px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value {
  width: 190px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value {
    width: 150px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._01 .bar_wrap {
  height: 160px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._01 .bar_wrap {
    height: 120px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._01 .bar_wrap:before {
  height: 160px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._01 .bar_wrap:before {
    height: 120px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._01 .bar_wrap:after {
  height: 120px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._01 .bar_wrap:after {
    height: 90px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._02 .bar_wrap {
  height: 190px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._02 .bar_wrap {
    height: 135px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._02 .bar_wrap:before {
  height: 190px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._02 .bar_wrap:before {
    height: 135px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._02 .bar_wrap:after {
  height: 150px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._02 .bar_wrap:after {
    height: 105px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._03 .bar_wrap {
  height: 220px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._03 .bar_wrap {
    height: 150px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._03 .bar_wrap:before {
  height: 220px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._03 .bar_wrap:before {
    height: 150px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._03 .bar_wrap:after {
  height: 180px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._03 .bar_wrap:after {
    height: 120px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._04 .bar_wrap {
  height: 290px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._04 .bar_wrap {
    height: 165px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._04 .bar_wrap:before {
  height: 290px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._04 .bar_wrap:before {
    height: 165px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._04 .bar_wrap:after {
  height: 250px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._04 .bar_wrap:after {
    height: 135px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._05 .bar_wrap {
  height: 340px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._05 .bar_wrap {
    height: 190px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._05 .bar_wrap:before {
  height: 340px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._05 .bar_wrap:before {
    height: 190px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._05 .bar_wrap:after {
  height: 300px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value._05 .bar_wrap:after {
    height: 160px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value .baloon_wrap {
  border: solid 1px #040505;
  padding: 15px;
  margin: 0 0 30px;
  position: relative;
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value .baloon_wrap:before {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 14px solid #040505;
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value .baloon_wrap:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 13px solid #FFF;
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value .bar_wrap {
  position: relative;
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value .bar_wrap:before {
  content: '';
  display: block;
  background: #2cafe1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  position: absolute;
  bottom: 0;
  right: 0;
  right: 20px;
  width: 110px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value .bar_wrap:before {
    right: 30px;
    width: 70px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value .bar_wrap:after {
  content: '';
  display: block;
  background: url(../img/common/pattern_01.png);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  position: absolute;
  bottom: 0;
  left: 0;
  left: 20px;
  width: 110px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value .bar_wrap:after {
    left: 30px;
    width: 70px;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value .bar_wrap > .txt {
  color: #fff;
  padding: 5px 30px 0 0;
  position: relative;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .value_wrap .value .bar_wrap > .txt {
    padding: 3px 35px 0 0;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .year_wrap {
  border-top: solid 1px #040505;
  padding: 25px 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .year_wrap {
    padding: 15px 0 0;
  }
}
.p_careerpath .l_main .sec._04 .graph_wrap > .inner .year_wrap .year {
  width: 190px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .graph_wrap > .inner .year_wrap .year {
    width: 140px;
  }
}
.p_careerpath .l_main .sec._04 .course_txt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.p_careerpath .l_main .sec._04 .course_txt:before {
  content: '';
  width: 90px;
  height: 30px;
  display: block;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .course_txt:before {
    width: 45px;
    height: 15px;
  }
}
.p_careerpath .l_main .sec._04 .course_txt._01 {
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._04 .course_txt._01 {
    margin: 0 0 5px;
  }
}
.p_careerpath .l_main .sec._04 .course_txt._01:before {
  background: url(../img/common/pattern_01.png);
}
.p_careerpath .l_main .sec._04 .course_txt._02:before {
  background: #2cafe1;
}
.p_careerpath .l_main .sec._05 {
  margin: 0 0 200px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 {
    margin: 0 0 50px;
  }
}
.p_careerpath .l_main .sec._05 .content_wrap .ttl {
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .ttl {
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .slide_txt {
    position: relative;
    color: #2cafe1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 15px 0;
  }
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .slide_txt:before {
    content: '';
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2cafe1;
    width: 0;
    height: 0;
    display: inline-block;
    margin: 0 12px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .table_wrap {
    overflow: scroll;
  }
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table {
  margin: 30px 0 0;
  border-top: solid 1px #040505;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table {
    width: 900px;
    margin: 0;
  }
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr {
  border-bottom: solid 1px #040505;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._01 .td {
  width: -moz-calc(100% - 200px);
  width: -o-calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._01 .td {
    width: -moz-calc(100% - 140px);
    width: -o-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
  }
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._02 .td {
  width: -moz-calc(50% - 200px);
  width: -o-calc(50% - 200px);
  width: -webkit-calc(50% - 200px);
  width: calc(50% - 200px);
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._02 .td {
    width: -moz-calc(50% - 140px);
    width: -o-calc(50% - 140px);
    width: -webkit-calc(50% - 140px);
    width: calc(50% - 140px);
  }
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._03 .wrap {
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._03 .wrap .inner {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._03 .wrap .inner:last-child {
  border-top: solid 1px #040505;
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._03 .wrap .inner .td {
  width: -moz-calc(100% - 200px);
  width: -o-calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._03 .wrap .inner .td {
    width: -moz-calc(100% - 140px);
    width: -o-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
  }
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._03 .td {
  width: -moz-calc(50% - 200px);
  width: -o-calc(50% - 200px);
  width: -webkit-calc(50% - 200px);
  width: calc(50% - 200px);
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr._03 .td {
    width: -moz-calc(50% - 140px);
    width: -o-calc(50% - 140px);
    width: -webkit-calc(50% - 140px);
    width: calc(50% - 140px);
  }
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr .th {
  width: 200px;
  background: #f8f8f8;
  min-height: 56px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr .th {
    width: 140px;
  }
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr .th._01 {
  background: url(../img/common/pattern_01.png);
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr .th._02 {
  background: #2cafe1;
  color: #fff;
}
.p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr .td {
  padding: 20px 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec._05 .content_wrap .table_wrap .table .tr .td {
    padding: 10px 15px;
  }
}
.p_careerpath .l_main .sec .content_wrap {
  padding: 0 0 0 95px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec .content_wrap {
    padding: 0;
  }
}
.p_careerpath .l_main .sec .ttl_wrap {
  margin: 0 0 35px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec .ttl_wrap {
    margin: 0 0 20px;
  }
}
.p_careerpath .l_main .sec .ttl_wrap > .inner {
  padding: 0 0 0 40px;
}
@media screen and (max-width: 768px) {
  .p_careerpath .l_main .sec .ttl_wrap > .inner {
    padding: 0 0 0 25px;
  }
}

/*# sourceMappingURL=p_careerpath.css.map */
