@charset "utf-8";

@media (max-width: 1020px) {
  .gnav
  ,.head_inquiry{
    display: none;
  }
  #hum-btn{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}
@media (max-width: 899px) {

  .hero-main{

  }
  .hero-main_wrap{
    background-position:bottom left 22%, left center, right center, top 15% left 5%, right 15% top 60%;
    background-size: 100%, min(45px, 10vw), min(37px, 8vw), min(80px, 18vw), min(60px, 12vw);
  }
  .hero-link_facility{
    width: min(600px, 90%);
    grid-template-columns: auto auto;
    -ms-align-items: center;
    align-items: center;
    gap:10px min(20px,4vw);
  }
  .hero-link_facility > a:last-child{
    grid-column: span 2; 
    display: grid;
    grid-template-columns: calc(100%/2);
    place-content:center;
  }  
  /*index feature +++++*/
  .index-feature-blc::before{
    aspect-ratio:auto;
    height: 80%;
  }
  .box-index-feature .thumb-area{
    position: relative;
    translate: 0 0;
    right: auto;
    left: auto;
    width: calc(100% - min(25px,2vw));
  }
  .box-index-feature.about .thumb-area{
    margin-left: auto;
  }
  .item-index-feature{
    margin-top: max(-20px,-4vw);
  }
  .index-feature-recruit{
    grid-template-columns: 1fr;
  }
  .index-feature-recruit::before{
    right: 0;
    border-radius:0;
  }
  .index-feature-recruit .thumb-area{
    justify-content: center;
  }
  
  /*index news +++++*/
  .index-news-archive{
    grid-template-columns: 1fr;
    justify-content: center;
  }
  .index-news-archive .sec-title{
    grid-area: 1 / 1 / 2 / 2;
    -ms-align-items: center;
    align-items: center;
  }
  .index-news-archive .news-archive-list{
    grid-area: 2 / 1 / 3 / 2;
  }
  .index-news-archive .arrow-button{
    grid-area: 3 / 1 / 4 / 2;
    justify-content: center;
  }
  .news-acv-item{
    grid-template-columns: auto;
  }
  .news-acv-item .post-data{
    justify-content: flex-start;
  }
  .item-sec-inquiry{
    grid-template-columns: 1fr;
  }
  .item-sec-inquiry .dial-area {
    padding-bottom: min(40px,10vw);
  }
  .item-sec-inquiry .button-area{
    padding-top: min(40px,10vw);
  }
  .item-sec-inquiry > div:nth-child(2)::before{
    width: 35%;
    height: 1px;
    top: 0;
    left: 50%;
    translate:-50% 0;
  }
  
  /*footer ++++++++++++++++++++*/
  .footer_inner{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
  }
  .item-foot-content{
    width: 100%;
    grid-template-columns: auto;
    grid-template-rows: auto;
    place-content: center;
    height: max-content;
  }
  .foot_about{
    display: grid;
    place-content:center;
    place-items:center;
    grid-template-columns: auto;
  }
  .list-foot_nav{
    width: 100%;
    gap:1.4em min(50px,12vw);
  }
}
@media (max-width: 480px) {
  .hero-main_wrap{
    background-size: auto 40vw, min(45px, 10vw), min(37px, 8vw), min(80px, 18vw), min(60px, 12vw);
  }
  .scroll_icon{
    translate: -50% -60%;
  }
  .list-foot_nav{
    width: auto;
    grid-template-columns:auto;
    place-content:center;
    gap:1.4em;
  }
  .list-foot_nav .social{
    padding-left: 0;
    justify-content: center;
    gap:min(30px, 6vw);
  }
  .item-sec-inquiry .dial-box .time{
    margin-top: .5em;
  }
}
@media(max-width:378px){
  .l-nav_inner{
    gap: min(50px, 8vw);
  }
  .l-nav_menu{
    gap:.55em;
  }
  .item-sec-inquiry .dial-area{
    padding-bottom: min(20px,6vw);
  }
  .item-sec-inquiry .button-area{
    padding-top: min(20px,8vw);
    
  }
}