@charset "utf-8";
@media screen and (max-width: 1150px) {
  .head-text{
    display: none;
  }
}
@media screen and (max-width:1020px) {
 .acv-records-cat:not(.swiper-slide) .item-price-area .buying{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .acv-records-cat:not(.swiper-slide) .item-price-area{
    -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;
  } 
  .item-price-area .item-price span
  ,.swiper-slide .item-price-area .item-price span{
    font-size:clamp(1.563rem, 1.222rem + 1.7vw, 2.5rem);
  }
}
@media screen and (max-width: 960px) {
  .key-title-area{
    width: 50%;
  }
  .key-slide-area{
    width: 50vw;
  }
}
@media screen and (max-width: 768px) {
 
  .head-inquiry{
    display: none;
  }
  header{
    height: min(70px,18vw);
  }
  .head-inner{
    padding-top: 0;
    padding-bottom: 0;
    -ms-align-items: center;
    align-items: center;
    min-height: 100%;
  }
  #hum-btn{
    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;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    padding-bottom: 6px;
  }
  #hum-btn span{
    transform: translateY(17.5px);
    color: #fff;
    font-size: .85em;
  }
  #hum-btn.open span{
    color: var(--base-blue);
  }
  .main-key{
    height: auto;
    aspect-ratio:1/1.3684;
    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;
    justify-content: center;
    gap:min(50px,8vw);
  }
  .main-key__inner{
    height: auto;
  }
  .key-title-area{ 
    width: 100%;
    padding-right: 0;
  }
  .key-slide-area{
    position: relative;
    width: 100%;
    top: auto;
    transform: none;
  }
  .acv-records-cat.swiper-slide{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-row:auto;
    -ms-align-items: center;
    align-items: center;
    gap:10px 0;
  }
  .acv-records-cat.swiper-slide .item-thumb{
    width: 38%;
    aspect-ratio:1/0.7597;
  }
  .acv-records-cat.swiper-slide .item-detail-wrap{
    width: 62%;
    padding-left: min(20px,2.5vw);
  }
  .acv-records-cat.swiper-slide .item-price-area{
    width: 100%;
  }
  .acv-records-cat:not(.swiper-slide){
    width: calc((100% - min(20px,3vw))/2);
  }
  .key-slide-area .keyslide-pagination{
    width: 100%!important;
  }
  .swiper-slide .item-price-area .item-price span{
    font-size:min(44px, calc(100vw/10));
  }
  /*searchform
  =======================*/
  .search-item{
    -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;
    gap:min(16px, 4vw);
  }
  .text-grp-wrap input{
    padding-left: 1.15em;
  }
  .text-grp-wrap input,
    .select-time .select-wrap select,
    .bland-grp-wrap .select-wrap select,
    .form-list dd input[type="text"],
    .form-list dd input[type="tel"],
    .form-list dd input[type="email"],
    .form-list dd input[type="date"],
    .form-list dd textarea{
        font-size: 18px;
    }
  .search-item:not(.text) .search-title{
    width: 100%;
    padding-right: 0;
  }
  .category-grp-wrap, .tag-grp-wrap
  ,.bland-grp-wrap, .category-grp-wrap{
    width: 100%;
  }
  /*cta
  =======================*/
  .cta-detail-box{
    width: min(550px,100%);
    padding-left: 0;
    -ms-align-items: center;
    align-items: center;
    margin-right: auto;
  }
  .cta-button-wrap{
    justify-content: center;
  }
  .cta-thumb{
    transform: translateX(-25%);
  }
  .index-brand-blc .brand-list{
    grid-template-columns: repeat(2,1fr);
  }
  /*form*/
  .form-list > div, .form-list .grp-wrap{
    width: 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap:min(20px,3vw);
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .inp-date{
    width: 100%;
  }
  .form-list dt,
  .form-list dd{
    width: 100%;
  }
  
}
@media screen and (max-width: 600px) {
  
  /*step*/
  .step-list{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .step-list li{
    width: 100%;
  }
    .step-list li .comment{
        font-size: var(--fs-mid20);
    }
    .step-list::before{
        transform: rotate(90deg);
    margin-top: min(-20px, -7.5vw);
    }
  /*area*/
  .index-area-detail{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap:min(30px,5vw);
  }
  .index-area-detail .thumb_map{
    width: min(400px,80%);
  }
  .js-acd-list{
    width: 100%;
  }
  .index-area__case .comment{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap:min(20px,3vw);
  }
  .index-area__case .comment > *{
    width: 100%;
  }
  .index-area__case .comment .text-area{
    padding-right: 0;
  }
  /*about us*/
  .index-about__detail{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .index-about__detail li{
    width: 100%;
  }
  /*inrtoduction*/
  .index-introduction__detail{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap:min(20px,3vw);
  }
  .index-introduction__detail .thumb{
    width: min(400px,60%);
    aspect-ratio:1/.85;
    overflow: hidden;
  }
  .index-introduction__detail .comment{
    width: 100%;
    padding-left: 0;
  }
  /*voice*/
  .index-voice-list{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .index-voice-list li{
    width: 100%;
  }
  .voise-title{
        justify-content: flex-start;
    }
  .voise-title .fkds p{
    min-height: inherit;
  }
}
@media screen and (max-width: 480px) {
  
  .main-key{
    aspect*ratio:1/1.3733;
  }
  .sec-title .in-text{
    text-align: justify;
  }
  .item-tag-area p{
    font-size: 10px;
  }
  /*promiss*/
  .appeal__promiss_box{
    padding-bottom: min(50px,15vw);
  }
  .pos-pic.pic_bag{
    transform: translateX(-20%) translateY(25%)
  }
  .pos-pic.pic_item{
    transform: translateX(20%) translateY(25%);
  }
  /*cta*/
  .cta-button-wrap{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    width: 70%;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin-left: auto;
  }
  .cta-head .in-title{
    font-size: calc(var(--head2)*.925);
  }
  .cta-head .text{
    width: 100%;
    text-align: center;
  }
  .cta-dial-wrap .dial .num{
    font-size: calc(100vw/8.8);
  }
  .cta-dial-wrap .icn{
    width: 3em;
  }
  .cta-btn{
    width: 100%;
  }
  .cta-thumb{
    width: 35%;
  }
  .cta-btn .text .wid{
    font-size: 6.5vw;
  }
  .index-brand-blc .brand-list{
    width: auto;
    grid-template-columns: repeat(3,1fr);
  }
  .index-area__case .check-list li{
    width: 100%;
  }
  /*footer*/
  ul.foot-nav li a{
    font-size: .8em;
  }
  
}