/* CSS Document */
#Course1 ul {
	display: flex;
}
#Course1 ul li {
	text-align: justify;
	width:calc(100% / 3);
	margin: 10px;
	box-sizing: border-box
}

#Course1 ul li span {
	display: block;
	box-sizing: border-box
}
#Course1 ul li span.licenseimage {
	width:100%;
}

#Course1 ul li span.licensenote {
	width:100%;
}


.course ul {
	display: flex;
	flex-wrap: wrap;
}

.course ul li {
	width:50%;
	display: block;
		border: 1px solid rgba(0,4,175,1.00);
		background: rgba(255,255,255,1.00);
		box-sizing: border-box;
		text-shadow: none;
		color: #000;
		padding: 1em 0;
		font-size: 120%;
}


/*------------------------------------------------------------------------------*/
/*-- スマホ用 --*/
@media screen and (max-width: 999px) {/* 1000px以下*/
	#Course1 ul {
		display: inherit;
		text-align: center;
	}
	#Course1 ul li {
		width:96%;
	}
	#Course1 ul li span.licenseimage {
		width:100%
	}

	#Course1 ul li span.licensenote {
		width:100%
	}
	
	.course ul {
		display: inherit;
		width:98%;
		float: none;
		margin: 1em auto;
	}

	.course ul li {
		display: block;
		width:100%;
		margin: 10px 0;
	}

}