@charset "utf-8";
.recruit__flow {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .recruit__flow {
    margin-top: 60px;
  }
}

.recruit__flow-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: space-between;
  gap: 4.62vw;
}

@media screen and (min-width: 550px) {
  .recruit__flow-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.recruit__flow-item {
  font-size: clamp(12px, 0.96vw, 13px);
  font-weight: 700;
  letter-spacing: calc(50 / 1000 * 1em);
  color: #e95a2a;
  width: 26.59vw;
  height: auto;
  aspect-ratio: 146/146;
  display: grid;
  place-items: center;
  border-radius: 50%;
  position: relative;
}

@media screen and (min-width: 550px) {
  .recruit__flow-item {
    width: clamp(100px, 16.25vw, 146px);
  }
}

@media screen and (min-width: 900px) {
  .recruit__flow-item {
    width: clamp(100px, 10.69vw, 146px);
  }
}

.recruit__flow-item:nth-child(1) {
  background: #f7f1ee;
}

.recruit__flow-item:nth-child(2) {
  background: #f8eae2;
}

.recruit__flow-item:nth-child(3) {
  background: #fae6dd;
  justify-self: flex-end;
}

@media screen and (min-width: 550px) {
  .recruit__flow-item:nth-child(3) {
    justify-self: flex-start;
  }
}

.recruit__flow-item:nth-child(4) {
  background: #fddccd;
  justify-self: flex-end;
}

@media screen and (min-width: 550px) {
  .recruit__flow-item:nth-child(4) {
    justify-self: flex-start;
  }
}

.recruit__flow-item:not(:last-child):after {
  position: absolute;
  content: "";
  width: 20px;
  height: auto;
  aspect-ratio: 18/7;
  top: 50%;
  transform: translateY(-50%);
  right: clamp(-41px, -7.47vw, -35px);
  background: url(../images/frow-arrow-right.svg) no-repeat center
    center/contain;
}

@media screen and (min-width: 550px) {
  .recruit__flow-item:not(:last-child):after {
    right: clamp(-41px, -3.01vw, -20px);
    width: clamp(13px, 1.32vw, 18px);
  }
}

.recruit__flow-text {
  margin-top: 40px;
  font-size: clamp(12px, 1.03vw, 14px);
  letter-spacing: calc(40 / 1000 * 1em);
  line-height: calc(28 / 14);
}

/* business */
.recruit__business-content {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .recruit__business-content {
    margin-top: 50px;
  }
}

.recruit__business-content-row {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #d4d4d4;
}

@media screen and (min-width: 768px) {
  .recruit__business-content-row {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media screen and (min-width: 900px) {
  .recruit__business-content-row {
    flex-direction: column;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1024px) {
  .recruit__business-content-row {
    flex-direction: row;
    justify-content: space-between;
  }
}

.recruit__business-content-bottom-image {
  margin-top: clamp(40px, 5.86vw, 80px);
  width: 100%;
  height: auto;
  aspect-ratio: 772/368;
  overflow: hidden;
  border-radius: 10px;
}

.recruit__business-content-bottom-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.recruit__business-box {
  width: 100%;
}

.recruit__business-box:nth-child(1) {
  padding: 30px 15px 23px 8px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .recruit__business-box:nth-child(1) {
    padding: 30px clamp(8px, 3.15vw, 43px) 23px 8px;
  }
}
.recruit__business-box:nth-child(1)::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #d4d4d4;
}

@media screen and (min-width: 768px) {
  .recruit__business-box:nth-child(1)::after {
    width: 1px;
    height: 73.2%;
    top: 50%;
    left: auto;
    right: 0;
    transform: translate(50%, -50%);
  }
}

@media screen and (min-width: 900px) {
  .recruit__business-box:nth-child(1)::after {
    width: 100%;
    height: 1px;
    top: 100%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 1024px) {
  .recruit__business-box:nth-child(1)::after {
    width: 1px;
    height: 73.2%;
    top: 50%;
    left: auto;
    right: 0;
    transform: translate(50%, -50%);
  }
}

.recruit__business-box:nth-child(2) {
  padding: 30px 8px 23px 15px;
}

@media screen and (min-width: 1024px) {
  .recruit__business-box:nth-child(2) {
    padding: 30px 8px 23px clamp(8px, 3.15vw, 43px);
  }
}

.recruit__business-box-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(8px, 1.57vw, 16px);
  color: #e95a2a;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: calc(50 / 1000 * 1em);
}

@media screen and (min-width: 600px) {
  .recruit__business-box-title {
    flex-direction: row;
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .recruit__business-box-title {
   font-size: clamp(12px, 1.18vw, 16px);
  }
}

@media screen and (min-width: 1024px) {
  .recruit__business-box-title {
    gap: 0.9vw;
  }
}

@media screen and (min-width: 1200px) {
  .recruit__business-box-title {
    gap: clamp(10px, 1.18vw, 16px);
  }
}

.recruit__business-box-title::before {
  font-size: clamp(18px, 1.62vw, 22px);
  font-weight: 500;
  letter-spacing: calc(100 / 1000 * 1em);
  font-family: var(--font-en);
  color: #e95a2a;
}

.recruit__business-content-row:nth-child(1)
  .recruit__business-box:nth-child(1)
  .recruit__business-box-title::before {
  content: "01";
}

.recruit__business-content-row:nth-child(1)
  .recruit__business-box:nth-child(2)
  .recruit__business-box-title::before {
  content: "02";
}
.recruit__business-content-row:nth-child(2)
  .recruit__business-box:nth-child(1)
  .recruit__business-box-title::before {
  content: "03";
}

.recruit__business-content-row:nth-child(2)
  .recruit__business-box:nth-child(2)
  .recruit__business-box-title::before {
  content: "04";
}

.recruit__business-box-text {
  margin-top: 34px;
  font-size: clamp(12px, 1.03vw, 14px);
  letter-spacing: calc(40 / 1000 * 1em);
  line-height: calc(28 / 14);
}

.recruit__section-container:first-of-type,
.recruit__section-container:nth-of-type(2),
.recruit__section-container:nth-of-type(3) {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .recruit__section-container:first-of-type {
    margin-top: 51px;
  }

  .recruit__section-container:nth-of-type(2),
  .recruit__section-container:nth-of-type(3) {
    margin-top: 111px;
  }
}

.recruit__section-table-title {
  font-size: clamp(16px, 1.47vw, 20px);
  font-weight: 700;
  letter-spacing: calc(50 / 1000 * 1em);
  display: flex;
  align-items: center;
  gap: clamp(10px, 1.25vw, 17px);
  padding: 2px 0 2px clamp(11px, 1.84vw, 25px);
  border-left: 6px solid #e95a2a;
}

.recruit__section-table-title::before {
  font-family: var(--font-en);
  font-size: clamp(18px, 1.62vw, 22px);
  font-weight: 500;
  letter-spacing: calc(100 / 1000 * 1em);
  color: #e95a2a;
}
.recruit__section-container:first-of-type
  .recruit__section-table-title::before {
  content: "01";
}
.recruit__section-container:nth-of-type(2)
  .recruit__section-table-title::before {
  content: "02";
}
.recruit__section-container:nth-of-type(3)
  .recruit__section-table-title::before {
  content: "03";
}

.recruit__section-table.page__section-table {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .recruit__section-table.page__section-table {
    margin-top: 20px;
  }
}