@charset "UTF-8";
/*-------------------------
　採用情報_トップメッセージ
-------------------------*/
/* 共通
-------------------------*/
/* ページヘッダー */
.recruit__page-header {
  background-image: url("/recruit/message/img/recruit_subpage_kv_sp.jpg");
}
@media screen and (min-width: 768px) {
  .recruit__page-header {
    background-image: url("/recruit/message/img/recruit_subpage_kv_tb.jpg");
  }
}
@media screen and (min-width: 980px) {
  .recruit__page-header {
    background-image: url("/recruit/message/img/recruit_subpage_kv_pc.jpg");
  }
}

/* セクションごとのスタイル
-------------------------*/
/* トップメッセージ */
.greeting {
  margin-top: 56px;
}
.greeting .grid_122 {
  gap: 0;
  grid-template-rows: auto auto auto;
  grid-template-areas: "img" "text-01" "text-02";
}
.greeting .grid_row--text-01 {
  order: 2;
  grid-area: text-01;
}
.greeting .grid_row--text-02 {
  order: 3;
  grid-area: text-02;
}
.greeting .grid_row--img {
  order: 1;
  grid-area: img;
}
.greeting_heading {
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 1;
}
.greeting_text-area {
  margin-top: 15px;
}
.greeting_text-area .text {
  margin-top: 1.5em;
}
.greeting_text-area-intro {
  margin-top: 12px;
}
.greeting_text-area--02 {
  margin-top: 0;
}
.greeting_name {
  text-align: right;
  margin-top: 16px;
}
.greeting_name span:first-of-type {
  display: block;
  font-size: 12px;
}
.greeting_name span:nth-of-type(2) {
  display: block;
  font-size: 16px;
}
.greeting_image {
  width: 100%;
  aspect-ratio: 500/281;
}
@media screen and (min-width: 768px) {
  .greeting {
    margin-top: 63px;
  }
  .greeting .grid_122 {
    grid-template-rows: auto auto;
    grid-template-areas: "text-01 text-01" "text-02 text-02";
  }
  .greeting .grid_row--text-01 {
    order: 1;
  }
  .greeting .grid_row--text-02 {
    order: 3;
  }
  .greeting .grid_row--img {
    float: right;
    width: 50%;
    margin-left: 30px;
    margin-bottom: 9px;
    order: 2;
  }
  .greeting_heading {
    font-size: 30px;
  }
  .greeting_text-area {
    margin-top: 20px;
  }
  .greeting_text-area-intro {
    margin-top: 0;
  }
  .greeting_text-area--02 {
    margin-top: 0;
  }
  .greeting_name {
    margin-top: 32px;
  }
  .greeting_name span:first-of-type {
    font-size: 14px;
  }
  .greeting_name span:nth-of-type(2) {
    font-size: 18px;
  }
  .greeting_image {
    max-width: 500px;
    margin-top: 5px;
  }
}
@media screen and (min-width: 980px) {
  .greeting {
    margin-top: 80px;
  }
  .greeting .grid_122 {
    gap: 9px 49px;
  }
  .greeting_text-area {
    margin-top: 25px;
  }
  .greeting_text-area .text {
    margin-top: 0;
  }
  .greeting_text-area .text + .text {
    margin-top: 1.5em;
  }
  .greeting_text-area--02 {
    margin-top: 0;
  }
  .greeting_name {
    margin-top: 35px;
  }
  .greeting_name span:first-of-type {
    font-size: 16px;
  }
  .greeting_name span:nth-of-type(2) {
    font-size: 20px;
  }
}