@charset "UTF-8";
body {
  background-color: #FBFCFE;
}

/* 共通パーツ調整
---------------------------------------------------------------------------- */
/*------------- .l-breadcrumbsBox -------------*/
@media screen and (max-width: 767px) {
  .l-breadcrumbsBox {
    bottom: -10.1333333333vw;
    z-index: 10;
  }
}
/*------------- .m-members-swiper-container -------------*/
.m-members-swiper-container {
  margin-top: 10rem;
}

@media screen and (max-width: 767px) {
  .m-members-swiper-container {
    margin-top: 13.3333333333vw;
  }
}
/* p-mv
---------------------------------------------------------------------------- */
.p-mv {
  margin-top: 11rem;
  width: 100%;
  height: 67.5rem;
  position: relative;
}

.p-mv::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 3.1770833333vw;
  z-index: 1;
  width: 17.0833333333vw;
  aspect-ratio: 328/191;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./../../../../images/recruit/interview/detail/icn_ball_pc.svg);
}

.p-mv::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -5;
  width: 100%;
  height: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(./../../../../images/recruit/interview/detail/bg_mv_pc.png);
}

.p-mv-wrap {
  width: 100%;
  position: relative;
  top: 9.8rem;
}

.p-mv-myPurpose {
  position: absolute;
  top: 0;
  left: -4.8rem;
  rotate: -9deg;
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 900;
  color: #DA291C;
  font-family: "Poppins";
  font-style: italic;
}

.p-mv-wrap-ttl {
  font-family: "hanatotyoutyo";
  display: inline;
  font-size: 5.3rem;
  line-height: 1.8301886792;
  font-weight: 400;
  letter-spacing: normal;
  color: #343535;
  background-color: #fff;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding-inline: 0.3em;
  padding-block: 0.25em;
  border-radius: 0.6rem;
}

.p-mv-wrap-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 3.1rem;
}

.p-mv-wrap-list {
  font-size: 1.7rem;
  line-height: 1.5294117647;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #fff;
  padding-block: 0.3rem 0.5rem;
  padding-inline: 1.6rem;
  border-radius: 10vmax;
  background-color: #0081D9;
}

.p-mv-wrap-box {
  display: flex;
  margin-top: 3rem;
}

.p-mv-wrap-box-left {
  padding-right: 2.4rem;
  border-right: 1px solid #B2B2B2;
}

.p-mv-wrap-box-left-txt {
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #0081D9;
}

.p-mv-wrap-box-left-txt ._name {
  font-family: "Poppins";
  font-size: 5rem;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 600;
  margin-right: 1.9rem;
}

.p-mv-wrap-box-right {
  padding-left: 2.4rem;
}

.p-mv-wrap-box-right-txt01 {
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-weight: 700;
}

.p-mv-wrap-box-right-txt02 {
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-weight: 700;
  margin-top: 1rem;
}

.p-mv-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-image: url(./../../../../images/recruit/interview/detail/bg_mv_mask_pc.png);
}

.p-mv-img._interview01 img {
  width: 46.1rem;
  height: 81rem;
  translate: 56.25vw 2.1875vw;
}

.p-mv-img._interview02 img {
  width: 46.1rem;
  height: 81rem;
  translate: 56.25vw 2.1875vw;
}

.p-mv-img._interview03 img {
  width: 40.5rem;
  height: 89.8rem;
  translate: 57.96875vw 0vw;
}

.p-mv-img._interview04 img {
  width: 46.5rem;
  height: 85.2rem;
  translate: 56.0416666667vw 0.5729166667vw;
}

.p-mv-img._interview05 img {
  width: 45.2rem;
  height: 89.2rem;
  translate: 56.0416666667vw -0.9895833333vw;
}

.p-mv-img._interview06 img {
  width: 47.9rem;
  height: 97.6rem;
  translate: 55.7291666667vw 0vw;
}

.p-mv-img._interview07 img {
  width: 43.2rem;
  height: 80.4rem;
  translate: 56.3020833333vw 0.625vw;
}

