@charset "utf-8";

#articleBox{
	display:block;
	overflow:hidden;
	padding:25px 25px 50px;
	border: 1px solid #cccccc;
}


#articleBox > table{
	display:block;
	overflow:hidden;
	width:660px;
	margin:0 auto;
	font-size:0.9em;
	line-height:155%;
}

#articleBox > table > tbody > tr + tr{
	border-top: 1px dotted #cccccc;
}

#articleBox > table th,
#articleBox > table td{
	padding:0.5em 0.5em;
}

#articleBox > table th{
	white-space:nowrap;
	text-align:right;
}
#articleBox > table th::after{
	content:"：";
}


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

	h2.grayBase {
	    height: auto;
	    font-size: 2.4rem;
	    line-height: 155%;
	    padding-right: 0;
	    background:none!important;
	    filter:none;
	}

	#articleBox {
	    padding: 0 15px 15px;
	    border:none;
	}

	#articleBox > table{
		width:100%;
		font-size:1.0em;
	}

	#articleBox > table th,
	#articleBox > table td{
		display:block;
		overflow:hidden;
		text-align:left;
		padding:0.5em 0;
		width:100%;
	}

	#articleBox > table th{
		padding:0.5em 0;
	}
	#articleBox > table td{
		padding:0 1em 1em;
	}
}