@charset "utf-8";

/* ==========================================================================
  common
  ========================================================================== */
.outline_sub_ttl{
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 600;
}

/* ==========================================================================
  table
  ========================================================================== */
table{
	width: 100%;
	border: 1px solid #ccc;
}

tr{
	border-bottom: 1px solid #ccc;
}

tr:last-child{
	border: none;
}

td{
	padding: 5px 7px;
	border-right: 1px solid #ccc;
	font-size: 12px;
}
td02{
	text-align:center;
}
td:last-child{
	border: none;
}

.table_left{
	width: 300px;
}
.table_left02{
	width: 150px;
	text-align: center;
	vertical-align: middle;
}

.table_left03{
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
.table_left04{
	width: 200px;
	text-align: center;
	vertical-align: middle;
}

.cap {
	display: inline-block;
	margin: 10px 0;
	color: #666;
	font-size: 12px;
}

@media only screen and (max-width: 640px) {
tr,
td{
	display: block;
}

td{
	border-right: none;
	border-bottom: 1px solid #ccc;
}

.table_left{
	width: 100%;
}


/* 横スクロール */
.sp_scroll{
	width: 100%;
	overflow-x: scroll;
}

.sp_scroll table{
	width: 200%;
}

.sp_scroll tr{
	display: table-row;
}
.sp_scroll td{
	display: table-cell;
}

.sp_scroll .table_left{
	width: 200px;
}

}