@charset "UTF-8";
/* CSS Document */

@media (max-width: 768px) {
  
  /*#hero under
  ==============================================================*/
  .under-hero__image .main{
    aspect-ratio:1/0.3943;
  }
  .under-hero__image::after{
    translate: max(-40px, -3.5vw) 28%;
  }
  
  /*#under content 
  ==============================================================*/
  
  .pos-pic.pic-ball-set span{
    width: 45%;
  }
  /*page Instructor +++++++++++++++++++++++++*/
  .works-archive-list
  ,.box-intra-links{
    grid-template-columns: 1fr;
  }
  .pic-works-top{
    translate: min(40px,3.5vw) -75%;
    z-index: 1;
  }
  .pic-works-top span{
    width: 45%;
  }
  .box-achieve-detail .thumb-area.pic-ball::after{
    content: none;
  }
  
  /*page Course +++++++++++++++++++++++++*/
  .course-entry-list{
    grid-template-columns: 1fr;
  }
  
  /*page member ++++++++++++++++++++++++++++++++*/
  .member__calendar{
    aspect-ratio:1/1.25;
  }
  /*page contact ++++++++++++++++++++++++++++++++*/
  .form-item{
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }
  
  /*archive
  ==============================================================*/
  .clm_contents{
    grid-template-columns: 100%;
  }
  .archive-members-info{
    grid-template-columns: repeat(2,1fr);
  }

  
}
@media screen and (max-width: 480px) {
  
  /*archive
  ==============================================================*/
  .acv-post-list
  ,.archive-members-info {
    grid-template-columns: 1fr;
  }
  #l-side{
    grid-template-columns: 100%;
  }
  
}