/*!
global > color
------------------------------
*/
/*!
global > font
------------------------------
*/
.p-recruit__mv {
  overflow: clip;
  position: relative;
  z-index: 0;
  background: url(../images/recruit/bg_pattern01_sp.webp) center/cover no-repeat;
  padding-inline: 18px;
  padding-block: 65px 33px;
}
.p-recruit__mv_inner {
  margin-inline: auto;
}
.p-recruit__mv_gallery {
  display: flex;
  align-items: flex-start;
  margin-right: -18px;
  margin-top: 28px;
  flex-wrap: wrap;
  justify-content: center;
}
.p-recruit__mv_img img {
  border-radius: 4px;
}
.p-recruit__mv_img.img03 {
  position: relative;
  z-index: 0;
  width: 76.1904761905%;
  margin-left: auto;
}
.p-recruit__mv_img.img03 .c-circle {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 179.4117647059%;
  transform: translate(-24%, -49.5%);
}
.p-recruit__mv_img.img02 {
  z-index: 1;
  order: 1;
  width: 27.4509803922%;
  margin-inline: auto;
  margin-top: 8%;
  transform: translateX(-27%);
}
.p-recruit__mv_img.img01 {
  position: relative;
  z-index: 1;
  width: 15.9663865546%;
  margin-top: auto;
  margin-left: 6px;
  transform: translateY(30%);
}
.p-recruit__interview {
  background-image: url(../images/recruit/bg_pattern02.webp);
  background-size: 100px 100px;
  padding-block: 80px 41px;
}
.p-recruit__interview_inner {
  margin-inline: auto;
}
.p-recruit__interview_list .item {
  font-weight: 700;
  border-top: 1px solid #4a4a4a;
  padding-block: 61px 60px;
}
.p-recruit__interview_list .item + .item {
  margin-top: 19px;
}
.p-recruit__interview_list .item_inner {
  margin-inline: auto;
}
.p-recruit__interview_list .item_ttl {
  font-family: "Anek Latin", sans-serif;
  font-weight: 700;
  position: relative;
  font-size: 1.625rem;
  padding-left: 44px;
}
.p-recruit__interview_list .item_ttl::before {
  content: "";
  aspect-ratio: 1;
  -webkit-mask: url(../images/common/icon_circle.svg) center/contain no-repeat;
  mask: url(../images/common/icon_circle.svg) center/contain no-repeat;
  left: -1px;
  position: absolute;
  background-color: currentColor;
  width: 32px;
  top: 50%;
  transform: translateY(-51%);
}
.p-recruit__interview_list .item_lead {
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-size: 2rem;
  margin-top: 19px;
  font-weight: 500;
}
.p-recruit__interview_list .item_media {
  width: 100%;
  margin-top: 43px;
}
.p-recruit__interview_list .item_media video {
  width: 100%;
}
.p-recruit__entry {
  background-image: url(../images/recruit/bg_pattern03.webp);
  background-size: 100px 100px;
  color: var(--color-primary);
  padding-block: 50px 59px;
}
.p-recruit__entry_box {
  background-color: #4db0bf;
  border-radius: 8px;
  display: block;
  position: relative;
  z-index: 0;
  overflow: clip;
  padding-inline: 11px;
  padding-block: 54px 44px;
}
.p-recruit__entry_box .c-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  mix-blend-mode: screen;
  width: 434px;
  transform: translate(-50%, -52%);
}
.p-recruit__entry_content {
  position: relative;
  z-index: 2;
}
.p-recruit__entry_ttl {
  letter-spacing: 0.04em;
  font-family: "Anek Latin", sans-serif;
  line-height: 1;
  position: relative;
  font-size: 5rem;
  text-align: center;
  margin-bottom: 68px;
}
.p-recruit__entry_apply {
  width: 100%;
  margin-inline: auto;
  max-width: 400px;
}
.p-recruit__entry_back {
  text-align: right;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .p-recruit__mv {
    background-image: url(../images/recruit/bg_pattern01.webp);
    padding-inline: 37px;
    padding-block: clamp(6.25rem, 6.9444444444vw + 2.9166666667rem, 8.125rem) clamp(8.75rem, 8.5648148148vw + 4.6388888889rem, 11.0625rem);
  }
  .p-recruit__mv_inner {
    max-width: 1195px;
  }
  .p-recruit__mv_gallery {
    justify-content: space-between;
    margin-right: clamp(-3.625rem, -24.1666666667vw + 18.125rem, 0rem);
    margin-top: 0;
  }
  .p-recruit__mv_img.img03 {
    max-width: calc(100% - 330px);
    width: 56.2649640862%;
    margin-left: 0;
    margin-top: -14.3%;
  }
  .p-recruit__mv_img.img03 .c-circle {
    transform: translate(-51%, -49.5%);
    width: clamp(50rem, 94.9074074074vw + 4.4444444444rem, 75.625rem);
  }
  .p-recruit__mv_img.img02 {
    order: unset;
    position: relative;
    width: 19%;
    transform: translate(16%, 31%);
    margin-top: 5%;
    max-width: 222px;
  }
  .p-recruit__mv_img.img01 {
    margin-left: 0;
    transform: none;
    width: 15%;
    margin-top: 3.5%;
    max-width: 131px;
  }
  .p-recruit__interview {
    margin-top: 8px;
    padding-block: 160px 20px;
  }
  .p-recruit__interview_inner {
    max-width: 1366px;
  }
  .p-recruit__interview_list .item {
    padding-block: clamp(3.75rem, 9.2592592593vw + -0.6944444444rem, 6.25rem);
  }
  .p-recruit__interview_list .item + .item {
    margin-top: clamp(3.75rem, 8.7962962963vw + -0.4722222222rem, 6.125rem);
  }
  .p-recruit__interview_list .item_inner {
    max-width: 1196px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
  }
  .p-recruit__interview_list .item_lead {
    font-size: clamp(1.625rem, 3.2407407407vw + 0.0694444444rem, 2.5rem);
    margin-top: 32px;
  }
  .p-recruit__interview_list .item_media {
    margin-top: 0;
    flex-shrink: 0;
    max-width: 710px;
    width: 60%;
  }
  .p-recruit__entry {
    padding-block: 50px 60px;
  }
  .p-recruit__entry_box {
    gap: 40px;
    padding-inline: clamp(3.125rem, 8.1018518519vw + -0.7638888889rem, 5.3125rem);
    padding-block: 115px;
  }
  .p-recruit__entry_box .c-circle {
    transform: translate(-50%, -50%);
    width: clamp(50rem, 59.2592592593vw + 21.5555555556rem, 66rem);
  }
  .p-recruit__entry_content {
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    display: flex;
  }
  .p-recruit__entry_ttl {
    margin-bottom: 0;
    bottom: 2px;
    font-size: clamp(4.375rem, 6.0185185185vw + 1.4861111111rem, 6rem);
  }
  .p-recruit__entry_apply {
    margin: 0;
    max-width: 622px;
  }
  .p-recruit__entry_back {
    margin-top: 51px;
    padding-right: 37px;
  }
}
@media (any-hover: hover) and (pointer: fine) {
  .p-recruit__entry_box {
    transition: 0.5s;
    opacity: 1;
    transition-property: background-color;
  }
  .p-recruit__entry_box:hover {
    background-color: #6A7678;
  }
  .p-recruit__entry_box:hover .c-btn04 {
    color: #4db0bf;
  }
  .p-recruit__entry_box:hover .c-btn04__arrow::after, .p-recruit__entry_box:hover .c-btn04__arrow::before {
    transition: transform 0.3s ease;
  }
  .p-recruit__entry_box:hover .c-btn04__arrow::after {
    transform: translateX(0);
  }
  .p-recruit__entry_box:hover .c-btn04__arrow::before {
    transform: translateY(-100%);
  }
}
/*# sourceMappingURL=maps/recruit.css.map */