/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */


/* ---------------------------------------- common */

section .inside + .inside { margin: 3em 0 0; }
figcaption { 
	text-align: center; 
	padding: 0 0 .5em;
}

/* ---------------------------------------- intro */

#intro ul {
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

@media (max-width: 599px) {
	#intro ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#intro ul li { 
		width: 40%;
		max-width: 235px; 
		margin: 0 1em 1em;
	}
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
	#intro ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#intro ul li { 
		width: 235px; 
		margin: 0 1em 1em;
	}
} /* end 600-959 */

@media (min-width: 960px) {
	#intro ul {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#intro ul li { width: 23.5%; }
} /* 960- */

/* ---------------------------------------- table */

table.differ-style {
	width: 100%;
	table-layout: fixed;
}
table.differ-style tr:nth-child(odd){
	background: #f5f5f5;
}
table.differ-style th, table.differ-style td {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	text-align: left;
	vertical-align: middle;
	padding: 1em;
}

table.differ-style th {
	width: auto;
	color: #fff;
	background: #e0ca82;
	font-weight: bold;
}
table.differ-style tr th:nth-child(2),
table.differ-style tr td:nth-child(2),
table.differ-style tr th:nth-child(3),
table.differ-style tr td:nth-child(3) {
	border-left: 1px #ccc solid;
	text-align: center;
	width: 25%;
}