@charset "UTF-8";

/* ===== メッセージ1 ===== */

.businessMessage {
  border-top: 1px solid var(--color-line-dark);
}

.businessMessageText {
  margin-top: 48rem;
  font-size: 17rem;
  line-height: 2.2;
  color: var(--color-text-sub-dark);
}

@media (max-width: 767px) {
  .businessMessageText {
    margin-top: 28rem;
    font-size: 15rem;
    line-height: 2;
  }

  .businessMessageText br {
    display: none;
  }
}

/* ===== 事業内容一覧 ===== */

.businessList .numListNum {
  padding-top: 4rem;
}

/* ===== メッセージ2（NON STOP） ===== */

.businessNonstop {
  overflow: hidden;
}

.businessNonstopEn {
  margin-left: -.04em;
  font-family: var(--font-en);
  font-size: 184rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -3.72rem;
  white-space: nowrap;
}

.businessNonstopText {
  margin-top: 40rem;
  font-size: 17rem;
  line-height: 2.2;
  color: var(--color-text-sub-dark);
}

.businessSteps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 80rem;
  border-top: 1px solid var(--color-line-dark);
}

.businessStep {
  padding: 40rem 40rem 8rem 0;
}

.businessStep + .businessStep {
  padding-left: 40rem;
  border-left: 1px solid var(--color-line-dark);
}

.businessStepHead {
  display: flex;
  align-items: baseline;
  gap: 16rem;
  font-family: var(--font-en);
  font-weight: 700;
  letter-spacing: .2em;
}

.businessStepNum {
  font-family: var(--font-num);
  font-size: 15rem;
  letter-spacing: .04em;
  color: var(--color-accent-light);
}

.businessStepEn {
  font-size: 13rem;
  color: var(--color-accent-light);
}

.businessStepTitle {
  margin-top: 20rem;
  font-size: 22rem;
  font-weight: 400;
  line-height: 1.5;
}

.businessStepText {
  margin-top: 16rem;
  font-size: 15rem;
  line-height: 2;
  color: var(--color-text-sub-dark);
}

@media (max-width: 767px) {
  .businessNonstopEn {
    font-size: 72rem;
    letter-spacing: -1rem;
  }

  .businessNonstopText {
    margin-top: 24rem;
    font-size: 15rem;
    line-height: 2;
  }

  .businessNonstopText br {
    display: none;
  }

  .businessSteps {
    grid-template-columns: 1fr;
    margin-top: 48rem;
  }

  .businessStep,
  .businessStep + .businessStep {
    padding: 28rem 0;
    border-left: 0;
    border-bottom: 1px solid var(--color-line-dark);
  }

  .businessStepTitle {
    margin-top: 12rem;
    font-size: 19rem;
  }

  .businessStepText {
    margin-top: 8rem;
  }
}