@charset "UTF-8";

.b-mainContent {
  padding-top: 0;
}
.b-businessKey {
  width: 100dvw;
  margin-left: 50%;
  transform: translateX(-50%);
}
.b-pageContent {
  .b-section {
    display: flex;
    gap: 50px;
    .b-mds.m-hasLine {
      margin-bottom: 30px;
    }
  }
  .b-btns {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .b-pageContent {
    padding-bottom: 50px;
    .b-section {
      flex-direction: column-reverse;
      &:first-of-type {
        margin: 50px 0;
      }
      .e-mds {
        font-size: min(7vw,28px);
      }
    }
    .b-btns {
      .b-btn {
        margin: auto;
        &+.b-btn {
          margin-top: 10px;
        }
      }
    }
  }
}
@media screen and (min-width: 768px) {
  .b-pageContent {
    padding-bottom: 150px;
    .b-section {
      flex-direction: row-reverse;
      &:first-of-type {
        margin: 150px 0 100px;
      }
      .e-mds {
        font-size: 42px;
      }
      .e-img {
        width: clamp(300px,40%,500px);
        min-width: clamp(300px,40%,500px);
      }
      .b-btns {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        .b-btn {
          flex-grow: 1;
        }
      }
    }
  }
}
@media screen and (min-width: 881px) and (max-width: 1130px) {
  .b-pageContent {
    .b-section {
      &:first-of-type {
        .b-btns {
          flex-wrap: wrap;
          .b-btn {
            &:nth-child(3) {
              width: 100%;
              max-width: unset;
            }
          }
        }
      }
    }
  }
}
@media screen and (min-width: 768px) and (max-width: 880px) {
  .b-pageContent {
    .b-section {
      &:first-of-type {
        .b-btns {
          flex-direction: column;
          align-items: flex-end;
          .b-btn {
            min-width: 300px;
          }
        }
      }
    }
  }
}