@charset "utf-8";

@media (max-width: 768px) {
 
  .g-nav{
    display: none;
  }
  
  /*index news +++++++++++++++++*/
  .index-news-blc{
    padding-bottom: min(40px,8vw);
  }
  .index-news-blc::before{
    content: none;
    bottom: auto;
    top: 0;
  }
  .index-news-archive{
    grid-template-columns: 1fr;
    gap: min(30px, 5vw);
  }
  .index-news-archive .round-button{
    margin-left: auto;
    margin-right: auto;
  }
  .index-news-list
  ,.index-news-archive .post-waiting-box{
    grid-row: auto;
  }
   .index-news-list{
    grid-template-columns:1fr;
  }
  .idx-news-item{
    display: grid;
    grid-template-columns: min(100px,25vw) 1fr;
    gap:min(20px,4vw);
  }
  .post-thumb figure{
    aspect-ratio:1;
  }
  .idx-news-item .post-data{
    margin-top: 0;
  }
  .idx-news-item .post-title{
    width: 100%;
  }
  .idx-news-item.stick-post::after{
    right: auto;
    left: min(100px,25vw);
    translate: 50% 15%;
  }
  /*activity ++++++++++++++++++++*/
  .index-activity-blc{
    padding-top: min(30px,6vw);
  }
  .activity-item{
    grid-template-columns: 1fr;
  }
  .activity-item .thumb-area{
    padding-right: min(50px, 4vw);
  }
  .activity-item .thumb-area::before{
    width: 100%;
    border-radius: min(20px, 5vw);
  }
  .activity-item .comment-area{
    padding-bottom: 0;
    padding-top: 0;
  }
  .activity-item:last-child .thumb-area::after{
    content: none;
  }
  .activity-item .round-button{
    margin-left: auto;
    margin-right: auto;
  }
  #link-activity_app{
    margin-top: min(40px,8vw);
  }
  /*media*/
/*
  .media-item dt{
    text-align: center;
  }
*/
  
  /*about us*/
  .aboutus_history{
    grid-template-columns: 1fr;
  }
  .aboutus_history .sec-title .main span{
    display: inline-block;
  }
  .aboutus_books .books-list{
    grid-template-columns: 1fr;
  }
  .aboutus_books .books-list > li{
    grid-template-columns: min(150px, 25%) auto;
  }
  /*evidence*/
  .evidence-item{
    grid-template-columns: 1fr;
  }
  .evidence-item:nth-child(even) .graph-area{
    grid-area: auto;
  }
  .evidence-item .round-button{
    margin-left: auto;
  }
  /*case*/
  .archive-case-list{
    margin-top: min(50px,6vw);
  }
  .inx-case-item:first-child{
    border-top: 1px solid #8b8486;
  }
  .inx-case-item{
    grid-template-columns: 1fr;
    padding-top: min(40px, 10vw);
  }
  .inx-case-item .case-area{
    position: absolute;
    right: 0;
    top: -1px;
    border: 1px solid;
    border-color: transparent #8b8486 #8b8486;
    padding: .5em;
  }
  .case-data .post-data{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  
  /*footer*/
  .foot-nav-list{
    display: none;
  }

}

@media (max-width: 600px) {
  
  #l-nav {
    height: 100dvh;
  }
  .l-nav-memu{
    grid-template-columns: auto;
    gap:0;
  }
  header{
    position: absolute;
  }
  header.nav-open{
    opacity: 0;
  }
  .l-nav-memu li
  ,.sp-tgl-nav{
    gap:0;
  }
  .l-nav-memu > li > a
  ,.tgl-parent > a{
    border-bottom: 1px solid #eae6cd;
    padding-bottom: min(20px,4vw);
    padding-top: min(20px,4vw);
    display: block;
  }
  .nav-child-list{
    gap:min(20px,3vw);
    border-bottom: 1px solid #eae6cd;
    padding-top:min(20px, 4vw);
    padding-bottom:min(20px, 4vw);
  }
  .l-nav_button{
    margin-top: min(40px,10vw);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
  }
    .nav-tgl-button{
    display: block;
  }
  .nav-tgl-button.open::after{
    rotate:0deg;
  }
  
  /*hero　++++++++++++++++++++++++++++++++++++++*/
  #hero.hero-main{
    --hero_h: auto;
    aspect-ratio:1;
  }
  
  /*content　++++++++++++++++++++++++++++++++++++++*/
  
  /*vision*/
  .vision-slide-item{
    grid-template-columns: 1fr;
    place-items: center;
        padding-left: min(100px, 5vw);
  }
  .vision-slide-item .comment{
    width: 100%;
  }
  .vision-slide-item .in-text{
    margin-top: min(20px,2.5vw);
  }
  .vision-slide-item .round-button{
    margin-left: auto;
    margin-right: auto;
  }
  
  /*about us*/
  .info-list-item{
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }
  .info-list-item dt{
    font-weight: 700;
  }
  .info-list-item dd{
    padding-left: 1em;
  }
  .greeting__image-rt{
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .history-items{
    grid-template-columns: 1fr;
  }
  .history-items dd{
    padding-left: 2em;
  }
  .conv-table ul{
    grid-template-columns: 1fr;
  }
  .conv-table ul > li > p:first-child{
    border-bottom: none;
  }
  .conv-table ul > li:nth-child(n+2){
    border-top: 1px solid var(--bdr-gry);
    border-left: none;
  }
  .partner-link-list{
    grid-template-columns: min(500px, 100%);
    place-content:center;
  }
  
  
}