.top-image {
    background: url("../images/industry/school/top-image.png") no-repeat right center/cover;
}

@media (min-width: 1101px) {
    .about_descArea h3 {
        font-size: 4.7rem;
    }

    .about_descArea p {
        max-width: 887px;
    }
}

@media (min-width: 768px) {
    .about_contents {
      padding: 96px 44px 0 0;
    }
  }

@media screen and (max-width: 1100px) {
    .about_contents {
        padding-left: 20px;
        padding-right: 20px;
    }
  }

.main-visual .heading-1 span mark {
  margin-bottom: 12px;
  padding: 10px 8px;
}

.heading-1 .eng {
  font-size: 6rem;
}

.top-image .heading-1 span {
    color: #000000;
}

/* school LP：見出しの1文字目も青にする */
.top-image .heading-1 .eng:first-letter {
  color: inherit;  /* 親要素 .eng の color (#158fcb) をそのまま使う */
}

/* 学校補助金LPページ独自のクラス */
@media (min-width: 768px) {
    .sc-about_chart {
      margin-top: 25px;
  }
  .sc-list {
    margin: 42px 0 0 0;
    font-size: 2.4rem;
}
}

@media (max-width: 767.98px) {
  .sc-list ul {
    font-size: 16px;
    padding-top: 24px;
  }
}

@media (max-width: 479.98px) {
    .sc-about_chart {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

.sc-list {
  font-weight: 600;
  color: #28A4E1;
}

/* 20251210追加 */
/* about セクション h3 レスポンシブ調整：学校LP専用 */
@media screen and (max-width: 1100px) {

  .about_descArea h3 {
    font-size: 2.3rem;      /* 画面幅に応じて縮む */
    line-height: 1.4;
    word-break: normal;    /* 日本語の自然な改行を維持 */
    white-space: normal;
  }
}

/* @media screen and (max-width: 600px) {

  .about_descArea h3 {
    font-size: 4.5vw;
    line-height: 1.5;
  }
} */

/* sc-list：PC画面縮小時に文字サイズをなめらかに調整 */
@media screen and (max-width: 1100px) {

  .sc-list {
    font-size: 2.2vw;     /* 画面幅に応じて徐々に縮小 */
    line-height: 1.4;
  }

}

@media screen and (max-width: 600px) {

  .sc-list {
    font-size: 4vw;       /* スマホでは可読性重視 */
    line-height: 1.5;
  }

}

/* main visual 見出し PC縮小時のみレスポンシブ対応 */
@media screen and (max-width: 1100px) and (min-width: 769px) {

  .heading-1 span mark {
    font-size: 3.4vw;   /* 上段：説明文 */
    line-height: 1.3;
  }

  .heading-1 .eng {
    font-size: 4.2vw;   /* 下段：メインコピー */
    line-height: 1.2;
  }

}


