@charset "UTF-8";

.p-acards .c-heading {
  margin-bottom: 3rem;
}

.p-acards .c-heading--medium {
  margin-top: 6rem;
  margin-bottom: 2rem;
}

.p-acards__lead {
  font-size: 1.8rem;
  text-align: center;
  font-weight: var(--fw-semibold);
  line-height: 1.875;
  letter-spacing: var(--tracking-default);
}

.p-acards-application-frame {
  width: min(100%, 80rem);
  margin: 2rem auto 0;
  padding: 2rem 2rem 3rem;
  background-color: #f7f7f7;
  border: 0.5rem solid var(--color-primary);
  border-radius: 1.4rem;
}

.p-acards-application-frame__image {
  overflow: hidden;
  display: block;
  border-radius: 1.4rem;
}

.p-acards-application-frame__text {
  margin-top: 2rem;
  line-height: 1.71;
  letter-spacing: var(--tracking-default);
}

.p-acards-application-frame .c-button {
  display: block;
  width: min(100%, 37rem);
  margin: 2rem auto 0;
}

.p-acards-merit .c-toc {
  margin-bottom: 6rem;
}

.p-acards-application-image {
  overflow: hidden;
  display: block;
  width: min(100%, 64rem);
  margin: 6rem auto 0;
  padding: 0 2rem;
  border: 1px solid #dedede;
  border-radius: 1.4rem;
}

.p-acards .c-button {
  display: block;
  width: min(100%, 37rem);
  margin: 3rem auto 0;
}

.p-acards-about__section-wrap {
  display: grid;
  grid-template-columns: 100%;
  gap: 3rem;
}

.p-acards-about__section {
  display: grid;
  grid-template-columns: 100%;
  gap: 2rem;
}

.p-acards-about__section-body .c-heading--small {
  margin-bottom: 2rem;
}

.p-acards-about__section-text {
  font-size: 1.3rem;
  font-weight: var(--fw-light);
  line-height: var(--leading-default);
  letter-spacing: var(--tracking-default);
}

.p-acards-about__section-text .u-text-red {
  font-weight: var(--fw-semibold);
}

.p-acards-about__section-text > *:not(:first-child) {
  margin-top: 1.4rem;
}

.p-acards-about__section-text > .text-annotation {
  font-size: 1.2rem;
}

.p-acards-about__section-text .text-indent {
  display: inline-block;
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.p-acards-about__section-text > .text-annotation:not(:first-child) {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .p-acards-application-frame {
    margin-top: 3rem;
    padding: 4rem 8rem;
  }

  .p-acards-application-frame .c-button {
    margin-top: 3rem;
  }

  .p-acards-application-image {
    padding: 0;
  }

  .p-acards-about__section {
    grid-template-columns: 600fr 560fr;
    grid-template-rows: auto auto minmax(0, 1fr);
    grid-template-areas:
      "upper image"
      "lower image"
      ". image";
    column-gap: 3.333%;
    row-gap: 1rem;
  }

  .p-acards-about__section-body--upper {
    grid-area: upper;
  }

  .p-acards-about__section-image {
    grid-area: image;
  }

  .p-acards-about__section-body--lower {
    grid-area: lower;
  }
}