@charset "utf-8";

/*column
************************************************************************************/

.section {
	padding: 50px 0;
	text-align: left;
	word-break: break-all;
	margin: 30px auto;
}
article > .section:first-child{
	margin-top: 0;
}
.section:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .section {
	height: 1em;
}
.section {
	display: block;
}
/* ▲ */
/* for IE7 */
*:first-child + html .section {
	zoom: 1;
}

.section-innner{
	margin: 0 0 50px;
}
.text {
	padding: 10px;
	line-height: 1.7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.text20 {
	padding: 20px;
	line-height: 1.7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.text p, .text20 p {
	padding-bottom: 1em;
}
.text p:last-child, .text20 p:last-child {
	padding-bottom: 0;
}
.text:after, .text20:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .text, * html .text20 {
	height: 1em;
}
.text, .text20 {
	display: block;
}
/* ▲ */
/* for IE7 */
*:first-child + html .text, *:first-child + html .text20 {
	zoom: 1;
}

.border-frame{
	margin: 1em auto;
	padding: 30px;
	border: 1px solid #000;
	background: #FFF;
}