@charset "utf-8";

.cs_cate{font-size:0; text-align:center;}
.cs_cate label{position:relative;}
.cs_cate label input{position:absolute; top:0; left:0; opacity:0;}
.cs_cate label:has(input[type="checkbox"]:checked){background-color:#1e1e1e}
 
.cs_cate label,.cs_cate a{display:inline-block;background-color:#aeac93;color:#fff;vertical-align: middle;}
.cs_cate label.on{background-color:#1e1e1e}
.cs_cate a{background-color:#ffd956; color:#1e1e1e}


.submit_area a,.submit_area input{display:inline-block; border-radius:5px !important}


#bo_w .bo_w_mail {float:left;width:49.5%}
#bo_w .bo_w_hp {float:right;width:49.5%}
#bo_w .bo_w_sbj {clear:both}
#bo_w .frm_info {position:relative;line-height:18px;color: #313131;margin:10px 0;display:inline-block;font-size:1em}

.cs_form li input,.cs_form li textarea{padding-left:2%}
.frm_input {border:0 !important;}

@media (min-width:1300px) {
.cs_cate{margin-top:100px}
.cs_cate label,.cs_cate a{margin:0 5px;padding: 0 10px !important;}
.cs_cate img{width:auto;}

.text2{margin-top:20px;}

.cs_form ul{width:700px; margin:50px auto 0;}
.cs_form li{margin-bottom:10px;}
.cs_form li textarea{height:300px}

.submit_area{margin-top:50px;}
}
 
@media (min-width:640px){

}
@media (min-width: 640px) and (max-width: 1299px){
 
.cs_cate{margin-top: 5vw;}
.cs_cate label,.cs_cate a{margin:0 5px;padding: 0 1vw !important;}
.cs_cate img{width: 2.6vw;}

.text2{margin-top:20px;}

.cs_form ul{width: 80%;margin: 5vw auto 0;}
.cs_form li{margin-bottom:10px;}
.cs_form li textarea{height:300px}

.submit_area{margin-top:50px;}
}
@media (max-width:1299px){
 
}
@media (max-width: 640px){
.cs_cate{margin-top: 8vw;}
.cs_cate label,.cs_cate a{width: 33% !important;margin: 0 1vw 2vw;line-height: 9vw;}
.cs_cate img{width: 4.3vw;}

.text2{margin-top: 2vw;}

.cs_form ul{width: 100%;margin: 7vw auto 0;}
.cs_form li{margin-bottom:10px;}

.cs_form .chk_box input[type="checkbox"] + label{font-size:3vw}

.cs_form li textarea{height: 30vw;}

.submit_area{margin-top:50px;}
  
}