@charset "shift_jis"; 

.table {
	width:100%;
	border-collapse: collapse;
	}
.table td,
.table th {
	padding:10px;
	border: 1px solid #ccc;
	}
.table th {
	width:25%;
	background:#fbf3e4;
	}
.table thead {}
.table thead th {
	background:#309a2d;
	color:#ffffff;
	}
.table tbody{}

@media all and (-ms-high-contrast:none){
	.table td,
	.table th {	padding:13px 10px 7px;}
}
@media only screen and (max-width:768px) {
	.table{display: block;}
	.table thead {display: block;}
	.table tbody {display: block;}
	.table tbody tr {
		display: block;
		text-align:left;
	}
	.table th,
	.table td {
		width:100%;
		display: list-item;
		list-style-type: none;
		border: none;
		padding:5px;
		text-align:left;
	}
	.table th {}
	.table td {}
}
@media (-ms-high-contrast:none) and (max-width: 768px) {
	.table th,
	.table td {padding:8px 5px 2px;}
}


/******************************************/
.table_dot {
	width:100%;
	border-collapse: collapse;
	border-top: 1px dotted #999;
	}
.table_dot tr{
	display: block;
	padding:5px 0;
	border-bottom: 1px dotted #999;
	}
.table_dot tr:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.table_dot td,
.table_dot th {
	display:block;
	float:left;
	padding:3px 10px;
	}
.table_dot th {
	width:25%;
	background:#f0dab3;
	}
.table_dot td{
	width:75%;
}
@media all and (-ms-high-contrast:none){
	.table_dot td,
	.table_dot th {	padding:6px 10px 0px;}
}
@media only screen and (max-width:768px) {
	.table_dot{display: block; border:none;}
	.table_dot thead {display: block;}
	.table_dot tbody {display: block;}
	.table_dot tbody tr {
		display: block;
		text-align:left;
		border:none;
		padding:0;
	}
	.table_dot th,
	.table_dot td {
		width:100%;
		display: list-item;
		list-style-type: none;
		text-align:left;
	}
	.table_dot th {}
	.table_dot td {}
}
@media (-ms-high-contrast:none) and (max-width: 768px) {
	.table_dot th,
	.table_dot td {padding:8px 5px 2px;}
}