/*-------------------------------
ページタイトル
-------------------------------*/
.page_advance-course .page_title::after {
  content: "Advance course";
  text-transform: none;
}

/*-------------------------------
「できた！」自信をもって学べる！
-------------------------------*/
#advance_feature {
  background: url(/assets/img/bk_slash.png) no-repeat bottom / 100%;
}
#advance_feature .column2_img_text + .column2_img_text {
  margin: 0 0 3rem;
}
#advance_feature .point_list {
  counter-reset: count 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem 3%;

  & li {
    list-style: none;
    display: flex;
    flex-direction: column;
    font-family: var(--ff-maru);
    font-size: clamp( 1.4rem, calc( 0.68791208791208796rem + 1.9780219780219779vw ), 3.2rem );
    text-align: center;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.1em;
    line-height: 1.5;
    width: 11em;
    height: 11em;
    background: var(--yellow);
    border-radius: 50%;

    &::before {
      display: block;
      content: "Point"counter(count);
      counter-increment: count 1;
      color: var(--key-color);
      font-size: clamp( 1.4rem, calc( 1.123076923076923rem + 0.7692307692307693vw ), 2.1rem );
      margin-bottom: 1em;
    }
  }
}
/*-------------------------------
開催日・料金
-------------------------------*/
#advance_price .course_table {
  max-width: 90rem;
  margin: 0 auto;

  & td ul li {
    list-style: none;
  }
  & td dl {
    display: flex;
    
    & dt {
      flex-shrink: 0;
      &::after {
        content: "：";
      }
    }
  }
}
/*-------------------------------
生徒の作品事例
-------------------------------*/
#advance_works {
  background: var(--back-purple);
}
#advance_works .item {
  padding: 4.16%;
  background: #FFF;
  @media (min-width:768px) {
    padding: 2.5%;
  }

  + .item {
    margin-top: 5rem;
    @media (min-width:768px) {
      margin-top: 0;
    }
  }
}