.l-interviewDetail {
  padding-bottom: 24rem;
}

.l-interviewDetail_kv {
  position: relative;
  padding: 14rem 0 6rem;
  background-color: var(--colorGray95);
}

.l-interviewDetail_kv::after {
  display: block;
  z-index: 0;
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 4rem;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background-color: var(--colorGray95);
  content: "";
}

.l-interviewDetail_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  gap: 9.6rem;
}

.l-interviewDetail_left {
  position: -webkit-sticky;
  position: sticky;
  top: 10rem;
  left: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24.8rem;
          flex: 0 0 24.8rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.l-interviewDetail_left_group {
  width: 7.6rem;
  max-width: 100%;
}

.l-interviewDetail_left_img {
  aspect-ratio: 1;
  width: 7.6rem;
  overflow: clip;
  border-radius: 50%;
}

.l-interviewDetail_left_name {
  margin-top: 1.2rem;
  text-align: center;
}

.l-interviewDetail_left_content {
  margin-top: 2.4rem;
}

.l-interviewDetail_left_content_top {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--colorGray85);
}

.l-interviewDetail_left_content_workplace {
  margin-top: .2rem;
}

.l-interviewDetail_left_content_position {
  margin-top: .6rem;
}

.l-interviewDetail_left_lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.2rem;
  gap: .6rem;
}

.l-interviewDetail_left_list {
  position: relative;
  padding: .15rem 0;
  padding-left: 1rem;
}

.l-interviewDetail_left_list::after {
  display: block;
  position: absolute;
  top: .9rem;
  left: 0;
  aspect-ratio: 1;
  width: .6rem;
  border-radius: 50%;
  background-color: currentColor;
  content: "";
}

.l-interviewDetail_right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.l-interviewDetail_intro_img_wrapper {
  position: relative;
  aspect-ratio: 937/527;
  margin-right: calc((100dvw - 119.4rem)/-2);
}

.l-interviewDetail_intro_img_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-interviewDetail_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.l-interviewDetail_block {
  margin-right: calc((100dvw - 119.4rem)/-2 + 8.6rem);
}

.l-interviewDetail_block_qa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12rem 8.6rem 12rem 8rem;
  gap: 3.2rem;
}

.l-interviewDetail_block_qa+.l-interviewDetail_block_qa {
  border-top: 1px solid currentColor;
}

.l-interviewDetail_block_q {
  display: grid;
  grid-template-columns: 5rem 1fr;
  gap: 1.6rem;
}

.l-interviewDetail_block_q::before {
  width: 5rem;
  height: 1px;
  margin-top: 2.4rem;
  background-color: currentColor;
  content: "";
}

.l-interviewDetail_block_img_wrapper {
  aspect-ratio: 937/527;
  margin-right: calc((100dvw - 119.4rem)/-2);
}

.l-interviewDetail_block_img_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-interviewDetail_btn {
  --btnBorder: currentColor;
  position: relative;
  width: 41.5rem;
  height: 8rem;
  margin-top: 20rem;
  margin-inline: auto;
}

.l-interviewDetail_btn_icon {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 48em) {
  .l-interviewDetail {
    padding-bottom: 16rem;
  }
  .l-interviewDetail_kv::after {
    content: none;
  }
  .l-interviewDetail_kv {
    padding: 11.7rem 0 0;
  }
  .l-interviewDetail_kv_img_sp_wrapper {
    width: calc(100% + var(--innerWidth)*2);
    margin-top: 8rem;
    margin-left: calc(var(--innerWidth)*-1);
  }
  .l-interviewDetail_kv_img_sp_wrapper img {
    width: 100%;
  }
  .l-interviewDetail_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 4rem;
    gap: 8rem;
  }
  .l-interviewDetail_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    height: auto;
    gap: 2.4rem;
  }
  .l-interviewDetail_left_group {
    width: 6.2rem;
  }
  .l-interviewDetail_left_img {
    width: 6.2rem;
  }
  .l-interviewDetail_left_content {
    width: 100%;
    margin-top: 0;
  }
  .l-interviewDetail_right {
    border-top: 1px solid currentColor;
  }
  .l-interviewDetail_intro_img_wrapper {
    margin-right: 0;
  }
  .l-interviewDetail_block {
    margin-right: 0;
  }
  .l-interviewDetail_block_qa {
    padding: 6.4rem 0;
    gap: 2.4rem;
  }
  .l-interviewDetail_block_q {
    grid-template-columns: 3rem 1fr;
  }
  .l-interviewDetail_block_q::before {
    width: 3rem;
    margin-top: 2.1rem;
  }
  .l-interviewDetail_block_img_wrapper {
    width: calc(100% + var(--innerWidth)*2);
    margin-right: 0;
    margin-left: calc(var(--innerWidth)*-1);
  }
  .l-interviewDetail_btn {
    height: 6.4rem;
    margin-top: 12rem;
  }
}
