@charset "UTF-8";
/* CSS Document */
@import url("header.css");
@import url("navi.css");
@import url("footer.css");
@import url("common.css");


@media (min-width:1200px) {
	#main .content .contbox ul{
		list-style-type: none;
		display: flex;
		flex-flow: column wrap;
	}
	#main .content .contbox ul li{
		display: flex;
		flex-flow: row wrap;
	}
	#main .content .contbox ul li .no{
		width: 80px;
		margin-right: 10px;

	}
	#main .content .contbox ul li .name{
		width: 100px;
		margin-right: 10px;

	}
}

@media (max-width:1199px) and (min-width:451px) {
	#main .content .contbox ul{
		list-style-type: none;
		display: flex;
		flex-flow: column wrap;
	}
	#main .content .contbox ul li{
		display: flex;
		flex-flow: row wrap;
	}
	#main .content .contbox ul li .no{
		width: 80px;
		margin-right: 10px;

	}
	#main .content .contbox ul li .name{
		width: 100px;
		margin-right: 10px;

	}
}


@media (max-width:450px) {
	#main .content .contbox ul{
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		display: block;
	}
	#main .content .contbox ul li{
		padding: 0px;
		margin-bottom: 20px;
		font-size: 5vw;
		display: flex;
		flex-flow: row wrap;
	}
	#main .content .contbox ul li .no{
		width: 100%;
		margin-left: 0px !important;
	}
	#main .content .contbox ul li .name{
		width: 100%;
		margin-left: 10px;
	}
	#main .content .contbox ul li span{
		width: 100%;
		margin-left: 10px;
	}
}