/* Import common styles from course22.css */
@import url('./course-common.css');

/* Course2 specific styles */
.course2-wrapper {
  .course-learn-container {
    background-image: url('../images/course2/learn-bg.webp');

    p.text {
      margin-top: 24px;
      color: #fff;
      font-size: 24px;
    }
  }
  
  .course-seminar-container {
    .course-seminar-content {
      .course-seminar-content-list {
        grid-template-rows: none;
        margin-bottom: 3vw;
      }
    }
  }


  @media screen and (max-width: 2200px) {
    .course-learn-container {
      p.text {
        font-size: 20px;
      }
    }
  }

  @media screen and (max-width: 1800px) {
    .course-learn-container {
      p.text {
        font-size: 14px;
      }
    }
  }

  @media screen and (max-width: 768px) {
    .course-learn-container {
      min-height: 140vw;
      background-image: url('../images/course2/learn-bg-sp.webp');

      p.text {
        font-size: 14px;
      }
    }

    .course-path-container {
      padding-top: 100px;

      &::after {
        height: 80px;
      }
    }
  }
  
}

/* 固定ページのスタイル */