@media (max-width:1700px) {

}
@media (max-width:1280px) {


  .header-logo a img{
   width:220px;
  }
  .gnb > li > a{
    font-size:20px;
  }
  
  .sv-slide .slick-arrow{
    right:30px;
  }
  .sv-slide .slick-arrow.slick-prev{
    right:70px;
    margin-top:5px;
  }
  #main-visual .slick-arrow{
  font-size:30px;
  bottom:30px;
  }
}
@media (max-width:1024px) {
   header{
   height:80px;
   justify-content: flex-start;
   }
   .menu > li > ul > li > a{
   line-height:1.2em;
   color:rgba(0,0,0,0.6);
   display:block;
   padding:3px 0;
   font-size:0.9em;
   }
   .tnb{
   order:1;
   flex-shrink: 0;
   }
   .tnb ul{
   display:flex;
   justify-content: center; 
   }
   .tnb li.tnb-member{
   display:none;
   }
   .header-gnb{
   border:0;
   display:none;
   }
   .header-logo{
   order:0;
   flex-grow: 1;
   }
   .mobile-open-btn{
   display:block;
   font-size:25px;
   color:#fff;
   order:2;
   flex-shrink: 0;
   width: 30px;
   text-align:right;
   }
   .scroll-down-wrap{
    display:none;
    }
    
    .gnb > li > a{
      
    }
    
    #introduce{
    padding:80px 0;
    padding-left:5%;
    }
    .intro-txt{
    padding-left:0;
    }
    .it-t1{
    font-size:16px;
    }
    .it-t2{
    font-size:40px;
    }
    .it-t3{
    font-size:18px;
    padding:10px 0;
    }
    .it-t4{
    font-size:18px;
    margin-bottom:30px;
    }
    .fac-area{
    margin-left:5%;
    width:95%;
    }
    .fac-tit span{
    font-size:16px;
    }
   .fac-tit p{
    font-size:40px;
   }
   .fac-slide .slick-arrow{
    right:5%;
    top:35px;
   }
   .text-deco img{
    width:80px;
   }
   .text-deco{
    bottom:-40px;
   }
   #kind{
    padding:80px 0 60px;
   }
   .ka-t2{
    font-size:22px;
   }
   
  .main-form-area{
  display:block;
  }
  #main-banner{
  margin-right:0;
  }
  #contact{
  width:100%;
  margin-top:20px;
  }
  
  .sv-txt p{
  padding-top:50px;
  font-size:55px;
  }
  .sub-intro-img{
  width:380px;
 }
 .sub-intro-txt{
  padding-left:40px;
 }
 .intro-top p{
  font-size:28px;
 }
 .intro-top span{
  font-size:25px;
 }
 .intro-top:after{
  width:40px;
  margin-top:20px;
 }
 .intro-bottom{
  font-size:18px;
 }
 .sub-img2{
  padding:70px 50px;
  box-sizing:border-box;
 }
 .bean-txt{
  font-size:28px;
 }
 .s21-ico img{
  width:80px;
 }
 .s21-p1{
  font-size:25px;
 }
 .sc-li2 li{
  word-break:keep-all;
 }
 .sc-li2 li br{
  display:none;
 }
 
 .cacao-fix{
  background:transparent;
  bottom:35px;
  display:block;
 }
 .cacao-fix a{
 justify-content: flex-end;
 text-align:right;
 }
 .cacao-fix a > img, .cacao-fix a p, .cacao-fix a span{
  display:none;
 }
 .cacao-mobile{
 display:block;
 width:50px;
 margin-right:10px;
 }
 .cacao-mobile img{
  width:100%;
 }
 .side-top{
  width:50px;
  height:50px;
  line-height:50px;
 }
 
 .fac-slide{
  margin-top:20px;
 }
}

