/* 基本は非表示・不透明度0 */
.databox {
  display: none;
  opacity: 0;
  transition: opacity 300ms ease; /* この300msをJSのフォールバックtimeoutと合わせる */
}

/* 表示中はdisplay:block + opacity:1 */
.databox.active {
  display: block;
  opacity: 1;
}

/* フェードアウト用（displayはそのまま維持） */
.databox.fade-out {
  opacity: 0;
}
#pagination button, #pagination input[type="button"], #pagination input[type="submit"], #pagination input[type="reset"] {
	background-color: #aaaaaa;
	margin-left:5px;
	margin-right:5px;
	color: #ffffff;
	height: 40px;
	border-radius: 5px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#pagination button:disabled {
  background: #227c9d;
}
button.back_btn {
    background-color: #9d2222;
}
/*
.purpose td, .industry td, .employees td, .acceptance td {
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.purpose td div, .industry td div, .employees td div, .acceptance td div {
	width: 50%;
}
*/

#wrap_serch td {
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#wrap_serch div {
	width: 50%;
}
#wrap_serch th {	
	border: 3px solid #FFF;
	width:30%;
	color: #FFF;
	background-color: #227c9d;
	text-align: center;
}
#wrap_serch td {
	border-bottom: 1px solid #ccc;
}
/*}
.search th, .search td {
	border: 3px solid #FFF;
}
.search td {
	border-bottom: 1px solid #ccc;
}
.search th {
	width:30%;
	color: #FFF;
	background-color: #227c9d;
	text-align: center;
}*/


input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}



/*--- 結果一覧 -----------------------------------------*/
#wrap_serchlist th {
	background-color: #ececec;
	color: #222;
}
#wrap_serchlist h3 {
	font-size: 1.2em;
	background-color: #227c9d;
	color: #fff;
	padding: 10px 15px;
}
#wrap_serchlist table input[type="submit"] {
	padding: 5px 20px 7px;
	font-size: 85%;
	line-height: 1.5;
}
#wrap_serchlist .total_no {
	display: inline-block;
	background-color: #e6a25b;
	color: #fff;
	padding: 5px 15px;
	line-height: 1.3;
	margin-bottom: 5px;
}
#wrap_serchlist .display-range {
	font-size: 80%;
}


/*--- 詳細ページ -----------------------------------------*/

@media (min-width: 768px) {
	#wrap_subdetail h3 {
	    font-size: 1.5em;
	}
/*------------------*/
}

#wrap_subdetail h3 {
	background-color: #227c9d;
	color: #fff;
	padding: 10px 15px;
	line-height: 1.5;
}

#wrap_subdetail p {
	margin-bottom: 0;
}
.formbox .btnbox {
	text-align: center;
	margin-bottom: 30px;
	border-bottom: 1px solid #227c9d;
	padding-bottom: 30px;
}
.formbox .btnbox input {
	display: inline-block;
}
.formbox .back_btn {
	background-color: #333;
	padding: 15px 30px;
	font-size: 90%;
}
.formbox .mgnbox {
	margin-bottom: 50px;
}
#wrap_page #main .formbox h2 {
	margin-bottom: 50px;
	margin-top: 0;
	font-size: 1.8em;
}







@media (max-width: 1200px) {
	#wrap_serch td {
		display: block;
	}
	#wrap_serch div {
		width: 100%;
	}
	
	/*------------------------------------*/
}


@media (max-width: 767px) {
	#wrap_page #main .formbox h2 {
		text-align: left;
		font-size: 1.5em;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	#wrap_serchlist h3 {
		font-size: 1.1em;
	}

/*------------------------------------*/
}

@media (max-width: 500px) {
	#wrap_page #main .formbox h2 {
		font-size: 1.2em;
	}

/*------------------------------------*/
}