.p-mv-img._interview08 img {
  width: 44.9rem;
  height: 88.2rem;
  translate: 56.7708333333vw -0.625vw;
}

.p-mv-img._interview09 img {
  width: 48rem;
  height: 93.9rem;
  translate: 55.78125vw 0vw;
}

.p-mv-img._interview10 img {
  width: 42.7rem;
  height: 100.3rem;
  translate: 57.0833333333vw -0.625vw;
}

@media screen and (max-width: 767px) {
  .p-mv {
    margin-top: 24vw;
    height: 125.6vw;
  }
  .p-mv::before {
    content: none;
  }
  .p-mv::after {
    background-image: url(./../../../../images/recruit/interview/detail/bg_mv_sp.png);
  }
  .p-mv-wrap {
    top: 10.1333333333vw;
    left: 5.0666666667vw;
  }
  .p-mv-myPurpose {
    top: -1.8666666667vw;
    left: -4.8vw;
    font-size: 4.5333333333vw;
  }
  .p-mv-wrap-ttl {
    font-size: 7.4666666667vw;
    line-height: 2.2;
    border-radius: 1.6vw;
    padding-block: 0.55em;
  }
  .p-mv-wrap-lists {
    gap: 2.1333333333vw;
    margin-top: 3.7333333333vw;
  }
  .p-mv-wrap-list {
    font-size: 3.7333333333vw;
    padding-block: 1.0666666667vw 1.3333333333vw;
    padding-inline: 4.2666666667vw;
  }
  .p-mv-wrap-box {
    flex-direction: column;
    margin-top: 3.4666666667vw;
  }
  .p-mv-wrap-box-left {
    padding-right: 0;
    border-right: none;
    position: relative;
    margin-bottom: 6.6666666667vw;
  }
  .p-mv-wrap-box-left::before {
    content: "";
    width: 20vw;
    height: 1px;
    background-color: #BEBEBE;
    position: absolute;
    bottom: -4vw;
    left: 0;
  }
  .p-mv-wrap-box-left-txt {
    font-size: 4.2666666667vw;
  }
  .p-mv-wrap-box-left-txt ._name {
    font-size: 9.6vw;
    margin-right: 3.7333333333vw;
  }
  .p-mv-wrap-box-right {
    padding-left: 0;
  }
  .p-mv-wrap-box-right-txt01 {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
  .p-mv-wrap-box-right-txt02 {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-top: 0vw;
  }
  .p-mv-img {
    mask-image: url(./../../../../images/recruit/interview/detail/bg_mv_mask_sp.png);
  }
  .p-mv-img._interview01 img {
    width: 63.2vw;
    height: 110.9333333333vw;
    translate: 43.2vw 57.8666666667vw;
  }
  .p-mv-img._interview02 img {
    width: 63.2vw;
    height: 110.9333333333vw;
    translate: 43.2vw 57.6vw;
  }
  .p-mv-img._interview03 img {
    width: 54vw;
    height: 119.7333333333vw;
    translate: 49.8666666667vw 57.3333333333vw;
  }
  .p-mv-img._interview04 img {
    width: 62vw;
    height: 113.6vw;
    translate: 43.7333333333vw 57.3333333333vw;
  }
  .p-mv-img._interview05 img {
    width: 60.2666666667vw;
    height: 118.9333333333vw;
    translate: 41.3333333333vw 57.3333333333vw;
  }
  .p-mv-img._interview06 img {
    width: 63.8666666667vw;
    height: 130.1333333333vw;
    translate: 40vw 56vw;
  }
  .p-mv-img._interview07 img {
    width: 57.6vw;
    height: 107.2vw;
    translate: 44vw 57.3333333333vw;
  }
  .p-mv-img._interview08 img {
    width: 59.8666666667vw;
    height: 117.6vw;
    translate: 42.6666666667vw 56vw;
  }
  .p-mv-img._interview09 img {
    width: 64vw;
    height: 125.2vw;
    translate: 41.3333333333vw 58.6666666667vw;
  }
  .p-mv-img._interview10 img {
    width: 56.9333333333vw;
    height: 133.7333333333vw;
    translate: 44vw 58.6666666667vw;
  }
}
/* p-bg
---------------------------------------------------------------------------- */
.p-bg {
  position: relative;
  margin-top: -12.5rem;
}

.p-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -10;
  width: 100vw;
  height: 135.46875vw;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(./../../../../images/recruit/interview/detail/bg_bg_pc.png);
}

