@charset "UTF-8";

/* 代表メッセージ */
.message_ceo_section {
  padding-top: 50px;
  padding-bottom: 120px;
}
.message_ceo_content {
  margin-top: 66px;
}
.message_ceo_meta {
  display: flex;
  align-items: center;
  column-gap: 40px;
}
.message_ceo_post {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.125em;
}
.message_ceo_name {
  width: 130px;
}
.message_ceo_name img {
  width: 100%;
}
.message_ceo_copy {
  position: relative;
  margin-top: 16px;
  padding-bottom: 18px;
  font-size: 36px;
  font-weight: 700;
  line-height: calc(64 / 44);
  letter-spacing: 0.04545454545em;
  color: var(--primary);
}
.message_ceo_copy::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--primary);
}
.message_ceo_text {
  margin-top: 32px;
}
/* 代表メッセージここまで */

/* 採用担当者メッセージ */
.message_recruit_section {
  padding-top: 80px;
  padding-bottom: 98px;
  background-color: #F9F9F9;
}
.message_recruit_inner {
  position: relative;
}
.message_recruit_content {
  margin: 48px auto 0;
  width: 1010px;
}
.message_recruit_columns {
  display: flex;
  align-items: center;
  column-gap: 60px;
  margin-bottom: 60px;
}
.message_recruit_columns:last-child {
  margin-bottom: 0;
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_img {
  order: 1;
}
.message_recruit_columns:nth-child(2n) .message_recruit_img {
  /* padding-top: 15px; */
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_body {
  order: 0;
  padding-top: 20px;
}
.message_recruit_img {
  width: 360px;
}
.message_recruit_img img {
  width: 100%;
  border-radius: 16px;
}
.message_recruit_body {
  width: calc(100% - 420px);
}
.message_recruit_copy {
  position: relative;
  width: 550px;
  border-radius: 16px;
  background-color: var(--white);
  border: solid 2px var(--primary);
  text-align: center;
  padding: 18px 0 19px;
}
.message_recruit_columns:nth-child(2n) .message_recruit_copy {
  margin-left: auto;
  margin: 0 auto;
}
.message_recruit_copy::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8.51px;
  height: 16.6px;
  background-color: var(--white);
  z-index: 1;
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_copy::before {
  right: -2px;
}
.message_recruit_columns:nth-child(2n) .message_recruit_copy::before {
  left: -2px;
}
.message_recruit_copy::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 26.21px;
  height: 2px;
  background-color: var(--primary);
  z-index: 2;
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_copy::after {
  right: -22px;
}
.message_recruit_columns:nth-child(2n) .message_recruit_copy::after {
  left: -22px;
}
.message_recruit_copy > span {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: calc(39 / 20);
  letter-spacing: 0.1em;
  color: var(--primary);
  /* background: linear-gradient(transparent 60%, rgba(0, 96, 176, 0.2) 60%, rgba(0, 96, 176, 0.2) 100%); */
  background-image: linear-gradient(rgba(0, 96, 176, 0.2),rgba(0, 96, 176, 0.2));
  background-size: 100% 6px;
  background-position: 0 90%;
  background-repeat: no-repeat;
}
.message_recruit_meta {
  display: flex;
  align-items: flex-end;
  column-gap: 19px;
  margin-top: 16px;
}
.message_recruit_name {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.message_recruit_text {
  margin-top: 16px;
  letter-spacing: 0.055555555555em;
}
/* 採用担当者メッセージここまで */

@media(max-width: 1439px){
/* 代表メッセージ */
.message_ceo_section {
  padding-top: calc(50/var(--view-size)*100vw);
  padding-bottom: calc(120/var(--view-size)*100vw);
}
.message_ceo_content {
  margin-top: calc(66/var(--view-size)*100vw);
}
.message_ceo_meta {
  column-gap: calc(40/var(--view-size)*100vw);
}
.message_ceo_post {
  font-size: calc(16/var(--view-size)*100vw);
}
.message_ceo_name {
  width: calc(130/var(--view-size)*100vw);
}
.message_ceo_copy {
  margin-top: calc(16/var(--view-size)*100vw);
  padding-bottom: calc(18/var(--view-size)*100vw);
  font-size: calc(36/var(--view-size)*100vw);
}
.message_ceo_copy::after {
  width: 100%;
}
.message_ceo_text {
  margin-top: calc(32/var(--view-size)*100vw);
}
/* 代表メッセージここまで */

/* 採用担当者メッセージ */
.message_recruit_section {
  padding-top: calc(80/var(--view-size)*100vw);
  padding-bottom: calc(98/var(--view-size)*100vw);
}
.message_recruit_content {
  margin: calc(48/var(--view-size)*100vw) auto 0;
  width: calc(1010/var(--view-size)*100vw);
}
.message_recruit_columns {
  column-gap: calc(60/var(--view-size)*100vw);
  margin-bottom: calc(60/var(--view-size)*100vw);
}
.message_recruit_columns:nth-child(2n) .message_recruit_img {
  /* padding-top: calc(15/var(--view-size)*100vw); */
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_body {
  padding-top: calc(20/var(--view-size)*100vw);
}
.message_recruit_img {
  width: calc(360/var(--view-size)*100vw);
}
.message_recruit_img img{
  border-radius: calc(16/var(--view-size)*100vw);
}
.message_recruit_body {
  width: calc(100% - (420/var(--view-size)*100vw));
}
.message_recruit_copy {
  width: calc(550/var(--view-size)*100vw);
  border-radius: calc(16/var(--view-size)*100vw);
  padding: calc(18/var(--view-size)*100vw) 0 calc(19/var(--view-size)*100vw);
}
.message_recruit_copy::before {
  width: calc(8.51/var(--view-size)*100vw);
  height: calc(16.6/var(--view-size)*100vw);
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_copy::before {
  right: calc(-2/var(--view-size)*100vw);
}
.message_recruit_columns:nth-child(2n) .message_recruit_copy::before {
  left: calc(-2/var(--view-size)*100vw);
}
.message_recruit_copy::after {
  width: calc(26.21/var(--view-size)*100vw);
  height: calc(2/var(--view-size)*100vw);
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_copy::after {
  right: calc(-22/var(--view-size)*100vw);
}
.message_recruit_columns:nth-child(2n) .message_recruit_copy::after {
  left: calc(-22/var(--view-size)*100vw);
}
.message_recruit_copy > span {
  font-size: calc(20/var(--view-size)*100vw);
  background-size: 100% calc(6/var(--view-size)*100vw);
}
.message_recruit_meta {
  column-gap: calc(19/var(--view-size)*100vw);
  margin-top: calc(16/var(--view-size)*100vw);
}
.message_recruit_name {
  font-size: calc(20/var(--view-size)*100vw);
}
.message_recruit_text {
  margin-top: calc(16/var(--view-size)*100vw);
}
/* 採用担当者メッセージここまで */
}

@media(max-width: 768px){
/* 代表メッセージ */
.message_ceo_section {
  padding-top: calc(16/var(--view-size)*100vw);
  padding-bottom: calc(65/var(--view-size)*100vw);
}
.message_ceo_content {
  margin-top: calc(25/var(--view-size)*100vw);
}
.message_ceo_meta {
  column-gap: calc(20/var(--view-size)*100vw);
}
.message_ceo_post {
  font-size: calc(14/var(--view-size)*100vw);
  letter-spacing: 0;
}
.message_ceo_copy {
  margin-top: calc(20/var(--view-size)*100vw);
  padding-bottom: calc(18/var(--view-size)*100vw);
  font-size: calc(22/var(--view-size)*100vw);
  letter-spacing: 0.0909090909em;
}
.message_ceo_copy::after {
  width: calc(350/var(--view-size)*100vw);
}
.message_ceo_text {
  letter-spacing: 0;
  margin-top: calc(20/var(--view-size)*100vw);
}
/* 代表メッセージここまで */

/* 採用担当者メッセージ */
.message_recruit_section {
  padding-top: calc(40/var(--view-size)*100vw);
  padding-bottom: calc(40/var(--view-size)*100vw);
}
.message_recruit_content {
  margin: calc(30/var(--view-size)*100vw) auto 0;
  width: 100%;
}
.message_recruit_columns {
  flex-direction: column;
  row-gap: calc(31/var(--view-size)*100vw);
  margin-bottom: calc(60/var(--view-size)*100vw);
}
.message_recruit_columns:nth-child(2n) .message_recruit_img {
  /* padding-top: calc(15/var(--view-size)*100vw); */
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_body {
  order: 1;
  padding-top: 0;
}
.message_recruit_img {
  width: 100%;
  border-radius: calc(10/var(--view-size)*100vw);
  max-width: 80%;
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_img {
  order: 0;
}
.message_recruit_body {
  width: 100%;
}
.message_recruit_copy {
  width: 100%;
  border-radius: calc(10/var(--view-size)*100vw);
  padding: calc(7/var(--view-size)*100vw) 0 calc(10/var(--view-size)*100vw);
}
.message_recruit_columns:nth-child(2n) .message_recruit_copy {
  line-height: 1;
}
.message_recruit_copy::before {
  top: calc(-2.5/var(--view-size)*100vw);
  width: calc(20/var(--view-size)*100vw);
  height: calc(2.5/var(--view-size)*100vw);
  transform: translateX(-50%);
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_copy::before {
  right: initial;
  left: 50%;
}
.message_recruit_columns:nth-child(2n) .message_recruit_copy::before {
  left: 50%;
}
.message_recruit_copy::after {
  top: calc(-13/var(--view-size)*100vw);
  width: calc(2/var(--view-size)*100vw);
  height: calc(15/var(--view-size)*100vw);
  transform: translateX(-50%);
}
.message_recruit_columns:nth-child(2n - 1) .message_recruit_copy::after {
  right: initial;
  left: 50%;
}
.message_recruit_columns:nth-child(2n) .message_recruit_copy::after {
  left: 50%;
}
.message_recruit_copy > span {
  font-size: calc(16/var(--view-size)*100vw);
  letter-spacing: 0.125em;
}
.message_recruit_meta {
  column-gap: calc(16/var(--view-size)*100vw);
  margin-top: calc(18/var(--view-size)*100vw);
}
.message_recruit_post {
  letter-spacing: 0.14285714em;
}
.message_recruit_name {
  font-size: calc(18/var(--view-size)*100vw);
  letter-spacing: 0.11111111em;
}
.message_recruit_text {
  margin-top: calc(22/var(--view-size)*100vw);
  letter-spacing: 0.07142857em;
}
/* 採用担当者メッセージここまで */
}