@charset "utf-8";


.search_wrap { margin: 0 0 80px; }
.search_wrap dl.sel { /* padding: 20px 20px 0; */ border: 1px solid #ddd; }
.search_wrap dl:after { content: ""; display: block; clear: both; }
.search_wrap dl.sel dt {clear: both; float: left; margin: 0 0 20px; width: 140px; padding: 20px 20px 0; font-size:18px; text-align:center; }
.search_wrap dl.sel dd { float: left; margin: 0 0 20px; padding: 20px 20px 0; width: calc(100% - 140px); }
.search_wrap dl.sel dt:nth-of-type(2) { border-top:1px solid #ddd; }
.search_wrap dl.sel dd:nth-of-type(2) { border-top:1px solid #ddd; }
.search_wrap dl.sel dd ul:after { content: ""; display: block; clear: both; }
.search_wrap dl.sel dd li { float: left; margin: 0 10px 10px 0; }

.search_wrap .sel_list { margin: 20px 0 0; text-align: center; }
.search_wrap .sel_list:after { content: ""; display: block; clear: both; }
.search_wrap .sel_list input { display: inline-block; width: 180px; height: 40px; text-align: center; border: 0; cursor: pointer; }
.search_wrap .sel_list input[type="button"] { margin: 0 10px 0 0; border: 1px solid #ddd; }
.search_wrap .sel_list input[type="submit"] { color: #fff; background: #ea5903; }

.search_wrap input[type=checkbox] { display: none; }
.search_wrap input[type=checkbox] + label { display: block; padding: 0 15px; height: 35px; line-height: 33px; font-size: 14px; border: 1px solid #ddd; border-radius: 200px; cursor: pointer; min-width: 120px; text-align: center; }
.search_wrap input[type=checkbox]:checked + label { background: #ea5903; border-color: #ea5903; color: #fff; }

.search_count { position: relative; margin: 0 0 10px; padding: 0 0 0 20px; font-weight: 400; }
.search_count:before { content: ""; display: block; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; border: 4px solid #545047; border-radius: 50%; }

.tbl_wrap table { border-color: #ddd; }

.tbl_head01 td.td_subject { padding: 10px 20px; text-align: left; }
.tbl_head01 td.td_limit { width: 130px; text-align: center; }
.tbl_head01 td.td_company { width: 200px; text-align: center; }


#bo_sch { text-align: center; }
.sch_input { width: 250px; height: 40px; }
.sch_btn { width: 40px; height: 40px; color: #fff; border: 0; background: #5e5e5e; vertical-align: middle; cursor: pointer; }

.bo_tit span { display: block; font-size: 13px; color: #d4a400; }




.search-container .sch_input { width:303px; }




/* #####################################################################################################*/

@media (max-width: 760px) {
	.search_wrap dl.sel dt { width:100%; padding:10px 10px 0; margin-bottom:10px; }
	.search_wrap dl.sel dd { width:100%;  }
	.search_wrap dl.sel dd:nth-of-type(1) { border-top: 1px solid #ddd; }
	.search_wrap input[type=checkbox] + label { min-width:85px; } 
}


@media (max-width: 600px) {
	.search_wrap .sel_list { margin: 0; }
	.search_wrap .sel_list input { float: left; width: 50%; }
	.search_wrap .sel_list input[type="button"] { margin: 0; border-top: 0; border-right: 0;}
	.search_wrap .sel_list input[type="submit"] { color: #fff; background: #666258; }

	.tbl_head01 td.td_limit { width: 20%; }
	.tbl_head01 td.td_company { width: 25%; }
	
}


@media (max-width: 440px) {

	.search_wrap dl.sel dt { float: none; margin: 0 0 20px; width: 100%; text-align: center; }
	.search_wrap dl.sel dd { float: none; margin: 0 0 20px; width: 100%; text-align: center; }
	.search_wrap dl.sel dd li { float: none; display: inline-block; margin: 0 6px 10px; }


	.sch_input { width: 40%; }
	.search_wrap input[type=checkbox] + label { min-width:70px; }

}


@media (max-width: 360px) {
	.search_wrap input[type=checkbox] + label { padding: 0 15px; height: 30px; line-height: 29px; font-size: 13px; }

}