@charset "utf-8";

/*-----------------------------------------------------
@@ トップページ
------------------------------------------------------*/

.work__title-01 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  max-inline-size: max-content;
  border: 5px solid black;
  margin-bottom: 79px;
  margin-top: 110px;
}
.work__title-01 .t1,
.work__title-01 .t2 {
  display: inline-block;
  padding: 0.389em  1em 0.556em;
}
.work__title-01 .t1 {
  color: white;
  background-color: black;
}
.work__title-01 .t2 {
  color: black;
  background-color: white;
}


.indexTitle {
  /*width: min(100% - 20px, 875px);
  padding: 74px 0 13px;*/
  padding: 0 0 13px;
  border-image: linear-gradient(0deg,var(--primary-color) 4px,#0000 0) fill 0//0 100vw 0 0;
  position: relative;
}
.indexTitle_sub {
  position: absolute;
  bottom: 10px;
  left: 400px;
  font-size: 14px;
}
@media screen and (max-width: 1250px) and (min-width: 768px){

  .indexTitle {
    padding-left: 20px;
  }

}
@media screen and (max-width: 767.9px) {

  .work__title-01 {
    font-size: calc(18 / 384 * 100cqw);
    border: 3px solid black;
    margin-bottom: calc(20 / 384 * 100cqw);
    margin-left: calc(20 / 384 * 100cqw);
    margin-top: 48px;
  }

  .indexTitle {
    width: var(--sp-width);
    margin-inline: auto;
    /*padding: 11.329vw 0 8px;*/
    padding: 0 0 8px;
    border-image: linear-gradient(0deg,var(--primary-color) 2px,#0000 0) fill 0//0 100vw 0 0;
  }
  .indexTitle_sub {
    position: absolute;
    font-size: 12px;
    bottom: 6px;
    left: unset;
    right: 0;
    width: 40vw;
  }

}

.interviewIndexListWrap {
  container-type: inline-size;
  padding: 67px 0 80px;
}
.interviewIndexList {
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.167cqw 4.167%;
  container-type: inline-size;
}
@media screen and (max-width: 1250px) and (min-width: 768px){

  .interviewIndexList {
    width: calc(100% - 40px);
  }

}

.interviewIndexListInner {
  container-type: inline-size;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 5.218%;
  text-decoration: none;
  color: black;
}
.interviewIndexListInner:hover {
  text-decoration: none;
  filter: brightness(110%) contrast(110%);
}
.interviewIndexListInner-left {
  width: 45.218%;
  position: relative;
}
.interviewIndexListInner-right {
  flex: 1;
}
.interviewIndexList-field {
  font-size: calc(14 / 575 * 100cqw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  color: white;
  display: block;
  /*width: calc(14 / 575 * 100cqw);*/
  padding: 1em 1.5em 1em 2.786em;
  background-color: #004bc1;
  position: absolute;
  left: -1em;
  bottom: -1em;
  max-inline-size: max-content;
  border-radius: 8px;
}
.interviewIndexList-field.interviewIndexList-fieldTrainee {
  background-color: #0098c8;
}
.interviewIndexList-field:before {
  content: "";
  display: block;
  width: calc(14 / 575 * 100cqw);
  height: calc(14 / 575 * 100cqw);
  background-color: white;
  position: absolute;
  left: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 1000px;
}
.interviewIndexList-Catch01 {
  font-size: calc(23.76 / 575 * 100cqw);
  font-weight: 700;
  line-height: 1.6;
  /*letter-spacing: 0.05em;*/
  margin-bottom: 0.421em;
  font-feature-settings: "palt" 1;
}
.interviewIndexList-Catch02 {
  font-size: calc(14 / 575 * 100cqw);
  font-weight: 500;
  line-height: 1.6;
  /*letter-spacing: 0.05em;*/
}
@media screen and (max-width: 767.9px) {

  .interviewIndexList {
    width: 92.1875%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7.063cqw 7%;
  }
  .interviewIndexListInner {
    flex-direction: column;
    gap: 5cqw 0;
  }
  .interviewIndexListInner-left,
  .interviewIndexListInner-right {
    width: 100%;
  }
  .interviewIndexList-field {
    font-size: calc(28 / 314 * 100cqw);
    padding: 0.6em 0.8em 0.6em 2.286em;
    left: -0.81em;
    bottom: -0.607em;
    border-radius: 8px;
  }
  .interviewIndexList-field:before {
    width: calc(28 / 314 * 100cqw);
    height: calc(28 / 314 * 100cqw);
    left: 0.8em;
  }
  .interviewIndexList-Catch01 {
    font-size: calc(26 / 314 * 100cqw);
    margin-bottom: 0.421em;
  }
  .interviewIndexList-Catch02 {
    font-size: calc(22 / 314 * 100cqw);
  }

}