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


@media screen and (max-width: 768px) {
  .clm_contents{
    grid-template-columns: 100%;
  }
  .side-item.new-post{
    grid-row: span 2;
  }
  .page-legal-tokusho > div{
    grid-template-columns: 1fr;
  }
  .page-legal-tokusho dd{
    padding-left: .5em;
  }
  
  /* KOUSHI
  ============================================================*/
  
  /*archive*/
  .archive-koushi-list{
    grid-template-columns: repeat(2,1fr);
  }
  /*single*/
  .single-koushi__thumb{
    grid-row: auto;
  }
  .single-koushi__head{
    -ms-align-items: center;
    align-items: center;
  }
  .single-koushi__desc{
    grid-column: span 2;
  }
  
  /* GUIDEANCE
  ============================================================*/
  .flow_step-list{
    grid-template-columns: repeat(2, 1fr);
  }
  .guide-plan__price .detail{
    grid-template-columns: 100%;
  }
  .guide-plan__price .price-box{
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .guide-plan__price .price-box .price{
    margin-right: auto;
  }
}
@media screen and (max-width: 600px) {
  .single-author__inner{
    grid-template-columns: auto min(158px, 30%);
    align-items: center;
  }
  .single-author-box .in-title{
    grid-area: 1/1;
    grid-column: span 2;
    justify-content: center;
  }
  .author-name{
    grid-area: 2/1;
    font-size: 1.125em;
  }
  .author-name .ja{
    font-size: 1.25em;
  }
  .author-thumb{
    aspect-ratio:1;
    grid-row: auto;
    grid-area: 2/2;
  }
  .author-comment{
    grid-column: span 2;
  }
  .side-item.new-post{
    grid-row: auto;
  }
  
}
@media screen and (max-width: 480px) {
  #l-main .acv-info-list{
    grid-template-columns: 1fr;
  }
  .page-archive .acv-info-list{
    gap:min(15px,5vw);
  }
  .page-archive .acv-info-list article.acv_post{
    width: 100%;
    background: rgba(255,255,255,.85);
    border-radius: 15px;
    padding: 10px;
  }
  
   /* GUIDEANCE
  ============================================================*/
  .flow_step-list{
    grid-template-columns: 1fr;
  }
  .flow_step-list li{
    grid-template-columns: min(100px,35vw) 1fr;
    grid-template-rows: auto;
    grid-area: auto;
    align-items: center;
    gap: 10px 0;
  }
  .flow_step-list .step__title{
    text-align: left;
  }
  .flow_step-list .step__icon{
    grid-row: span 2;
  }
  .flow_step-list .step__icon figure::before{
    translate:-35% -25%;
  }
  /* RECRUIT
  ============================================================*/
  .recruit-list > div{
    grid-template-columns: 100%;
  }
}