.p-gakuinAbout__moreCourse {
    padding-top: clamp(48 * 750 / 1366 * 1px,48 / 1366 * 100vw,48px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.p-gakuinAbout__moreCourseTitle {
    font-size: clamp(28 * 750 / 1366 * 1px,28 / 1366 * 100vw,28px);
    font-weight: bold;
    margin-bottom: clamp(24 * 750 / 1366 * 1px,24 / 1366 * 100vw,24px);
}

@media (max-width: 750px) {
  .p-gakuinAbout__moreCourseTitle {
    font-size: calc(36 / 750 * 100vw);
  }
}

.p-gakuinAbout__moreCourseButtons {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(24 * 750 / 1366 * 1px,24 / 1366 * 100vw,24px);
}

@media (max-width: 750px) {
  .p-gakuinAbout__moreCourseButtons {
    flex-direction: column;
    gap: clamp(20 * 750 / 1366 * 1px,20 / 1366 * 100vw,20px);
  }
}

.p-gakuinAbout__moreCourseButton {
    display: block;
    width: clamp(270 * 750 / 1366 * 1px, 270 / 1366 * 100vw, 270px);
    padding: clamp(30 * 750 / 1366 * 1px, 30 / 1366 * 100vw, 30px) 0;
    font-size: clamp(18 * 750 / 1366 * 1px, 18 / 1366 * 100vw, 18px);
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: clamp(10 * 750 / 1366 * 1px, 10 / 1366 * 100vw, 10px);
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    background-color: #e83a68;
}

@media (max-width: 750px) {
  .p-gakuinAbout__moreCourseButton {
      width: calc(510 / 750 * 100vw);
      padding: calc(52 / 750 * 100vw) 0;
      font-size: calc(36 / 750 * 100vw);
      border-radius: calc(10 / 750 * 100vw);
  }
}

.p-gakuinAbout__moreCourseButton:hover {
    background-color: #9b2847;
    opacity: 1;
}

.p-gakuinAbout__moreCourseButton--blue {
   background-color: #0081cc;
}

.p-gakuinAbout__moreCourseButton--blue:hover {
    background-color: #015e94;
    opacity: 1;
}