@media (max-width:768px) {
   body, th, td, input, select, textarea, button{
   font-size:15px;
   }
   header{
   height:60px;
   line-height:60px;
   padding:0 5px;
   }
   .header-logo{
   left:10px;
   }
   .header-logo a img{
   width:150px;
   }

   #main-visual .slick-arrow.slick-prev{
   right:50px;
   }
   #main-visual .slick-arrow{
   width:35px;
   height:35px;
   line-height:35px;
   font-size:25px;
   right:20px;
   bottom:20px;
   }
   .tnb{
    margin-top:5px;
   }
   .tnb li{
    padding-left:5px;
   }
   .tnb li a{
    width:25px;
    height:25px;
   }
   
   /*.va-img img{
    width:200%;
    position:relative;
    left:50%;
    margin-left:-100%;
   }*/
   .va-text{
    font-size:18px;
    box-sizing:border-box;
    padding:0 20px;
    word-break:keep-all;
   }
   .va-text br{
    display:none;
   }
   .it-t1{
    font-size:14px;
   }
   #introduce{
    padding:50px 5%;
   }
   .it-t2{
    font-size:32px;
   }
   .it-t3{
    font-size:16px;
   }
   .it-t4{
    font-size:16px;
    margin-bottom:15px;
   }
   
   #facilities{
    padding:50px 0 30px;
   }
   .fac-tit span{
    font-size:14px;
   }
  .fac-tit p{
  font-size:32px;
  }
  .fac-slide .slick-slide > div{
  margin-right:0;
  }
  .fac-area{
  width:90%;
  }
  .text-deco{
  display:none;
  }
  #kind{
  padding:50px 0;
  }
  .ka-t1{
  font-size:16px;
  }
  .ka-t2{
  font-size:18px;
  padding:10px 0 20px;
  line-height:1.5em;
  }
  #main-form{
  padding:30px 0;
  }
  #main-banner{
  padding:30px;
  }
  .mb-t2{
  font-size:18px;
  word-break:keep-all;
  }
  .mb-t2 br{
  display:none;
  }
  #contact{
  margin-top:10px;
  }
  .cnt_left input.ip1,
  .cnt_left input.ip2{
  font-size:15px;
  }
  button.coun_btn{
  height:52px;
  line-height:52px;
  }
  #site-banner .slick-arrow{
  width:30px;
  height:30px;
  line-height:30px;
  }
  footer{
  padding:20px 0;
  }
  .fi-menu{
  display:none;
  }
  .foot-info{
  text-align:center;
  display:block;
  }
  .fic-t2 img{
  max-width:380px;
  }
  .fic-a1{
  font-size:30px;
  }
  .foot-area{
  text-align:center;
  margin-top:20px;
  }
  
  .sub-visual,
  .svs-img{
  height:20vh;
  }
  .sv-txt p{
  font-size:32px;
  }
  .sv-txt span{
  font-size:14px;
  }
  .sub-content{
  padding:40px 0;
  }
  .sub-intro-box{
  display:block;
  }
  .sub-intro-img{
  width:100%;
  }
  .sub-intro-txt{
  padding-left:0;
  padding-top:20px;
  }
  .intro-top p{
  font-size:20px;
  word-break:keep-all;
  }
  .intro-top span{
  font-size:20px;
  word-break:keep-all;
  }
  .intro-top span br{
/*  display:none;*/
  }
  .intro-bottom{
  margin-top:20px;
  }
  .intro-bottom p{
  word-break: keep-all;
  font-size:15px;
  line-height:1.45em;
  }
  .intro-bottom p br{
  display:none;
  }
  .sv-txt span{
  font-size:12px;
  }
  .partner-txt em{
  font-size:16px;
  }
  .partner-txt{
  font-size:26px;
  word-break: keep-all;
  margin-bottom:20px;
  }
  .partner-txt br{
  display:none;
  }
  .partner-slide .slick-list{
  padding:0 !important;
  width:100%;
  }
  .sc-li2 li{
  width:100%;
  text-align:center;
  }
  .scl-ico{
  margin:0 auto 10px;
  }
  .product ul li{
  width:49.5%;
  }
  .product ul li p{
  line-height:1.5em;
  height:3em;
  overflow:hidden;
  }
  .paging{
  margin-top:20px;
  }
  .paging a, .paging strong {
  width:30px;
  height:30px;
  line-height:30px;
  }
  .p-prev i, .p-next i{
  line-height:30px;
  }
  .s23-box{
  display:block;
  }
  .s21-you{
  padding:0;
  width:100%;
  margin-top:30px;
  }
  .s21y-link p{
  font-size:25px;
  margin-bottom:10px;
  }
  .sc-li1 li{
  margin:10px 0;
  }
  
  .dtl_img{
  width:100%;
  }
  .dtl_text{
  width:100%;
  margin-top:20px;
  }
  ul.thumb{
  position:relative;
  width:100%;
  }
  ul.thumb li{
  width:70px;
  height:70px;
  margin-right:5px;
  }
  ul.thumb li a{
  width:100%;
  height:70px;
  }
  #zoom_img{
  width:100%;
  overflow:hidden;
  margin-bottom:10px;
  }
  .dtl_text table th{
  width:25%;
  }
  .dtl_text table th, .dtl_text table td{
  font-size:15px;
  }
  .dtl_tab{
  margin:50px 0 30px;
  height:40px;
  }
  .dtl_tab ul li a{
  font-size:15px;
  height:40px;
  line-height:40px;
  }
  .dtl_tab ul li a.on{
  height:42px;
  line-height:42px;
  }
  .del_title b{
  font-size:22px;
  }
  .del_title span{
  font-size:15px;
  }
  .del_title{
  margin-bottom:20px;
  }
  #delivery table th{
  font-size:15px;
  }
  #delivery table td{
  padding:15px;
  }
 ol{
list-style-type: disc !important;
  }
  .btn_w{margin-top:30px;}
  input.btn2,
  input.btn{
  width:25%;
  height:45px;
  line-height:45px;
  }
  
  .sub-img2{
  padding:30px;
  }
  .bean-txt{
  font-size:20px;
  margin-bottom:0;
  }
  .bl-flag{
  width:100%;
  max-width:250px;
  margin:0 auto;
  margin-bottom:10px;
  padding-right:0;
  }
  .sc-li1 li{
  display:block;
  }
  
  .sub-news-list li{
  width:100%;
  margin:0;
  margin-bottom:20px;
  }
  .snl-date{
  font-size:14px;
  }
}