@charset "UTF-8";

/* ==========================================================================
   post
========================================================================== */
#single-interview {
  margin-top: -3rem;
}

#single-interview .post {
  position: relative;
}
#single-interview .post::before {
  content: '';
  display: block;
  width: 100%;
  height: 63.5rem;
  background: var(--l-gray2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0 54px 0;
}


#single-interview .imgBox {
  margin-bottom: 2.75em;
}

#single-interview .layout_1 .d-flex {
  align-items: flex-start;
}
#single-interview .layout_1 .img_1 {
  flex: 0 0 calc(60% + 2rem);
  clip-path: inset(0 0 0 round 0 0 0 67px);
  aspect-ratio: 5/7;
}
#single-interview .layout_1 .img_2 {
  flex: 0 0 calc(40% + 2rem);
  margin-top: 50%;
  margin-left: -4rem;
  clip-path: inset(0 0 0 round 0 53px 0 0);
  aspect-ratio: 7/9;
}
#single-interview .layout_2 .img_1 {
  clip-path: inset(0 0 0 round 60px 0 60px 0);
  aspect-ratio: 7/5;
}
#single-interview .layout_3 .img_1 {
  clip-path: inset(0 0 0 round 50px 50px 0 0);
  aspect-ratio: 15/14;
}


@media (min-width: 768px) {
  #single-interview {
    margin-top: 0;
  }
  #single-interview .post::before {
    height: calc(41vw + 21rem);
    top: -16.5rem;
  }
  #single-interview .layout_1 .imgBox,
  #single-interview .layout_3 .imgBox {
    margin-bottom: 0;
  }
  #single-interview .layout_2 .img_1 {
    aspect-ratio: 21/9;
  }
  #single-interview .layout_2 .txtBox p:first-child {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  #single-interview {
    padding-top: 5rem;
  }
  #single-interview .post::before {
    height: calc(41vw + 24rem);
    top: -20rem;
    border-radius: 0 0 130px 0;
  }
  #single-interview .layout_2 .img_1 {
    clip-path: inset(0 0 0 round 130px 0 130px 0);
  }
  #single-interview .layout_3 .img_1 {
    clip-path: inset(0 0 0 round 90px 90px 0 0);
  }
}
@media (min-width: 1200px) {
  #single-interview {
    padding-top: 10rem;
  }
}