.o-sectionCourse {
  --_course_liner_color: #becbd4;
  --_course_liner_height: 8px;
  --_course_main_color: #8cabc1;

  .a-sectionHeading {
    margin-bottom: var(--spacing-8);

    .a-sectionHeading__caption {
      font-size: var(--text-lg-size);
      line-height: 1.3;
      text-decoration-line: underline;
      text-decoration-thickness: var(--_course_liner_height);
      text-decoration-color: var(--_course_liner_color);
      text-underline-offset: calc(-1 * (var(--_course_liner_height) / 2));
      text-decoration-skip-ink: none;
    }
  }

  .o-sectionCV__contents {
    --layout-container-maxw: 800px;

    > .a-picture {
      source,
      img {
        aspect-ratio: 3 /2;

        @media (width >= 840px) {
          aspect-ratio: 16 / 9;
        }
      }
    }

    .o-sectionCourse__caption {
      > p {
        margin-bottom: var(--spacing-5);
        text-align: left;

        @media (width >= 840px) {
          margin-bottom: var(--spacing-10);
          text-align: center;
        }
      }

      .o-sectionCourse__Card {
        display: flex;
        flex-flow: column;
        max-width: 324px;
        margin-inline: auto;
        background-color: var(--semantic-color-white);
        border: 1px solid var(--_course_main_color);

        .o-sectionCourse__CardTitle {
          padding: var(--spacing-2);
          font-size: var(--text-xl-size);
          line-height: 1.2;
          color: var(--semantic-color-white);
          text-align: center;
          background-color: var(--_course_main_color);
        }

        .o-sectionCourse__CardContents {
          padding: var(--spacing-4) var(--spacing-6);
          font-size: var(--text-xl-size);
          font-weight: var(--text-lg-font-weight);
          line-height: 1.4;

          ul {
            padding-left: 1em;
            text-align: left;
            list-style-type: disc;

            li {
              margin-bottom: 10px;
              font-size: 1.125rem;
              line-height: 1.4;

              @media (width >= 840px) {
                font-size: 1.25rem;
              }
            }
          }
        }
      }
    }
  }

  .o-sectionCV__button {
    max-width: 335px !important;
    padding-inline: 0 !important;

    @media (width >= 840px) {
      max-width: 444px !important;
    }
  }
}

.o-sectionCollege {
  .o-sectionCollege__logo {
    max-width: 414px !important;
  }
}