@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++

	ec.html

++++++++++++++++++++++++++++++++++++++++ */

article #service_header {
	background-image: url(../img/ec/header.jpg);
	background-color: #8caa8c;
}
article #service_header h2 {
	background-image: url(../img/ec/icon.png);
}

article section h3 {
	color: #8caa8c;
}

#comparison {
	margin-top: 20px;
}
#comparison table {
	width: 100%;
}
#comparison th,
#comparison td {
	width: 128px;
	border: 1px solid #d2d2d2;
}
#comparison th {
	padding-right: 14px;
	text-align: right;
	color: #3c3c3c;
}
#comparison td {
	text-align: center;
}
#comparison thead th,
#comparison thead td {
	background: #f0f0f0;
}



/* ++++++++++++++++++++++++++++++++++++++++

	SP

++++++++++++++++++++++++++++++++++++++++ */

@media screen and (max-width: 767px){
	article #service_header {
		background-position: 80% 100%;
		background-size: auto 80%;
	}

	#comparison {
		overflow-y: hidden;
	}
	#comparison table {
		width: auto;
	}
	#comparison th,
	#comparison td {
		width: auto;
		padding: 5px;
		white-space: nowrap;
		font-size: 11px;
		line-height: 1.3;
	}
}