@charset "utf-8";

/* ======================
message
========================= */
/* 共通 */
.message__sec {
  padding-top: 33px;
}
.message__ttl {
  margin-bottom: 16px;
  font-size: clamp(23px, 2.882vw, 49px);
  font-weight: 900;
  letter-spacing: 0.036em;
  line-height: 1.612;
  font-feature-settings: "palt";
}
.message__txt {
  font-size: clamp(15px, 1.375vw, 22px);

  font-weight: 500;
  line-height: 1.9;
}

.message__nameBox {
  margin-top: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.message__nameLeft {
  display: block;
  width: fit-content;
  font-size: clamp(14px, 1.375vw, 22px);
  font-weight: 700;
}
.message__nameRight {
  width: fit-content;
}
/* ceo */
.message__ceo {
  margin-bottom: 93px;
}
.message__ceoPic {
  aspect-ratio: 361 / 185;
  margin-bottom: 47px;
}
.message__ceoPic-in {
  width: 100%;
  height: 100%;
  border-radius: clamp(15px, 4.17vw, 60px);
  overflow: hidden;
}
.message__ceoPic-txt {
  width: 33.68%;
  min-width: 260px;
  position: absolute;
  right: 0;
  top: 38%;
  transform: translateY(-51%);
}
.message__ceoTxtBox {
  max-width: 1088px;
  width: 76%;
  margin: 0 auto;
}
.message__ceo .message__nameRight {
  max-width: 238px;
  width: 40%;
}
.scroll-infinity-message .scroll-infinity__item {
  width: 120.1vw;
  min-width: 1614px;
}

.message__wrap {
  margin-bottom: 108px;
}
.message__container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.message__bg {
  background: #fff6e6;
  background: url(../imgs/message/message_bg.svg) no-repeat top right / auto 100%;
  /* --skew: 312px;
  clip-path: polygon(
    0 var(--skew),
    100% 0,
    100% calc(100% - var(--skew)),
    0 100%
  ); */

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 500px;

  z-index: -1;
}

.message__cont {
  max-width: 503px;
  position: relative;
  z-index: 1;
}
.message__pic {
  max-width: 1040px;
  position: relative;
  z-index: 1;
}
.message__container01 {
  padding: 170px 0 133px;
  margin-top: -63px;
  position: relative;
}
.message__container01 .message__cont {
  padding-top: 6.5%;
}
.message__container01 .message__pic {
  transform: translate(52px, -54px);
}
.message__container01 .message__nameBox {
  margin-right: 16px;
  justify-content: flex-end;
  gap: 42px;
}
.message__container01 .message__nameRight {
  max-width: 178px;
  width: 33%;
}
.message__container02.message__container {
  padding-top: 71px;
  flex-direction: row-reverse;
}
.message__container02 .message__cont {
  max-width: 543px;
}
.message__container02 .message__txt {
  width: 94%;
}
.message__container02 .message__pic {
  transform: translate(-60px, -43px);
}
.message__container02 .message__nameBox {
  margin-top: 57px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.message__container02 .message__nameRight {
  max-width: 181px;
  width: 33%;
  margin-left: auto;
  margin-right: 34px;
}
/* 一緒に働こう! */
.message__work {
  padding-bottom: 159px;
}
.message__workTtl {
  max-width: 363px;
  width: 40%;
  margin: 0 auto 56px;
}
.message__workWrap {
  width: calc(100% + 60px);
  display: flex;
  justify-content: center;
  gap: 26px;
  margin-left: -30px;
  margin-right: -30px;
}
.message__workBox {
  width: calc((100% - 1vw * 4) / 5);
  flex-shrink: 0;
}
.message__workBox:nth-child(even) {
  margin-top: 115px;
}

@media screen and (max-width: 1830px) {
  .message__workWrap {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    gap: 1vw;
  }
  .message__workBox:nth-child(even) {
    margin-top: 6vw;
  }
}

@media screen and (max-width: 1620px) {
  .message__container01 {
    padding-left: 15px;
  }
  .message__container02 {
    padding-right: 15px;
  }
}
@media screen and (max-width: 880px) {
  .message__ceoPic {
    aspect-ratio: 874 / 1043;
    max-width: 485px;
    margin: 0 auto 65px;
  }
  .message__ceoPic .pc {
    display: none;
  }
  .message__ceoPic .sp {
    display: block;
  }
  .message__ceoPic-txt {
    top: 90%;
    transform: translateY(0);
  }
  .message__ceoPic-txt {
    width: 70%;
    max-width: 260px;
    min-width: initial;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(-78%);
  }

  .message__ceoTxtBox {
    width: 94%;
  }
  .message__cont,
  .message__pic {
    width: 92%;
    max-width: 600px;
    margin: 0 auto;
  }
  /* .message__cont,
  .message__container02 .message__cont {
    max-width: none;
  } */
  .message__bg {
    height: 127%;
  }
  .message__container.message__container01 {
    padding: 56px 0 99px;
    flex-direction: column-reverse;
  }
  .message__container02.message__container {
    padding: 0 0;
    flex-direction: column-reverse;
  }

  .message__container01 .message__pic {
    transform: translateX(8%);
  }
  .message__container02 .message__pic {
    transform: translateX(-8%);
  }
  .message__container02 .message__txt {
    width: 100%;
  }
  .message__container02 .message__nameBox {
    align-items: flex-end;
  }
  .message__workWrap {
    flex-wrap: wrap;
    justify-content: center;
  }
  .message__workBox:nth-child(even) {
    margin-top: 0;
  }
  .message__workBox {
    width: calc((100% - 26px * 2) / 3);
  }
}