@media screen and (max-width: 767px) {
  .p-bg {
    margin-top: -13.3333333333vw;
  }
  .p-bg::after {
    content: none;
  }
}
/* p-interview
---------------------------------------------------------------------------- */
.p-interview {
  padding-block: 12.7rem 14rem;
}

.p-interview-ttl {
  font-family: "Zen Maru Gothic", serif;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-weight: 900;
  background-image: linear-gradient(135deg, #2AA6F5 0, #002C98 100%);
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
  margin-inline: auto;
  position: relative;
}

.p-interview-ttl::after {
  content: "";
  position: absolute;
  bottom: -3.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 25.5rem;
  aspect-ratio: 247/24;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./../../../../images/recruit/icn_speech_bubble.svg);
}

.p-interview-wrap-box {
  display: grid;
}
.p-interview-wrap-box:first-of-type {
  margin-top: 9.8rem;
}
.p-interview-wrap-box:not(:last-of-type) {
  margin-bottom: 8rem;
}

.p-interview-wrap-box._current-job {
  grid-template: "ttl . img" auto ". . img" 2.4rem "txt . img" auto/1fr 6rem 52rem;
}

.p-interview-wrap-box._reason,
.p-interview-wrap-box._goal,
.p-interview-wrap-box._previous-job {
  grid-template: "ttl" auto "." 3rem "txt"/1fr;
}

.p-interview-wrap-box._important {
  grid-template: "img . ttl" auto "img . ." 3.6rem "img . txt" auto "img . ." auto/34.8rem 6rem 1fr;
}

.p-interview-wrap-box._atmosphere {
  grid-template: "ttl ttl ttl " auto ". . ." 3rem "txt txt txt" ". . ." 5rem ". img ."/1fr 52rem 1fr;
}

.p-interview-wrap-box-ttl {
  grid-area: ttl;
  font-family: "Zen Maru Gothic", serif;
  font-size: 2.6rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-weight: 900;
  color: #0081D9;
  padding-left: 6rem;
  position: relative;
}

.p-interview-wrap-box-ttl::before {
  content: "";
  position: absolute;
  top: -0.2rem;
  left: 0;
  width: 4.5rem;
  aspect-ratio: 45/47;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./../../../../images/recruit/interview/detail/icn_question.svg);
}

.p-interview-wrap-box-txt {
  grid-area: txt;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.03em;
  font-weight: 400;
}

.p-interview-wrap-box-img {
  grid-area: img;
  width: 100%;
  aspect-ratio: 520/348;
  border-radius: 2rem;
  overflow: hidden;
  position: relative;
}

.p-interview-wrap-box-img._vertical {
  aspect-ratio: 348/520;
}

.p-interview-wrap-box-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.p-interview-tab-btnArea {
  margin-top: 10rem;
}

.p-interview-block {
  padding-block: 6rem 3.5rem;
  padding-inline: 10rem;
  position: relative;
  border: 1rem solid #C6E9FE;
  border-radius: 2rem;
  overflow: hidden;
}

.p-interview-block:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.p-interview-tab-panel {
  display: none;
}
.p-interview-tab-panel.is-show {
  display: block;
}

.p-interview-block-items {
  display: grid;
  grid-auto-flow: column;
  gap: 0 7rem;
}

.p-interview-block-items._row-3 {
  grid-template-rows: repeat(3, auto);
}
.p-interview-block-items._row-3 > :nth-child(3) .p-interview-block-item-box:after {
  content: none;
}

