.p-anchor {
  margin-block: 5.6rem 7.2rem;
}
@media (min-width: 768px) {
  .p-anchor {
    margin-block: 17.6rem 16rem;
  }
}
.p-anchor__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}
@media (min-width: 768px) {
  .p-anchor__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}
.p-anchor__item {
  background-color: var(--color-primary);
  padding: 1.9rem;
  position: relative;
  display: inline-flex;
  gap: 1.2rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .p-anchor__item {
    align-items: center;
    padding: 2.3rem 1.9rem 1.9rem 1.9rem;
  }
  .p-anchor__item:hover .image-default {
    opacity: 0;
    visibility: hidden;
  }
  .p-anchor__item:hover .image-hover {
    opacity: 1;
    visibility: visible;
  }
  .p-anchor__item:hover .txt-en,
  .p-anchor__item:hover .txt-jp {
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6));
  }
}
.p-anchor__item .image {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.p-anchor__item .image-default, .p-anchor__item .image-hover {
  position: absolute;
  inset: 0;
  transition: var(--transition);
}
.p-anchor__item .image-hover {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 767px) {
  .p-anchor__item .image-hover {
    display: none;
  }
}
.p-anchor__item .txt-jp {
  color: #fff;
  font-size: 1.6rem;
  font-family: var(--font-ttl);
  letter-spacing: 0.12em;
  line-height: 1;
}
@media (min-width: 768px) {
  .p-anchor__item .txt-jp {
    font-size: 1.8rem;
    transition: var(--transition);
  }
}
.p-anchor__item .txt-en {
  color: #fff;
  font-size: 1rem;
  font-family: var(--font-en);
  line-height: 1;
}
@media (min-width: 768px) {
  .p-anchor__item .txt-en {
    transition: var(--transition);
  }
}
.p-anchor__item::after {
  content: "";
  background: url("../images/common/icon_arrow05.svg") no-repeat center/contain;
  width: 1.5rem;
  height: 0.9rem;
}
@media (min-width: 768px) {
  .p-anchor__item::after {
    width: 1.6rem;
    height: 0.8rem;
    display: block;
    margin: 0.2rem auto 0;
  }
}
@media (max-width: 767px) {
  .p-anchor__item::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.6rem;
  }
}

