@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");

/*.jobmes .pageHero_img {
 background-image: url(../images/job2022/pageHero-carrier02.jpg);
}*/
.jobmes .titleimg .imgArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.jobmes .titleimg .imgArea p {
  margin-bottom: 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .jobmes .titleimg .imgArea p {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .jobmes .titleimg .imgArea p.mainimg {
    width: 100%;
    display: block !important;
  }
}

.jobmes .titleimg p {
  margin-top: 20px;
}

.jobmes .mesArea {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .jobmes .mesArea {
    margin-top: 40px;
  }
}

.jobmes .mesArea .mes-head {
  position: relative;
}

.jobmes .mesArea .mes-head img {
  border-top: 2px solid #219890;
}

.jobmes .mesArea .mes-head .profile {
  position: absolute;
  /*width: 250px;*/
  left: 40px;
  bottom: 40px;
  padding: 10px 20px;
  background-color: rgba(33, 152, 144, 0.5);
  color: #fff;
  line-height: 160%;
}

.jobmes .mesArea .mes-head .profile-right {
  right: 40px;
  left: inherit;
}

@media screen and (max-width: 768px) {
  .jobmes .mesArea .mes-head .profile {
    position: relative;
    width: 100%;
    left: inherit;
    right: inherit;
    bottom: inherit;
    background-color: #219890;
    padding: 10px;
  }
}

.jobmes .mesArea h3.job2022-title {
  margin-bottom: 10px;
  text-align: center;
  position: relative;
}

.jobmes .mesArea h3.job2022-title::before {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  z-index: 1;
}

.jobmes .mesArea h3.job2022-title span {
  z-index: 10;
  display: inline-block;
  position: relative;
  padding: 0 10px;
  background-color: #fff;
}

.jobmes .mesArea h3.job2022-d-title::before {
  background-color: #a91b49;
}

.jobmes .mesArea h3.job2022-t-title::before {
  background-color: #1faee6;
}

.jobmes .mes-body .mex-item {
  margin: 40px auto;
}

.jobmes .mes-body .mex-item dl dt {
  color: #219890;
  font-family: "Noto Serif JP", serif;
  font-size: 22px;
  line-height: 150%;
  margin-bottom: 15px;
}

.jobmes .movie-link a {
  margin-top: 20px;
  display: block !important;
}

.jobmes .movie-link a::after {
  content: none !important;
}

.jobmes .mes-foottextArea p {
  color: #219890;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.jobmes .mes-foottextArea a {
  display: inline-block;
  padding-right: 15px;
}

.jobmes .mes-foottextArea a::after {
  content: none;
}

.jobmes .mes-foottextArea img {
  vertical-align: middle;
}

.jobmes .mes-foottextArea span {
  color: #000 !important;
}


.jobmes .job2022-img-bg {
  text-align: center;
  background-image: url("../images/job2022/interview-bg02.png");
}

.jobmes .job2022-img-bg img {
  vertical-align: middle;
}


/*




2023




*/


.jobmes .job2023-img-bg {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 15px;
  height: 120px;
  background: top center no-repeat url("../images/job2023/mainVisual-bg.png");
}

.jobmes .job2023-01 .profile {
  background-color: rgba(224, 140, 146, 0.7) !important;
}

.jobmes .job2023-01 .mex-item dl dt {
  color: #e08c92 !important;
}

.jobmes .job2023-02 .profile {
  background-color: rgba(205, 126, 166, 0.7) !important;
}

.jobmes .job2023-02 .mex-item dl dt {
  color: #cd7ea6 !important;
}