@charset "utf-8";

@media screen and (min-width:768px){
/*pc・タブレットcss*/

#about{
	width:80%;
	margin-left:auto;
	margin-right:auto;

	margin-bottom:5vw;
}
#dl-list{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5vw;
}
#dl-list .content-area{
	margin-bottom:8vw;
}
#new-vendors{
}
#new-vendors .line{
	font-size:20px;
	text-decoration:underline;
	color:#C11920;
}



/* +++++++++++++++++++++++++　table */

.dl-ttl01{
	margin-bottom:30px;
	font-size:40px;
	color:#18943B;
	font-weight:700;
	line-height:1;
}
.dl-ttl02{
	margin-top:5vw;
	margin-bottom:20px;
	font-size:24px;
	font-weight:700;
	line-height:1;
}
.dl-ttl02:first-of-type{
	margin-top:0vw;
}
.dl-table{
	width:100%;
	margin-bottom:2vw;
	border-collapse:collapse;
	border-top: solid 1px #000;
}
.dl-table th,
.dl-table td{
	padding:20px;
	border-bottom: solid 1px #000;
	line-height:1.6;
}
.dl-table tbody td:first-of-type{
	width:30%;
	vertical-align:middle;
}
.dl-table td{
	width:23.333%;
	vertical-align:middle;
}
.dl-table td a{
	color:#0076BF !important;
	text-decoration:underline;
}
.dl-table td a:hover{
	text-decoration:none;
}
.dl-table .icon-new{
	color:#C11920;
}
.dl-table .bulk-dl-txt{
	color:#C11920;
}



}

@media screen and (min-width:768px) and ( max-width:1700px) {

}

@media (max-width: 768px) {
	
	#about{
		margin-bottom:10vw;
	}
	#dl-list{
		margin-bottom:5vw;
	}
	#dl-list .content-area{
		margin-bottom:10vw;
	}
	#new-vendors{
		font-size:16px;
	}
	#new-vendors .line{
		text-decoration:underline;
	}
	
	/* +++++++++++++++++++++++++　table */
	
	.dl-ttl01{
		margin-bottom:3vw;
		font-size:20px;
		color:#18943B;
		font-weight:700;
		line-height:1;
	}
	.dl-ttl02{
		margin-top:15vw;
		margin-bottom:3vw;
		font-size:16px;
		font-weight:700;
		line-height:1;
	}
	.dl-ttl02:first-of-type{
		margin-top:0vw;
	}
	
	
	.dl-table{
		width:100%;
		margin-bottom:5vw;
		border-collapse:collapse;
		border-top: solid 1px #000;
	}
	
	.dl-table thead th:last-of-type{
		border-bottom: solid 1px #000;
	}
	
	
	.dl-table th,
	.dl-table td{
		display:block;
		width:100%;
		font-size:16px;
		line-height:1.6;
	}
	.dl-table th{
		padding:1vw 0;
	}
	.dl-table td{
		padding:1vw 0;
	}
	.dl-table tbody td:first-of-type{
		padding-top:4vw;
	}
	.dl-table tbody td:last-of-type{
		border-bottom: solid 1px #000;
		padding-bottom:4vw;
	}
	.dl-table td a{
		color:#0076BF !important;
		text-decoration:underline;
	}
	.dl-table td a:hover{
		text-decoration:none;
	}
	.dl-table .icon-new{
		color:#C11920;
	}
	.dl-table .bulk-dl-txt{
		color:#C11920;
	}
		
		
		
}