@charset "utf-8";

table.comp_chart_pc {
	width: 100%;
	border: 1px solid #ccc;
}

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

table.comp_chart_pc tr:first-of-type,
table.comp_chart_pc tr:last-of-type {
	border-bottom: none;
}

table.comp_chart_pc th,
table.comp_chart_pc td {
	width: 20%;
	padding: 8px;
	border-right: 1px solid #ccc;
}

table.comp_chart_pc th {
	background-color: #5d456c;
	color: #fff;
	font-weight: 900;
}

table.comp_chart_pc tr:first-of-type td {
	border-bottom: 1px dashed #ccc;
}

table.comp_chart_pc td:last-of-type {
	border-right: none;
}

.s_text {
	font-size: 13px;
}

.attention_text {
	margin-top: 8px;
}

@media only screen and (max-width: 768px){

.comp_chart_sp {
	border: 1px solid #ccc;
}

.comp_chart_sp dt {
	background-color: #5d456c;
	color: #fff;
	font-weight: 900;
	text-align: center;
}

.comp_chart_sp dt,
.comp_chart_sp dd {
	border-bottom: 1px solid #ccc;
	padding: 10px;
}

.comp_chart_sp dd:last-of-type {
	border-bottom: none;
}

.comp_chart_sp dd .s_bw {
	display: flex;
	justify-content: space-between;
}

.comp_chart_sp dd .s_bw p:last-of-type {
	text-align: right;
}

.s_text {
	font-size: 15px;
}

}