@charset "utf-8";
@media (max-width: 940px) {
  .head-nav {
    display: none;
  }
  .head-inner {
    display: flex;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
    height: min(60px, 15vw);
  }
  .head-inner .logo {
    width: min(175px, 45vw);
  }
  #hum-btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
  }
}
@media (900px <= width < 1100px) {
  :root{
    --head2: min(26px, calc(100vw / 25));
  }
  .index-about__howto > li{
    padding: min(40px, 5vw) min(20px,2vw);
  }
  .grid-detail-list li .detail-box .rect-button{
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 899px) {
  .hero-main{
    --hero-height:100svh;
  }
  .hero-feature_wrap{
    -ms-align-items: center;
    align-items: center;
  }
  .hero-title
  ,.hero-text{
    width: 100%;
  }
  /*index about +++++++++++++++*/
  .index-about__intro{
    grid-template-columns: 1fr;
  }
  .index-about__howto{
    grid-template-columns: 1fr;
  }
  .index-about__howto > li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    gap:min(15px,2vw) 0;
    -ms-align-items: center;
    align-items: center;
  }
  .index-about__howto > li .box-title{
    width: 100%;
  }
  .index-about__howto > li .thumb{
    width: calc(100% - 15em);
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    display: flex;
    justify-content: center;
  }
  .index-about__howto > li .thumb figure{
    width: min(200px,80%);
  }
  .index-about__howto > li .link-area{
    width: 15em;
  }
  .index-about__howto > li:not(:first-child){
    border-left: none;
    border-top: 1px solid var(--bdr-gry);
  }
  
  /*サービス*/
  .grid-detail-list li, .grid-detail-item{
    grid-template-columns: 1fr;
  }
  .grid-detail-list li:nth-child(odd) .sec-title
  ,.grid-detail-list li:nth-child(even) .sec-title
  ,.grid-detail-item .sec-title{
    grid-area: 1 / 1 / 2 / 2;
  }
  .grid-detail-list li:nth-child(odd) .detail-box
  ,.grid-detail-list li:nth-child(even) .detail-box
  ,.grid-detail-item .detail-box{
    grid-area: 3 / 1 / 4 / 2;
  }
  .grid-detail-list li:nth-child(odd) .thumb-box
  ,.grid-detail-list li:nth-child(even) .thumb-box
  ,.grid-detail-item .thumb-box{
     grid-area: 2 / 1 / 3 / 2; 
  }
  .grid-detail-list li .thumb-box figure
  ,.grid-detail-item .thumb-box figure{
    width: 100%;
  }
  
  /*news*/
  .index-news-list{
    grid-template-columns: 1fr;
  }
  
  /*footer*/
  .foot-info-inner{
    grid-template-columns:1fr;
    place-items: center;
  }
  .foot-info-inner .thumb{
    width: min(90px,23vw);
  }
  .foot-info-inner .comment .box-title{
    text-align: center;
  }
  .foot-social-area{
    justify-content: center;
  }
  .foot-social-area dl{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap:min(20px,5vw);
  }
  .foot-nav-area{
    grid-template-columns:1fr;
  }
  .foot-nav_about{
    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;
  }
  .foot-nav_about .logo{
    width: min(290px,70vw);
  }
  .foot-nav_about .comment{
    text-align: center;
  }
  .foot-nav_link .regist-button-set.clm-end{
    justify-items:center;
  }
  .foot-contents-nav{
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .hero-reserve-area{
    width: min(370px,100%);
  }
  .hero-reserve-area .button{
    grid-template-columns: 1fr;
  }
}
@media(max-width:600px){
  .hero-text span{
    display: block;
  }
  .hero-text br{
    display: none;
  }
}
@media (max-width: 480px) {  
  .hero-feature_wrap{
    padding-bottom: min(50px,15vw);
  }
  .rect-button
  ,.rect-button a{
    width: 100%;
  }
  
  .news-slide-item .date{
    width: 9.5em;
  }
  .news-slide-item .title{
    width: calc(100% - 9.5em);
  }
  .index-about__howto > li .thumb{
    width: calc(100% - 14em);
    justify-content: flex-end;
  }
  .index-about__howto > li .link-area{
    width: 14em;
  }
}

/* タッチデバイス横向き + 幅899px以上のスタイル */
@media screen and (min-width: 899px)
  and (orientation: landscape)
  and (hover: none) and (pointer: coarse) {
    .hero-news_wrap{
      bottom: min(70px, calc(5.7vw - .5px));
    }
    .foot-contents-nav li a
    ,.foot-nav_about .comment{
      font-size: min(12px,3.2vw);
    }
}