@charset "UTF-8";
/* ===================================================================

	history CSS

=================================================================== */

.history_area{
	width: 100%;
	padding: 0;
	margin: 0 0 50px 0;
}
.history_area {
	margin: 0 0 1em;
}
.history_area table {
	margin: 0 auto 1em;
	table-layout: fixed;
	border-collapse: collapse;
	border: #ddd solid 1px;
	font-size: 100%;
	width: 86%;
}
.history_area .textbox {
  margin: 0 auto 30px;
  width: 86%;
}
.history_area table th,
.history_area table td {
	border: #ddd solid 1px;
	font-size: 1.4rem;
	font-weight: normal;
	padding: .5em 1em;
	text-align: left;
	vertical-align: top;
}

.history_area table th {
	background-color: #CCEFEF;
	text-align: center;
	font-weight: bold;
}

.history_area table td {
	background-color: #fff;
}
.history_area table td.bgcolor{
	background-color: rgba(123, 201, 201, 0.1);
	text-align: center;
	vertical-align: middle;
}
tr.line01 th:first-child{
	width: 26%;
}
tr.line01 th:nth-child(2){
	width: 34%;
}

.history_area > ul{
	width: 100%;
	margin: 0;
	padding: 0;
}
.history_area ul li{
	list-style-type: disc;
	margin: 0 0 0 1em;
	padding: 0 0 0 0;
}
@media all and (max-width: 767px){
	.history_area table,
	.history_area table tbody,
	.history_area table tr,
	.history_area table th,
	.history_area table td {
		display: block;
		width: auto;
	}
	.history_area table {
		border-right: none;
		border-bottom: none;
		border-left: none;
	}
	.history_area table th {
		border-top: none;
		padding: .5em 1em;
	}
	.history_area table td {
		border-top: none;
	}
	.line01{
		display: none !important;
	}
	tr.line01 th:first-child{
		width: 100%;
	}
	tr.line01 th:nth-child(2){
		width: 100%;
	}
}



@media all and (max-width: 767px){
	
}