@charset "utf-8";

.heading.join-about {
  background-image: url("../img/join/heading_about.png");
  aspect-ratio: 1280 / 196;
}
.heading.join-check {
  background-image: url("../img/join/heading_check.png");
  aspect-ratio: 1280 / 196;
}
.heading.join-request {
  background-image: url("../img/join/heading_request.png");
  aspect-ratio: 1280 / 196;
}
.heading.join-applicant {
  background-image: url("../img/join/heading_applicant.png");
  aspect-ratio: 1280 / 196;
}

.join-list {
  padding-bottom: 2rem;
}

.join-box {
  width: 92%;
  margin: 0 auto;
}
.join-box a {
  color: #FF7484;
}
.join-text-box {
  width: 85%;
  padding: 1.2rem 1rem;
  margin: 1rem auto 1rem;
  background-color: #ffffff;
  border-radius: 10px;
}
.join-text-box > p > br {
  display: none;
}
.join-text-box-white > p {
  margin: 0;
  margin-bottom: 0.5rem;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.join-text-box-white {
  width: 100%;
  padding: 1.2rem 1rem;
  margin: 1rem auto 1rem;
  background-color: #ffffff;
  border-radius: 10px;
  box-sizing: border-box;
}
.join-step-box a {
  color: #458fec;
  text-decoration: underline;
}
.join-step-row {
  display: block;
}
.join-step-box {
  border: 3px solid #BADFFF;
  margin: 0.6rem;
  width: 90%;
}
.join-step-title {
  display: flex;
  align-items: center;
}
.join-step-title div:nth-child(1) {
  width: 15%;
}
.join-step-title div:nth-child(2) {
  width: 85%;
  background-color: #ffffff;
  flex-grow: 1;
  font-weight: bold;
  padding-left: 0.5rem;
  line-height: 100%;
}
.join-step-box-text {
  padding: 0.8rem;
}

/* smartphone(>=321px) */
@media screen and (min-width:321px) {
  .join-text-box-white > p {
    font-size: 18px;
  }
}

/* pc */
@media screen and (min-width:960px) {
  .join-step-row {
    display: flex;
  }

  .join-step-box {
    border: 3px solid #BADFFF;
    margin: 0.6rem;
    width: 50%;
  }
  .join-step-box:only-child {
    width: calc(50% - 1.6rem);
  }

  .join-text-box > p > br {
    display: block;
  }
}