.p-interview-block-items._row-3-4 {
  grid-template-rows: repeat(4, auto);
}
.p-interview-block-items._row-3-4 > :nth-child(3) .p-interview-block-item-box:after {
  content: none;
}
.p-interview-block-items._row-3-4 > :nth-child(n+4):nth-child(-n+7) {
  grid-column-start: 2;
}

.p-interview-block-items._row-4 {
  grid-template-rows: repeat(4, auto);
}
.p-interview-block-items._row-4 > :nth-child(4) .p-interview-block-item-box:after {
  content: none;
}

.p-interview-block-items._row-6 {
  grid-template-rows: repeat(6, auto);
}
.p-interview-block-items._row-6 > :nth-child(6) .p-interview-block-item-box:after {
  content: none;
}

.p-interview-block-item {
  display: grid;
  grid-template: "time . ttl" 3.2rem "time . ." 0.7rem "time . txt" auto "time . ." 2.5rem/auto 1.5rem 1fr;
}

.p-interview-block-item-box {
  grid-area: time;
  width: 9rem;
  position: relative;
}

.p-interview-block-item-box:after {
  content: "";
  position: absolute;
  top: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.5rem;
  height: calc(100% - 2rem);
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
  background-image: url(./../../../../images/recruit/interview/detail/img_dot_line.png);
}

.p-interview-block-item:last-of-type .p-interview-block-item-box:after {
  content: none;
}

