@charset "utf-8";
@media (max-width: 900px) {
  #hum-btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .head-nav {
    display: none;
  }
}
@media (max-width: 768px) {

  /*index news*/
  .index-event-info{
    grid-template-columns: 1fr;
  }
  .reikai-archive-area{
    padding-right: min(50px,5vw);
  }
  #pickup-slider .picup-slide-item{
    width: min(245px, calc(100% / 3))
  }
  /*index about*/
  .index-about-blc{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .index-about__thumb{
    position: relative;
    right: auto;
    width: 100vw;
    height: auto;
    left:max(-50px, -5vw);
    border-radius: 0;
  }
  .index-about__detail{
    margin-left: 0;
    width: 100%;
    padding-left: 0;
  }
  .index-about__detail::before{
    border-radius: 0 0 min(150px, 15vw) 0;
    left: 50%;
    translate:-50% 0;
  }
  /*news*/
  .acv-info-list {
    grid-template-columns: repeat(2, 1fr);
  }
  /*index message*/
  .message-link-list{
    grid-template-columns: 1fr;
  }
  .message-link-list li{
    grid-template-columns: calc(100%/4) auto;
    -ms-align-items: center;
    align-items: center;
  }
  .message-link-list li .comment{
    padding-bottom: 2em;
  }
  .message-link-list li.link-greeting{
    border-radius:20px 20px 0 0;
  }
  .message-link-list li.link-regist{
    border-radius:0 0 20px 20px;
  }
  /*index activity*/
  .index-activity-blc{
    grid-template-columns: 1fr;
  }
  /*index contact*/
  .sec-inquiry-box{
    grid-template-columns: 1fr;
    padding-left: min(60px,8vw);
  }
  .inquiry-summary-area{
    z-index: 1;
  }
  .inquiry-makeup-area .pic-hum{
    width: min(233px,45%);
    translate:0 -70%;
  }
  .inquiry-makeup-area{
    padding-top: min(30px,8vw);
  }
  
  /*footer*/
  .footer_inner{
    grid-template-columns: 1fr;
    padding-right: min(60px,8vw);
    gap:min(30px,8vw);
  }
  .foot-nav-area{
    display: none;
  }
  footer p.copy{
    text-align: center;
  }
}
@media(max-width:480px){
  .head-inner{
    min-height: 70px;
  }
  .hero-main{
    height: calc(100svh - 70px);
  }
  #pickup-slider .picup-slide-item{
    width: min(245px, calc(100% / 1.8))
  }
  .index-message-box{
    grid-template-columns: 1fr;
  }
  .index-message-box .detail{
    grid-area: 1 / 1 / 2 / 2;
  }
  .index-message-box .thumb{
    grid-area: 2 / 1 / 3 / 2;
    display: grid;
    place-items: center;
  }
  .message-link-list{
    grid-area: 3 / 1 / 4 / 2; 
  }
  .activity-detail-list li{
    grid-template-columns: 1fr;
  }
}