/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/assets/scss/message/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/*
  ease
  01, 02: opacity,color
  03, 04: transform
*/
.message.white .message_bg {
  background: #F8F9FA;
}
.message.white .message_body * {
  color: #004368;
}
.message.white .body_inner .content_oneWord {
  background: #F8F9FA;
}
.message.white .body_inner .content_title {
  background: #F8F9FA;
}
.message.white .body_inner .contentBgWrap {
  background: #F8F9FA;
}
.message .message_bg {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: #004368;
  top: 0%;
  left: 0%;
  transition: background ease-in-out 0.64s;
}
@media screen and (min-width: 760px) {
  .message .-sp {
    display: none;
  }
}
@media screen and (min-width: 1180px) {
  .message .-tab {
    display: none;
  }
}
.message .-pc {
  display: none;
}
@media screen and (min-width: 1180px) {
  .message .-pc {
    display: block;
  }
}
.message #message {
  font-feature-settings: "palt";
}
.message .wrapper {
  padding-top: 0;
}
.message .message_top {
  position: relative;
  padding-block: 181px 0px;
}
.message .message_top * {
  color: #fff;
}
@media screen and (min-width: 760px) {
  .message .message_top {
    padding-block: 200px 0px;
  }
}
@media screen and (min-width: 1180px) {
  .message .message_top {
    padding-block: 216px 0px;
  }
}
.message .top_inner {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1180px) {
  .message .top_inner {
    width: 100%;
  }
}
.message .top_inner .message_content {
  margin-top: 45px;
  padding-top: 210px;
}
@media screen and (min-width: 760px) {
  .message .top_inner .message_content {
    margin-top: 45px;
    padding-top: 522px;
  }
}
@media screen and (min-width: 1180px) {
  .message .top_inner .message_content {
    margin-top: 0;
    padding-top: 0;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
  }
}
.message .top_inner .content_oneWord {
  margin-bottom: 133px;
}
@media screen and (min-width: 760px) {
  .message .top_inner .content_oneWord {
    margin-bottom: 281px;
  }
}
@media screen and (min-width: 1180px) {
  .message .top_inner .content_oneWord {
    margin-bottom: 77px;
  }
}
.message .message_body {
  padding-block: 111px 0px;
  background: #F8F9FA;
}
@media screen and (min-width: 760px) {
  .message .message_body {
    padding-block: 182px 0px;
  }
}
@media screen and (min-width: 1180px) {
  .message .message_body {
    padding-block: 320px 0px;
  }
}
.message .message_body * {
  color: #fff;
  transition: all ease-in-out 0.64s;
}
.message .message_content {
  width: calc(100% - 40px);
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
.message .body_inner {
  position: relative;
}
.message .body_inner .content_title {
  width: fit-content;
  margin-top: 0;
  background-color: #004368;
}
@media screen and (min-width: 1180px) {
  .message .body_inner .content_title {
    margin-left: auto;
    max-width: 1140px;
    width: calc(100% - 20px);
  }
}
.message .body_inner .message_content {
  width: calc(100% - 40px);
  margin-inline: auto;
  padding-top: 210px;
  padding-bottom: 120px;
}
@media screen and (min-width: 760px) {
  .message .body_inner .message_content {
    padding-top: 525px;
    padding-bottom: 72px;
  }
}
@media screen and (min-width: 1180px) {
  .message .body_inner .message_content {
    padding-block: 0;
    max-width: 1512px;
    width: 100%;
  }
}
.message .body_inner .content_oneWord {
  background-color: #004368;
}
.message .meet_logo {
  width: 60px;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.message .meet_logo img {
  width: 100%;
}
@media screen and (min-width: 760px) {
  .message .meet_logo {
    top: 50px;
    width: 97px;
  }
}
@media screen and (min-width: 1180px) {
  .message .meet_logo {
    display: none;
  }
}
.message .subTitle {
  font-size: 16px;
  line-height: 1;
  color: #004368;
}
@media screen and (min-width: 1180px) {
  .message .subTitle {
    font-size: 20px;
  }
}
.message .message_title {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
}
@media screen and (min-width: 760px) {
  .message .message_title {
    font-size: 160px;
  }
}
@media screen and (min-width: 1180px) {
  .message .message_title {
    font-size: 160px;
    line-height: 1;
  }
}
.message .top_leadText {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75;
  width: calc(100% - 40px);
  margin: 33px auto 45px;
  max-width: 1140px;
}
@media screen and (min-width: 1180px) {
  .message .top_leadText {
    margin-block: 58px 0;
    font-size: 22px;
  }
}
@media screen and (min-width: 1180px) {
  .message .CPO_message {
    background-image: url("../../img/recruit/CPO_img.webp");
    background-size: 697px;
    background-position: top right;
    display: flex;
    max-width: 1600px;
  }
}
@media screen and (min-width: 1180px) {
  .message .CPO_message .position_content {
    margin-top: 60px;
  }
}
.message .CPO_img {
  position: absolute;
  height: 458px;
  width: fit-content;
  top: 0;
  right: 0;
}
.message .CPO_img img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 760px) {
  .message .CPO_img {
    height: 1005px;
  }
}
.message .CEO_img {
  position: absolute;
  height: 458px;
  width: fit-content;
  top: 0;
  right: 0;
}
.message .CEO_img img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 760px) {
  .message .CEO_img {
    height: 1005px;
  }
}
@media screen and (min-width: 1180px) {
  .message .CEO_message {
    background-image: url("../../img/recruit/CEO_img.webp");
    background-size: 697px;
    background-position: top right;
    padding-bottom: 126px;
    display: flex;
    justify-content: end;
  }
}
@media screen and (min-width: 1180px) {
  .message .CEO_message .content_oneWord {
    background-color: #004368;
    padding-right: 10px;
  }
}
@media screen and (min-width: 1180px) {
  .message .CEO_message .content_text {
    max-width: 697px;
  }
}
.message .position_message_inner {
  width: 100%;
}
.message .content_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 27px;
}
@media screen and (min-width: 760px) {
  .message .content_title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1180px) {
  .message .content_title {
    margin-block: 112px 23px;
    font-size: 20px;
    margin-inline: auto;
    max-width: 1140px;
    width: calc(100% - 20px);
  }
}
.message .oneWordWrap {
  max-width: 1140px;
  width: 100%;
  margin-inline: auto;
}
.message .content_oneWord {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  width: fit-content;
}
.message .content_oneWord span {
  font-weight: 700;
}
@media screen and (min-width: 760px) {
  .message .content_oneWord {
    font-size: 80px;
  }
}
@media screen and (min-width: 1180px) {
  .message .content_oneWord {
    font-size: 80px;
  }
}
.message .contentTextWrap {
  width: 100%;
  max-width: 1140px;
  margin-inline: auto;
  margin-top: 133px;
}
@media screen and (min-width: 760px) {
  .message .contentTextWrap {
    margin-top: 280px;
  }
}
@media screen and (min-width: 1180px) {
  .message .contentTextWrap {
    margin-top: 0;
  }
}
.message .contentBgWrap {
  width: fit-content;
}
@media screen and (min-width: 1180px) {
  .message .contentBgWrap {
    margin-top: 43px;
    padding-right: 23px;
    padding-block: 22px 28px;
  }
}
.message .content_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  margin-top: 32px;
}
.message .content_text:first-child {
  margin-top: 0;
}
@media screen and (min-width: 760px) {
  .message .content_text {
    font-size: 18px;
  }
}
@media screen and (min-width: 1180px) {
  .message .content_text {
    font-size: 18px;
    max-width: 697px;
    width: 100%;
  }
}
.message .position_content {
  margin-top: 32px;
  width: fit-content;
}
@media screen and (min-width: 1180px) {
  .message .position_content {
    margin-top: 0px;
  }
}
.message .position_title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 760px) {
  .message .position_title {
    font-size: 16px;
  }
}
@media screen and (min-width: 1180px) {
  .message .position_title {
    font-size: 16px;
  }
}
.message .position_name {
  margin-top: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 760px) {
  .message .position_name {
    font-size: 28px;
  }
}
@media screen and (min-width: 1180px) {
  .message .position_name {
    font-size: 28px;
  }
}
@media screen and (min-width: 760px) {
  .message .swiper-wrapper {
    transform: translate(0) !important;
    justify-content: center;
  }
}
.message .swiper-slide:last-of-type {
  margin-right: 0 !important;
}
.message .swiper-content {
  padding-block: 60px;
  overflow: hidden;
  background: #fff !important;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1180px) {
  .message .swiper-content {
    padding-block: 64px;
  }
}
.message .swiper-content .swiper-pagination {
  margin-top: 16px;
  position: relative;
}
.message .swiper-contentTtl {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 36px;
  color: #004368;
  width: calc(100% - 40px);
  margin-inline: auto;
  max-width: 1140px;
}
@media screen and (min-width: 1180px) {
  .message .swiper-contentTtl {
    font-size: 24px;
    margin-bottom: 44px;
  }
}
.message .message-swiper {
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
.message .message-swiper .slider_item {
  width: 290px;
  height: auto;
}
@media screen and (min-width: 760px) {
  .message .message-swiper .slider_item {
    max-width: 354px;
    width: calc(33% - 15px);
  }
}
@media screen and (min-width: 760px) {
  .message .message-swiper .slider_item a:hover * {
    color: #26A784;
  }
  .message .message-swiper .slider_item a:hover .item_link::after {
    background-image: url("/assets/img/icon/icon_external_green.svg");
  }
}
.message .message-swiper .img_content {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 290/163;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 760px) {
  .message .message-swiper .img_content {
    max-width: 354px;
    width: 100%;
    aspect-ratio: 354/199;
  }
}
.message .message-swiper .img_content img {
  display: block;
  width: auto;
  height: 100%;
}
.message .message-swiper .item_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  margin-top: 24px;
}
.message .message-swiper .item_link {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.message .message-swiper .item_link::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background-image: url("/assets/img/icon/icon_external_black.svg");
}