@charset "utf-8";

#clmContent .section{
	margin-top: 80px;
}

h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.tr{
	text-align: right;
}

.mt50{
	margin-top: 50px;
}

.cap{
	font-size: 10px !important;
}

.pdbox{
	padding: 30px 40px;
}
.sumArea .left{
	width: 56.80473372781065%;
}
.sumArea .right{
    width: 37.278106508875744%;
}

.sumArea .left02{
	float: left;
	width: 48.5207100591716%;
}
.sumArea .right02{
	float: right;
	width: 48.5207100591716%;
}

.listbox{
}

.listbox dt{
	font-size: 15px;
	margin-top: 30px;
}

.listbox dt:first-child{
	margin-top: 0;
}

.listbox dd{
	font-size: 13px;
	padding: 0;
	margin-left: 0;
	margin-top: 10px;
}

table{
	width: 100%;
	background-color: #8d8d8d;
	font-size: 14px;
}

table th{
	width: 30%;
	background-color: #FFF;
	text-align: left;
	font-weight: normal;
	padding: 5px;
	box-sizing: border-box;
}

table td{
	width: 70%;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	box-sizing: border-box;
}

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

	.sumArea .left{
		width: 100%;
	}
	.sumArea .right{
	    width: 100%;	    
	}

	.sumArea .left02{
		float: none;
		width: 100%;
	}
	.sumArea .right02{
		float: none;
		width: 100%;
		margin-top: 20px;
	}	

	.listbox dd img{
		width: 100% !important;
	}

	table{
		width: 100%;
		background-color: #8d8d8d;
		font-size: 14px;
	}

	table th{
		width: 30%;
		background-color: #FFF;
		text-align: left;
		font-weight: normal;
		padding: 5px;
		box-sizing: border-box;
	}

	table td{
		width: 70%;
		background-color: #FFF;
		text-align: left;
		padding: 5px;
		box-sizing: border-box;
	}

}