.p-business {
  margin-block: 100px;
  @media (max-width: 767.98px) {
    margin-block: 60px;
  }
}
.p-business__inner {
}
.p-business__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 27px;
  column-gap: 24.7px;
  @media (max-width: 767.98px) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 25px;
    /* width: calc(360 / 420 * 100 * var(--vw)); */
    /* margin-inline: auto; */
  }
}
.p-business__card {
}
.p-business__card-link {
  display: block;
  padding-block: 30px 20px;
  padding-inline: min(30px, 30 / 383 * 100%);
  background-color: #007dc5;
  position: relative;
  color: #fff;
  isolation: isolate;
}
.p-business__card-link::after {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1;
  background: linear-gradient(to right bottom, transparent calc(50% - 0.5px), #f4f4f4 calc(50% + 0.5px));
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  translate: -6px -6px;
  transition: translate 0.3s;
}
.p-business__card-link:hover::after {
  translate: none;
}
.p-business__card-img {
  overflow: clip;
  img {
    transition: scale 0.3s;
    @media (max-width: 767.98px) {
      width: 100%;
    }
  }
  .p-business__card-link:hover & {
    img {
      scale: 1.05;
    } 
  }
}
.p-business__card-subtitle {
  margin-top: calc(13.4 / 8 * 1em);
  font-family: var(--ff-arial);
  line-height: calc(9 / 8);
  font-size: 0.8rem;
}
.p-business__card-title {
  margin-top: calc(3.3 / 20 * 1em);
  border-bottom: 1px solid #b2d8ee;
  padding-bottom: 7px;
  font-weight: 700;
  line-height: calc(29 / 20);
  font-size: 2rem;
  @media (max-width: 767.98px) {
    font-size: 1.6rem;
  }
}
.p-business__card-desc {
  margin-top: calc(16 / 14 * 1em);
  line-height: calc(24 / 16);
  font-size: 1.6rem;
  @media (max-width: 767.98px) {
    font-size: 1.4rem;
  }
}