.p-message {
  background-color: #F5F5F5;
  position: relative;
  z-index: 2;
}
.p-message__wrap {
  padding-inline: 2.5rem;
}
@media (min-width: 768px) {
  .p-message__wrap {
    max-width: 111.6rem;
    margin: 0 auto;
  }
}
.p-message__bnr {
  margin: 0 -2.5rem -1.9rem -2.5rem;
}
@media (min-width: 768px) {
  .p-message__bnr {
    max-width: 104rem;
    margin: 0 -10.0375234522% -13.4rem auto;
  }
}
@media (min-width: 768px) {
  .p-message .hline01 {
    flex-direction: column-reverse;
  }
}
.p-message .hline01__ttl {
  background: transparent;
  color: #fff;
  font-size: 3.5rem;
  line-height: 1;
  letter-spacing: 0.05em;
  mix-blend-mode: difference;
  -webkit-text-fill-color: unset;
  margin: 0;
}
@media (min-width: 768px) {
  .p-message .hline01__ttl {
    font-size: 12rem;
    margin-left: -0.7rem;
  }
}
.p-message .hline01__ttl::before {
  display: none;
}
.p-message .hline01__sub {
  background: transparent;
  color: #fff;
  font-size: 1.5rem;
  mix-blend-mode: difference;
  -webkit-text-fill-color: unset;
}
@media (min-width: 768px) {
  .p-message .hline01__sub {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
}
.p-message__body {
  display: flex;
  margin-top: 3.8rem;
}
@media (min-width: 768px) {
  .p-message__body {
    gap: 5.4rem;
    flex-direction: row;
    margin-top: 14.5rem;
    position: relative;
    left: 0.3rem;
  }
}
@media (min-width: 768px) {
  .p-message__body-content {
    flex: 1;
    margin-top: -1.3rem;
  }
}
@media (min-width: 768px) {
  .p-message__body-media {
    width: 40rem;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-message__body-media {
    margin-top: 4.5rem;
  }
}
.p-message__body-ttl {
  font-family: var(--font-ttl);
  font-size: 2.2rem;
  font-weight: normal;
  line-height: 1.8181818182;
  letter-spacing: 0.16em;
  text-decoration: underline;
  text-decoration-thickness: from-font;
}
@media (min-width: 768px) {
  .p-message__body-ttl {
    font-size: 3.8rem;
    line-height: 1.7368421053;
  }
}
.p-message__body-desc {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .p-message__body-desc {
    margin-top: 4.9rem;
  }
}
.p-message__body-desc p {
  letter-spacing: 0.08em;
  line-height: 2.25;
}
@media (min-width: 768px) {
  .p-message__body-desc p {
    line-height: 2.5;
  }
}
.p-message__body-desc p + p {
  margin-top: 2.6rem;
}

.p-detailing {
  background: url("../images/recruit/bg_detailing_sp.png") no-repeat top center/cover;
  position: relative;
  padding: 25.3333333333vw 0 37.3333333333vw;
}
@media (min-width: 768px) {
  .p-detailing {
    background-image: url("../images/recruit/bg_detailing.png");
    margin-top: -8.7rem;
    padding: 23.671875vw 0 10.9375vw;
  }
}
.p-detailing__content {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .p-detailing__content {
    padding-top: 8rem;
  }
}
.p-detailing__head {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .p-detailing__head {
    padding-left: 2.3rem;
  }
}
.p-detailing__sign {
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.2rem;
  font-family: var(--font-en);
  letter-spacing: 0.16em;
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.4rem 1.3rem;
}
@media (min-width: 768px) {
  .p-detailing__sign {
    font-size: 1.4rem;
  }
}
.p-detailing__ttl {
  color: #fff;
  font-size: 2rem;
  font-family: var(--font-ttl);
  text-align: center;
  margin-top: 2.4rem;
}
@media (min-width: 768px) {
  .p-detailing__ttl {
    font-size: 3.4rem;
    line-height: 2.4166666667;
    letter-spacing: 0.16em;
    margin-top: 1rem;
    text-align: left;
  }
}
.p-detailing__ttl span {
  display: block;
  font-size: 3.6rem;
  line-height: 1;
  letter-spacing: 0.2em;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .p-detailing__ttl span {
    font-size: 6.4rem;
    display: inline-block;
    margin-left: 5.2rem;
    position: relative;
    top: -0.8rem;
    left: -0.6rem;
    width: auto;
  }
}
@media (max-width: 767px) {
  .p-detailing__ttl span {
    margin-top: 2rem;
  }
}
.p-detailing__ttl span::before, .p-detailing__ttl span::after {
  content: "";
  background: url("../images/common/symbol_corner_01.svg") no-repeat center/contain;
  width: 0.8rem;
  aspect-ratio: 1;
  filter: brightness(0) invert(1);
  position: absolute;
}
@media (min-width: 768px) {
  .p-detailing__ttl span::before, .p-detailing__ttl span::after {
    width: 1.6rem;
  }
}
.p-detailing__ttl span::before {
  top: -0.5rem;
  left: -1.5rem;
}
@media (min-width: 768px) {
  .p-detailing__ttl span::before {
    top: -0.9rem;
    left: -2.5rem;
  }
}
.p-detailing__ttl span::after {
  right: -0.5rem;
  bottom: -0.5rem;
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .p-detailing__ttl span::after {
    right: -1.2rem;
    bottom: -1.7rem;
  }
}
.p-detailing__list {
  margin-top: 3.4rem;
}
@media (min-width: 768px) {
  .p-detailing__list {
    margin: 6.5rem auto 0;
    max-width: 83.4rem;
  }
}
.p-detailing__list .item {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.p-detailing__list .item:not(:last-child) {
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .p-detailing__list .item:not(:last-child) {
    margin-bottom: 0.8rem;
  }
}
@media (min-width: 768px) {
  .p-detailing__list .item {
    flex-direction: row;
    align-items: flex-start;
    margin-left: -0.4rem;
  }
}
.p-detailing__list .item:nth-child(1) .item-num {
  letter-spacing: 0.19em;
}
.p-detailing__list .item-num {
  color: #fff;
  font-size: 3.4rem;
  font-family: var(--font-en);
  line-height: 1;
  letter-spacing: 0.05em;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .p-detailing__list .item-num {
    font-size: 6.2rem;
    width: 14.4rem;
    flex-shrink: 0;
    margin-top: 2rem;
  }
}
.p-detailing__list .item-line {
  background-color: #FFFFFF;
  mix-blend-mode: difference;
  width: 1px;
  height: 2.4rem;
  margin: 1rem auto -1.2rem;
}
@media (min-width: 768px) {
  .p-detailing__list .item-line {
    flex-shrink: 0;
    width: 10rem;
    height: 1px;
    margin: 5.6rem -4.6rem 0 2rem;
  }
}
.p-detailing__list .item-content {
  background-color: #fff;
  padding: 1.7rem 1rem 1.4rem;
  width: 100%;
}
@media (min-width: 768px) {
  .p-detailing__list .item-content {
    padding: 3rem 7.3rem 3.5rem 9rem;
    flex: 1;
    max-width: 61.6rem;
  }
}
.p-detailing__list .item-ttl {
  font-family: var(--font-en);
  font-size: 2.4rem;
  font-weight: normal;
  letter-spacing: 0.08em;
  line-height: 1.19;
  text-align: center;
}
@media (min-width: 768px) {
  .p-detailing__list .item-ttl {
    font-size: 4rem;
    text-align: left;
  }
}
.p-detailing__list .item-ttl > span {
  font-family: var(--font-ttl);
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 768px) {
  .p-detailing__list .item-ttl > span {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .p-detailing__list .item-ttl > span {
    display: block;
    margin-top: 1.9rem;
  }
}
.p-detailing__list .item-ttl > span span {
  color: var(--color-secondary);
}
.p-detailing__cv {
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  padding: 3.4rem 3rem 3rem;
  margin-top: 5.6rem;
}
@media (min-width: 768px) {
  .p-detailing__cv {
    flex-direction: row;
    padding: 5.5rem 0 5.1rem;
    margin-top: 10rem;
  }
}
.p-detailing__cv .head {
  color: #fff;
  font-family: var(--font-ttl);
  font-size: 2.2rem;
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  .p-detailing__cv .head {
    border-right: 1px solid #fff;
    font-size: 3.4rem;
    width: 27.2rem;
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .p-detailing__cv .head {
    border-bottom: 1px solid #fff;
    padding-bottom: 2rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 768px) {
  .p-detailing__cv .content {
    padding-inline: 6.3rem;
  }
}
.p-detailing__cv .ttl {
  color: #fff;
  font-size: 1.8rem;
  font-family: var(--font-ttl);
  line-height: 1.8888888889;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .p-detailing__cv .ttl {
    font-size: 2.4rem;
    margin-bottom: 2.3rem;
    text-align: left;
  }
}
.p-detailing__cv .c-txt {
  color: #fff;
  text-align: justify;
}

.p-career {
  padding-block: 3rem 7.8rem;
}
@media (min-width: 768px) {
  .p-career {
    padding-block: 3.5rem 11.6rem;
  }
}
.p-career__wrap {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .p-career__wrap {
    padding-top: 8rem;
  }
}
.p-career__wrap > .c-txt {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .p-career__wrap > .c-txt {
    margin-top: 5.1rem;
  }
}
.p-career__list {
  margin-top: 7.2rem;
}
@media (min-width: 768px) {
  .p-career__list {
    margin-top: 8.4rem;
  }
}
.p-career__item:not(:last-child) {
  margin-bottom: 7.2rem;
}
@media (min-width: 768px) {
  .p-career__item:not(:last-child) {
    margin-bottom: 8.4rem;
  }
}
.p-career__item-content {
  margin-top: 2.3rem;
}
@media (min-width: 768px) {
  .p-career__item-content {
    margin-top: 3.5rem;
  }
}
.p-career__step {
  margin-top: 3.2rem;
}
@media (min-width: 768px) {
  .p-career__step {
    margin-top: 6.9rem;
  }
}
.p-career__step-list {
  display: flex;
  gap: 2.4rem;
  flex-direction: column;
  margin-top: 3.2rem;
}
@media (min-width: 768px) {
  .p-career__step-list {
    align-items: flex-start;
    gap: 0;
    flex-direction: row;
    margin-top: 2.6rem;
  }
}
.p-career__step-list li {
  background-color: #fff;
  padding: 3.2rem 3rem;
  position: relative;
}
@media (min-width: 768px) {
  .p-career__step-list li {
    border-top: 1px solid var(--color-secondary);
    flex: 1;
    padding: 0 3rem 3rem;
    min-height: 31.3rem;
  }
  .p-career__step-list li:nth-child(1) {
    margin-top: 14.4rem;
  }
  .p-career__step-list li:nth-child(2) {
    margin-top: 9.6rem;
  }
  .p-career__step-list li:nth-child(3) {
    margin-top: 4.8rem;
  }
  .p-career__step-list li:nth-child(2)::before, .p-career__step-list li:nth-child(3)::before, .p-career__step-list li:nth-child(4)::before {
    content: "";
    background-color: var(--color-secondary);
    width: 1px;
    height: 4.8rem;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
  .p-career__step-list li {
    display: grid;
    align-items: center;
    grid-template-areas: "circle title" "desc desc";
    grid-template-columns: 1fr 2fr;
    gap: 2rem;
  }
  .p-career__step-list li:not(:last-child)::after {
    background-color: var(--color-secondary);
    content: "";
    width: 1px;
    height: 2.4rem;
    position: absolute;
    right: 0;
    top: 100%;
    left: 0;
    margin: 0 auto;
  }
}
.p-career__step-list li div {
  background-color: var(--color-primary);
  border-radius: 50%;
  width: 9.5rem;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .p-career__step-list li div {
    width: 11rem;
    margin: -5.2rem auto 2.3rem;
  }
}
@media (max-width: 767px) {
  .p-career__step-list li div {
    grid-area: circle;
  }
}
.p-career__step-list li div .name {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 0.08em;
}
.p-career__step-list li div .val {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .p-career__step-list li div .val {
    font-size: 1.4rem;
  }
}
.p-career__step-list li div .val span {
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  font-family: var(--font-num);
}
@media (min-width: 768px) {
  .p-career__step-list li div .val span {
    font-size: 2.4rem;
  }
}
.p-career__step-list li h5 {
  color: var(--color-primary);
  font-size: 2.2rem;
  font-family: var(--font-ttl);
  font-weight: normal;
}
@media (min-width: 768px) {
  .p-career__step-list li h5 {
    font-size: 2rem;
    margin-bottom: 1.8rem;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-career__step-list li h5 {
    grid-area: title;
  }
}
@media (max-width: 767px) {
  .p-career__step-list li .c-txt {
    grid-area: desc;
    line-height: 1.7333333333;
  }
}
@media (max-width: 767px) {
  .p-career__step-list li div {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-career__step-list li h5 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .p-career__step-list li .c-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
.p-career__step > .c-txt {
  margin-top: 3.2rem;
}
@media (min-width: 768px) {
  .p-career__step > .c-txt {
    margin-top: 5.2rem;
  }
}

.p-work__wrap {
  padding-block: 3.2rem 7.2rem;
}
@media (min-width: 768px) {
  .p-work__wrap {
    padding-block: 5.5rem 16rem;
  }
}
.p-work .hline01 {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .p-work .hline01 {
    padding-top: 8rem;
  }
}
.p-work .hline01__ttl::before {
  left: 0;
}
.p-work__list {
  margin-top: 8rem;
}
@media (min-width: 768px) {
  .p-work__list {
    margin-top: 9rem;
  }
}
@media (max-width: 767px) {
  .p-work__item {
    background-color: #fff;
    padding: 3rem;
  }
}
.p-work__item:not(:last-child) {
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .p-work__item:not(:last-child) {
    margin-bottom: 8rem;
  }
}
@media (min-width: 768px) {
  .p-work__item:nth-child(2) h4 {
    margin-left: 3.2rem;
  }
}
.p-work__item h4 {
  background-color: var(--color-primary);
  color: #fff;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: center;
  padding: 1rem;
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .p-work__item h4 {
    font-size: 2rem;
    line-height: 1.5;
    max-width: 24rem;
    padding: 0.9rem 0;
    margin: 0 0 0 1.6rem;
  }
}
@media (min-width: 768px) {
  .p-work__item-box {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding-block: 4rem;
  }
}
.p-work__item-num {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .p-work__item-num {
    width: 44.4rem;
    text-align: center;
  }
}
.p-work__item-num > div {
  text-align: center;
}
@media (min-width: 768px) {
  .p-work__item-num > div {
    max-width: 27.1rem;
    margin: 0 auto;
  }
}
.p-work__item-num .value {
  font-size: 3.2rem;
  letter-spacing: 0;
  line-height: 1.125;
  font-weight: 300;
}
@media (min-width: 768px) {
  .p-work__item-num .value {
    font-size: 4.8rem;
  }
}
.p-work__item-num .value span {
  font-size: 8rem;
  font-family: var(--font-num);
  font-weight: 100;
  margin-right: 1.4rem;
}
@media (min-width: 768px) {
  .p-work__item-num .value span {
    font-size: 10.6rem;
  }
}
.p-work__item-num .note {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  letter-spacing: 0;
  text-align: left;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .p-work__item-desc {
    border-left: 1px solid #CECECE;
    padding: 2.2rem 6rem 3.6rem 7.2rem;
  }
}
@media (max-width: 767px) {
  .p-work__item-desc {
    border-top: 1px solid #CECECE;
    padding-top: 1.6rem;
    margin-top: 2.2rem;
  }
}
@media (max-width: 767px) {
  .p-work__item-desc .c-txt {
    line-height: 1.7333333333;
  }
}
.p-work__item-ttl {
  font-family: var(--font-ttl);
  font-size: 2.2rem;
  letter-spacing: 0.08em;
  line-height: 2.4166666667;
  text-align: center;
}
@media (min-width: 768px) {
  .p-work__item-ttl {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
    text-align: left;
  }
}

.p-interview {
  background-color: #F5F5F5;
  padding-bottom: 7.2rem;
}
@media (min-width: 768px) {
  .p-interview {
    padding-bottom: 16rem;
  }
}
.p-interview__head {
  padding-inline: 2.5rem;
}
@media (min-width: 768px) {
  .p-interview__head {
    max-width: 111.6rem;
    margin: 0 auto;
  }
}
.p-interview__bnr {
  margin-inline: -2.5rem;
  margin-bottom: -2.4rem;
}
@media (min-width: 768px) {
  .p-interview__bnr {
    max-width: 104rem;
    margin: 0 -10.0375234522% -7rem auto;
  }
}
.p-interview .hline01 {
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .p-interview .hline01 {
    margin-left: -0.7rem;
  }
}
.p-interview .hline01__ttl {
  background: transparent;
  color: #fff;
  font-size: 3.5rem;
  line-height: 1;
  mix-blend-mode: difference;
  -webkit-text-fill-color: unset;
}
@media (min-width: 768px) {
  .p-interview .hline01__ttl {
    font-size: 12rem;
  }
}
.p-interview .hline01__ttl::before {
  display: none;
}
.p-interview .hline01__sub {
  background: transparent;
  color: #fff;
  font-size: 1.5rem;
  mix-blend-mode: difference;
  -webkit-text-fill-color: unset;
}
@media (min-width: 768px) {
  .p-interview .hline01__sub {
    font-size: 3rem;
    margin-top: 3.8rem;
  }
}
.p-interview__list {
  margin-top: 4.8rem;
}
@media (min-width: 768px) {
  .p-interview__list {
    max-width: 128rem;
    margin: 6.3rem auto 0;
  }
}
.p-interview__item:not(:last-child) {
  margin-bottom: 6.4rem;
}
@media (min-width: 768px) {
  .p-interview__item:not(:last-child) {
    margin-bottom: 15.9rem;
  }
}
.p-interview__item:nth-child(2) .p-interview__item-content::after {
  top: 7rem;
  right: -6rem;
}
@media (min-width: 768px) {
  .p-interview__item:nth-child(2) .p-interview__item-content::after {
    right: -21.5rem;
  }
}
@media (min-width: 768px) {
  .p-interview__item:nth-child(2) .p-interview__item-content {
    padding-top: 2.2rem;
  }
}
@media (min-width: 768px) {
  .p-interview__item:nth-child(2) .p-interview__item-name {
    bottom: -9.4rem;
  }
}
@media (min-width: 768px) {
  .p-interview__item:nth-child(2) .p-interview__item-bottom {
    align-items: center;
    margin-top: 7rem;
  }
}
.p-interview__item-num {
  font-family: var(--font-en);
  font-size: 1.4rem;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
  position: relative;
}
@media (min-width: 768px) {
  .p-interview__item-num {
    gap: 2.4rem;
    font-size: 1.4rem;
    margin-bottom: 5.9rem;
    padding-left: 22.4rem;
  }
}
.p-interview__item-num::before {
  background-color: #151515;
  content: "";
  height: 1px;
  width: 5rem;
}
@media (min-width: 768px) {
  .p-interview__item-num::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(50vw - 44rem);
    right: calc(100% - 20rem);
  }
}
@media (min-width: 768px) {
  .p-interview__item-box {
    display: flex;
    align-items: flex-start;
  }
}
.p-interview__item-media {
  position: relative;
}
@media (min-width: 768px) {
  .p-interview__item-media {
    width: 54.4rem;
    flex-shrink: 0;
    padding-inline: 10rem;
  }
}
.p-interview__item-content {
  position: relative;
  padding: 5.5rem 2.5rem 3.2rem;
  z-index: 1;
}
@media (min-width: 768px) {
  .p-interview__item-content {
    flex: 1;
    max-width: 60rem;
    padding: 3.7rem 0 0;
  }
}
.p-interview__item-content::after {
  content: "";
  background: url("../images/recruit/logo.svg") no-repeat center/contain;
  width: 20rem;
  height: 18.1rem;
  position: absolute;
  top: 7.5rem;
  right: -4.5rem;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-interview__item-content::after {
    width: 40.8rem;
    height: 36.9rem;
    right: -22rem;
  }
}
.p-interview__item-name {
  color: transparent;
  font-size: 3.4rem;
  font-family: var(--font-en);
  line-height: 1.05882353;
  letter-spacing: 0.06em;
  position: absolute;
  bottom: -1.8rem;
  left: 0;
  -webkit-text-stroke: 1px #CECECE;
}
@media (min-width: 768px) {
  .p-interview__item-name {
    bottom: -4.4rem;
    font-size: 9rem;
    line-height: 1.06666667;
  }
}
.p-interview__item-ttl {
  color: #151515;
  font-family: var(--font-ttl);
  font-size: 2.2rem;
  font-weight: normal;
  letter-spacing: 0.16em;
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.8rem;
}
@media (min-width: 768px) {
  .p-interview__item-ttl {
    font-size: 2.8rem;
    margin-left: -0.8rem;
  }
}
.p-interview__item-ttl span {
  background-color: #fff;
  padding: 0 0.8rem 0.6rem;
}
@media (min-width: 768px) {
  .p-interview__item-ttl span {
    padding-left: 1.6rem;
  }
}
.p-interview__item-desc {
  margin-top: 3.2rem;
}
@media (min-width: 768px) {
  .p-interview__item-desc {
    margin-top: 5.2rem;
  }
}
.p-interview__item-desc .c-txt + .c-txt {
  margin-top: 2.3rem;
}
@media (min-width: 768px) {
  .p-interview__item-desc .c-txt + .c-txt {
    margin-top: 2.3rem;
  }
}
.p-interview__item-bottom {
  display: flex;
  gap: 3.2rem;
  flex-direction: column;
  padding-inline: 2.5rem;
}
@media (min-width: 768px) {
  .p-interview__item-bottom {
    flex-direction: row-reverse;
    gap: 12rem;
    align-items: flex-end;
    padding: 0 0 0 14rem;
  }
}
.p-interview__item-bottom-content .c-text-dot {
  margin-top: 2.6rem;
}
@media (min-width: 768px) {
  .p-interview__item-bottom-content .c-text-dot {
    justify-content: flex-end;
    margin-top: 3.2rem;
  }
}
@media (min-width: 768px) {
  .p-interview__item-bottom-media {
    width: 42rem;
    aspect-ratio: 420/296;
    flex-shrink: 0;
  }
}

.p-guide__wrap {
  padding-block: 3rem 8rem;
}
.p-guide .hline01 {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .p-guide .hline01 {
    padding-top: 8rem;
  }
}
.p-guide__content {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .p-guide__content {
    margin-top: 7.4rem;
  }
}

@media (min-width: 768px) {
  .p-entry {
    padding-block: 8rem 0.8rem;
  }
}
.p-entry__wrap {
  padding-inline: 2.5rem;
}
@media (min-width: 768px) {
  .p-entry__wrap {
    max-width: 111.6rem;
    margin: 0 auto;
  }
}
.p-entry__bnr {
  margin: 0 -2.5rem -2rem;
}
@media (min-width: 768px) {
  .p-entry__bnr {
    max-width: 104rem;
    margin: 0 -10.0375234522% -8rem auto;
  }
}
@media (min-width: 768px) {
  .p-entry .hline01 {
    margin-left: -0.7rem;
  }
}
.p-entry .hline01__ttl {
  background: transparent;
  color: #fff;
  font-size: 3.5rem;
  line-height: 1;
  mix-blend-mode: difference;
  -webkit-text-fill-color: unset;
  margin: 0;
}
@media (min-width: 768px) {
  .p-entry .hline01__ttl {
    font-size: 12rem;
  }
}
.p-entry .hline01__ttl::before {
  display: none;
}
.p-entry .hline01__sub {
  background: transparent;
  color: #fff;
  font-size: 1.5rem;
  mix-blend-mode: difference;
  -webkit-text-fill-color: unset;
}
@media (min-width: 768px) {
  .p-entry .hline01__sub {
    font-size: 3rem;
  }
}
.p-entry__box {
  display: flex;
  flex-direction: column;
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .p-entry__box {
    align-items: center;
    flex-direction: row;
    max-width: 100rem;
    margin: 5.6rem auto 0;
  }
}
.p-entry__ttl {
  font-family: var(--font-ttl);
  font-size: 2.4rem;
  font-weight: normal;
  letter-spacing: 0.2em;
}
@media (min-width: 768px) {
  .p-entry__ttl {
    font-size: 3.2rem;
    line-height: 1.375;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 5.5rem;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
}
@media (min-width: 768px) {
  .p-entry .body-txt {
    border-left: 1px solid #CECECE;
    padding-left: 4.8rem;
    margin-right: 8rem;
  }
}
@media (max-width: 767px) {
  .p-entry .body-txt {
    border-top: 1px solid #CECECE;
    padding-top: 1.6rem;
    margin-top: 3.2rem;
    line-height: 1.625;
  }
}
@media (min-width: 768px) {
  .p-entry .btn {
    min-width: 32rem;
  }
}
@media (max-width: 767px) {
  .p-entry .btn {
    margin-top: 4rem;
  }
}
/*# sourceMappingURL=maps/recruit.css.map */