@charset "UTF-8";
/* CSS Document */
@media (max-width: 768px) {
  /*single*/
  .image-hero{
    grid-template-columns: 100%;
    height: auto;
  }
  .image-hero_thumb{
    grid-area: 1;
    aspect-ratio: 1 / .56;
  }
  .image-hero_desc{
    grid-area: 2;
    padding-top: min(50px,12vw);
  }
  .post-category{
    flex-direction: column;
    -ms-align-items: flex-start;
    align-items: flex-start;
    gap:min(10px,2.5vw);
  }
  .single-pager{
    grid-template-columns: 100%;
  }
  
  /*page about ++++++++++++++++++++++++*/
  .page-aboutus_feature{
    grid-template-columns: 100%;
  }
  .page-aboutus_feature .title-area::before{
    left: 75%;
    opacity: .85;
  }
  .aboutus-style_list{
    grid-template-columns: 100%;
  }
  .lesson-switch{
    width: 100%;
  }
  
  /*Free lesson ++++++++++++++++++++++++*/
  .form01 .date > span:first-child{
  }
  .form01 .date > span:nth-child(2){
    width: calc(100% - 6em);
  }
  
}
@media screen and (max-width: 480px) {
  
  /*page about ++++++++++++++++++++++++*/
  .aboutus-lesson__flow > li{
    grid-template-columns: 100%;
  }
  .flow-item .thumb{
    grid-row: auto;
  }
  .flow-item .list-title{
    padding-left: 1.5em;
  }

}