/************************************************************************************
larger than 980
*************************************************************************************/

#contents {
	text-align:center;
	line-height:240%;
}

h2.lead {
	margin-bottom:30px;
}

#business figure.notice {
	margin-bottom:20px;
	text-align:center;
}
#business .explain {
	background:#ffeeab;
	padding:60px 0;
}
#business .explain ul {
	width:960px;
	margin:0 auto;
}
#business .explain li {
	background:#fff;
	width:230px;
	padding:30px;
	height:250px;
	margin:0 30px 30px 0;
	text-align:left;
	display: inline-block; /* 横並び */
	vertical-align: top; /* li要素を上端揃えに */
}
#business .explain li:nth-child(3) {
	margin-right:0;
}
#business .explain li:nth-child(4) {
	margin-left:160px;
}
#business .explain li .st {
	text-align:center;
	font-weight:bold;
	margin-bottom:20px;
	font-size:20px;
}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

#contents {
	width:90%;
	margin:0 auto;
}

#contents p {
	text-align:left;
}
#contents p br {
	display:none;
}

h2.lead {
	margin-bottom:0;
}

#business figure.notice {
	width:100%;
	margin:0 auto 20px;
}
#business .explain {
	padding:20px 0;
}
#business .explain ul {
	width:90%;
}
#business .explain li {
	width:90%;
	padding:5%;
	height:auto;
	float:none;
	margin:0 auto 5%;
	text-align:left;
}
#business .explain li:nth-child(3),
#business .explain li:nth-child(4) {
	margin-left:auto;
}
#business .explain li .st {
	text-align:center;
	font-weight:bold;
	margin-bottom:20px;
	font-size:20px;
}

}