/* CSS Document */
section div.flex {
	display: flex;
}

section div.flex div {
	width:50%;
	padding: 1em;
	box-sizing: border-box;
}

section div.flex div p {
	text-align: justify;
}

section#Coursecontent div div {
	margin: 1em;
	padding: 1em;
	background: rgba(255,255,255, 0.95);
	border-radius: 0.5em;
	color: #000;	
}

section#Coursecontent h4 {
	width:4em;
	float: left;
	clear: left;
	margin: 0.25em 0 0 0;
	color: rgba(0,14,157,1.00);
	text-shadow: none;
}

section#Coursecontent h4 + ul ,
section#Coursecontent h4 + p {
	text-align: justify;
	margin:0em 0 1em 8em;
	text-shadow: none;
	color: #000;
	font-weight: 400;
}


section#Flow ol li {
	background: rgba(255,255,255, 0.99);
	border-radius: 0.5em;
	padding: 1em;
	width:70%;
	display: block;
	margin: 1em auto 3em auto;
	position: relative;
	text-shadow: none;
	color: #000;
}

section#Flow ol li::after {
	content:"▼";
	font-size: 3.2rem;
	color: #fff;
	position: absolute;
	bottom: -1.75em;
}

section#Flow ol li:last-child::after {
	content: "";
}


section#Flow ol li dl dt {
	font-size: 2.4rem;
}

section#Curriculum dl {
	text-align: justify;
}

section#Curriculum dl dt {
	float: left;
	width:7em;
}

section#Curriculum dl dd {
	margin-left: 7em;
}


@media screen and (max-width: 999px) {/* 1000px以下*/
	section div.flex {
		display: block;
	}

	section div.flex div {
		width:100%;
		padding: 0em;
	}

	section#Coursecontent h4 {
		width:100%;
		float: none;
		text-align: justify;
	}

	section#Coursecontent h4 + ul ,
	section#Coursecontent h4 + p {
		text-align: justify;
		margin:0em 0 1em 0.25em;
		text-shadow: none;
		color: #000;
		font-weight: 400;
	}

	section#Flow ol li {
		width:85%;
	}

}