@charset "utf-8";


.page-ttl h1 {
  display: flex;
  max-width: 700px;
  flex-wrap: wrap;
  justify-content: center;
}

.page-ttl h1 small{
  display: block;
  width: 100%;
  margin-bottom: 10px;
}


.page-ttl h1 span {
  width: 45%;
  display: block;
} 
  
.page-ttl h1 span:first-child {
  width: 100%;
}

.sec01 .sec-ttl {
  max-width: 520px;
}

.sec01 .curriculum{
  max-width: 100%;
}
.sec01 .curriculum .box h3{
  text-align: center;
}
.sec01 .curriculum .box .txt{
  text-align: left;
}

.sec01 .point-list .txt-area .txt{
  text-align: left;
}

@media screen and (max-width: 768px){
  .sec01 .sec-ttl {
    width: 90%;
  }
  .sec02 .course-list li .ttl-field{
    padding: 7px 15px 9px 60px;
  }
}