.p-interview-block-item-box-time {
  font-family: "Poppins", serif;
  font-size: 2.2rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #fff;
  padding-top: 0.2rem;
  width: 100%;
  height: 3.2rem;
  border-radius: 999px;
  background-image: linear-gradient(90deg, #002C98 0, #2AA6F5 100%);
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-interview-block-item-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.p-interview-block-item-wrap-ttl {
  grid-area: ttl;
  font-family: "Zen Maru Gothic", serif;
  font-size: 2.2rem;
  line-height: 1.4545454545;
  font-weight: 900;
  letter-spacing: normal;
  color: #0A3190;
}

.p-interview-block-item-wrap-txt {
  grid-area: txt;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.03em;
  font-weight: 400;
}

.p-interview-block-item-dayOff {
  display: grid;
  grid-template-areas: "img txt";
  gap: 0 3rem;
}

.p-interview-block-item-dayOff-img {
  grid-area: img;
  width: 40rem;
  aspect-ratio: 520/348;
}
.p-interview-block-item-dayOff-img._vertical {
  width: 34.8rem;
  aspect-ratio: 348/520;
}
.p-interview-block-item-dayOff-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-interview-block-item-dayOff-txt {
  grid-area: txt;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.03em;
  font-weight: 400;
}

.p-interview-group {
  margin-top: 9.5rem;
}

.p-interview-group-ttl {
  font-family: "Zen Maru Gothic", serif;
  font-size: 3rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: normal;
  color: #fff;
  background-image: linear-gradient(135deg, #002C98 0, #2AA6F5 100%);
  background-repeat: no-repeat;
  padding-block: 0.5rem;
  padding-inline: 2rem;
  border-radius: 1rem 1rem 0 0;
  width: fit-content;
  margin-bottom: -0.5rem;
}

.p-interview-group-wrap {
  padding-block: 5.8rem 5rem;
  padding-inline: 5rem 5.1rem;
  display: grid;
  grid-template-columns: 18rem 1fr;
  gap: 0 3rem;
  position: relative;
}

.p-interview-group-wrap:before,
.p-interview-group-wrap:after {
  content: "";
  position: absolute;
  inset: 0;
}

.p-interview-group-wrap:before {
  z-index: -1;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  background-color: #fff;
  border-radius: 0 1.6rem 1.6rem 1.6rem;
  margin-inline: auto;
  margin-block: auto;
}

.p-interview-group-wrap:after {
  z-index: -2;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #002C98 0, #2AA6F5 100%);
  background-repeat: no-repeat;
  border-radius: 0 2rem 2rem 2rem;
}

.p-interview-group-wrap-img {
  width: 100%;
  aspect-ratio: 180/176;
  position: relative;
  margin-top: -1.5rem;
}

.p-interview-group-wrap-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-interview-group-wrap-txt {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.03em;
  font-weight: 400;
  position: relative;
}

.p-interview-group-wrap-txt::before,
.p-interview-group-wrap-txt::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 6rem;
  aspect-ratio: 60/45;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-interview-group-wrap-txt::before {
  top: -2rem;
  left: -2rem;
  background-image: url(./../../../../images/recruit/interview/detail/icn_txt_first.svg);
}

.p-interview-group-wrap-txt::after {
  bottom: -2rem;
  right: -2rem;
  background-image: url(./../../../../images/recruit/interview/detail/icn_txt_last.svg);
}

@media screen and (max-width: 767px) {
  .p-interview {
    padding-block: 37.3333333333vw 21.3333333333vw;
  }
  .p-interview-ttl {
    font-size: 6.6666666667vw;
  }
  .p-interview-ttl::after {
    bottom: -6.9333333333vw;
    width: 57.3333333333vw;
  }
  .p-interview-wrap-box {
    justify-content: center;
  }
  .p-interview-wrap-box:first-of-type {
    margin-top: 15.4666666667vw;
  }
  .p-interview-wrap-box:not(:last-of-type) {
    margin-bottom: 10.6666666667vw;
  }
  .p-interview-wrap-box._atmosphere,
  .p-interview-wrap-box._current-job {
    grid-template: "ttl" auto "." 4.2666666667vw "txt" auto "." 7.2vw "img" auto/78.6666666667vw;
  }
  .p-interview-wrap-box._reason,
  .p-interview-wrap-box._goal,
  .p-interview-wrap-box._previous-job {
    grid-template: "ttl" auto "." 4.2666666667vw "txt"/78.6666666667vw;
  }
  .p-interview-wrap-box._important {
    grid-template: "ttl" auto "." 4.2666666667vw "img" auto "." 7.2vw "txt" auto/78.6666666667vw;
  }
  .p-interview-wrap-box-ttl {
    font-size: 4.8vw;
    line-height: 1.5;
    padding-left: 16.5333333333vw;
  }
  .p-interview-wrap-box-ttl::before {
    top: 0;
    left: 0;
    width: 12.5333333333vw;
  }
  .p-interview-wrap-box-txt {
    font-size: 4vw;
    line-height: 1.8;
  }
  .p-interview-wrap-box-img {
    aspect-ratio: 335/220;
    border-radius: 5.3333333333vw;
  }
  .p-interview-wrap-box-img._vertical {
    width: 52.5333333333vw;
    margin-inline: auto;
  }
  .p-interview-tab-btnArea {
    margin-top: 21.3333333333vw;
  }
  .p-interview-block {
    padding-block: 9.6vw 3.4666666667vw;
    padding-inline: 7.2vw;
    border-width: 0.8vw;
    border-radius: 2.6666666667vw;
  }
  .p-interview-block-items {
    grid-auto-flow: row;
    gap: 0;
  }
  .p-interview-block-items._row-3 {
    grid-template-rows: repeat(1, auto);
  }
  .p-interview-block-items._row-3 > :nth-child(3) .p-interview-block-item-box:after {
    content: "";
  }
  .p-interview-block-items._row-3-4 {
    grid-template-rows: repeat(1, auto);
  }
  .p-interview-block-items._row-3-4 > :nth-child(3) .p-interview-block-item-box:after {
    content: "";
  }
  .p-interview-block-items._row-3-4 > :nth-child(n+4):nth-child(-n+7) {
    grid-column-start: 1;
  }
  .p-interview-block-items._row-4 {
    grid-template-rows: repeat(1, auto);
  }
  .p-interview-block-items._row-4 > :nth-child(4) .p-interview-block-item-box:after {
    content: "";
  }
  .p-interview-block-items._row-6 {
    grid-template-rows: repeat(1, auto);
  }
  .p-interview-block-items._row-6 > :nth-child(6) .p-interview-block-item-box:after {
    content: "";
  }
  .p-interview-block-item {
    grid-template: "time . ttl" 8.5333333333vw "time . ." 1.0666666667vw "time . txt" auto "time . ." 6.6666666667vw/auto 4vw 1fr;
  }
  .p-interview-block-item-box {
    width: 18.6666666667vw;
  }
  .p-interview-block-item-box:after {
    top: 9.3333333333vw;
    width: 1.3333333333vw;
    height: calc(100% - 6.6666666667vw);
  }
  .p-interview-block-item-box-time {
    font-size: 4.2666666667vw;
    line-height: 1.5625;
    padding-top: 0.5333333333vw;
    height: 8.5333333333vw;
  }
  .p-interview-block-item-wrap {
    gap: 2.6666666667vw;
  }
  .p-interview-block-item-wrap-ttl {
    font-size: 5.8666666667vw;
  }
  .p-interview-block-item-wrap-txt {
    font-size: 4vw;
    line-height: 1.8;
  }
  .p-interview-block-item-dayOff {
    display: grid;
    grid-template-areas: "txt" "img";
    gap: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
  .p-interview-block-item-dayOff-img {
    width: 100%;
  }
  .p-interview-block-item-dayOff-img._vertical {
    width: 100%;
    margin-inline: auto;
  }
  .p-interview-block-item-dayOff-txt {
    font-size: 4.2666666667vw;
  }
  .p-interview-group {
    margin-top: 21.3333333333vw;
  }
  .p-interview-group-ttl {
    font-size: 5.3333333333vw;
    width: 100%;
    padding-block: 3.2vw;
    padding-inline: 5.3333333333vw;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    margin-bottom: -1.3333333333vw;
    text-align: center;
  }
  .p-interview-group-wrap {
    padding-block: 9.3333333333vw 18.9333333333vw;
    padding-inline: 9.3333333333vw;
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
  }
  .p-interview-group-wrap:before {
    width: calc(100% - 2.6666666667vw);
    height: calc(100% - 2.6666666667vw);
    border-radius: 0 0 4.2666666667vw 4.2666666667vw;
  }
  .p-interview-group-wrap:after {
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
  }
  .p-interview-group-wrap-img {
    width: 48vw;
    margin-inline: auto;
    margin-top: 0;
  }
  .p-interview-group-wrap-txt {
    font-size: 4vw;
    line-height: 1.8;
  }
  .p-interview-group-wrap-txt::before,
  .p-interview-group-wrap-txt::after {
    width: 11.1013333333vw;
  }
  .p-interview-group-wrap-txt::before {
    top: -3.4666666667vw;
    left: 0;
  }
  .p-interview-group-wrap-txt::after {
    bottom: -4.8vw;
    right: 0;
  }
}
/* p-members
---------------------------------------------------------------------------- */
.p-members {
  padding-block: 14.6rem 26.9rem;
  position: relative;
}

.p-members::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(./../../../../images/recruit/bg_members_pc.png);
}

.p-members-ttl {
  font-family: "Zen Maru Gothic", serif;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-weight: 900;
  width: fit-content;
  margin-inline: auto;
  background-image: linear-gradient(135deg, #2AA6F5 0, #002C98 100%);
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

.p-members-ttl:after {
  content: "";
  position: absolute;
  bottom: -3.8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 30.5rem;
  aspect-ratio: 291/28;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./../../../../images/recruit/icn_speech_bubble.svg);
}

.p-members-button {
  width: fit-content;
  margin-inline: auto;
  margin-top: 1.5rem;
}

@media screen and (max-width: 767px) {
  .p-members {
    padding-block: 24.2666666667vw 42.1333333333vw;
  }
  .p-members::after {
    background-image: url(./../../../../images/recruit/bg_members_sp.png);
  }
  .p-members-ttl {
    font-size: 8vw;
  }
  .p-members-ttl:after {
    width: 53.3333333333vw;
    bottom: -5.8666666667vw;
  }
  .p-members-button {
    margin-top: 10.6666666667vw;
  }
}