@charset "utf-8";
/* CSS Document */


.draw-box{
	width:48%;
	float:left;
	margin:1%;
}

.draw-box h3{
	background-color:#333;
	color:#fff;
	line-height:1.3em;
	height:6.5em;
	font-size:13px;
	padding:0.5em;
}


.draw-box .scroll{
	width:100%;
	height:15em;
	overflow:auto;
	display:block;
	font-size:14px;
}

.draw-box .scroll a{
	display:block;
	line-height:3em;
	height:3em;
	text-decoration:none;
	border-bottom:#CCC dashed 1px;
	color:#000;
	padding:0 0.5em;
	box-sizing:border-box;
}
.draw-box .scroll a:hover{
	background-color:#F7F7F7;
}

.draw-box .scroll h4{
	display:block;
	line-height:3em;
	height:3em;
	text-decoration:none;
	border-bottom:#CCC dashed 1px;
	color:#000;
	padding:0 0.5em;
	box-sizing:border-box;
	
	background-color:rgba(51,51,51,0.08);
}
/* *****************************レスポンシブ：タブレット***************************** */
@media (min-width: 750px) { 
	.draw-box{
		width:31%;
		float:left;
	}
	.draw-box .scroll{
		font-size:16px;
	}
}
/* *****************************レスポンシブ：デスクトップ***************************** */
@media (min-width: 1024px) {
	.draw-box h3{
		height:2.6em;
	}
	.draw-box .scroll{
		font-size:18px;
	}
}