.slider > li {
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 400px;
	object-fit: cover;
}

/* elearning.css　に移動

.flex.column {
	flex-direction: column;
}
.flex.inner {
	flex-direction: column;
}

.flex .course {
	flex: 1;
	position: relative;
	margin: 0 0 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	flex-direction: row;
}
.coursearea{
	padding-left: 1em;
	padding-right: 1em;	
	z-index:1;
}
.flex .course a {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index:2;
}
.flex .course a:hover {
  background-color:rgba(0,146,134,0.3);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  cursor: pointer;
}

@media only screen and (max-width: 775px) {
	.flex.row {
		flex-direction: column;
		flex:1;
	}	
	.flex .course > .flex {
		flex-direction: column;
	}
	.flex .course > .flex :nth-child(1){
		flex-direction: row;
		flex: 1;	  
	}
	.flex .course > .flex :nth-child(1) img{
		display:none;	  
	}	
	.flex .course > .flex :nth-child(2){
		flex-direction: row;
		flex: 7;	  
	}
	.flex .course > .flex .coursearea :nth-child(1){
		display:none;	  
	}	
	.flex .course > .flex .coursearea :nth-child(2){
	font-size:1.2em;
	font-weight:bold;  
	}		

}


@media only screen and (min-width: 776px) {
	.flex.row {
		flex-direction: row;
		flex:1;
	}	
	.flex.inner {
		flex-direction: row;
	}
	.flex .course {
		margin: 0 0.5em 1em 0em;
	}
	.flex .course > .flex {
		flex-direction: row;
	}
	.flex .course > .flex :nth-child(1){
		flex-direction: row;
		flex: 1;	  
	}
	.flex .course > .flex :nth-child(2){
		flex-direction: row;
		flex: 4;	  
	}
	.flex .course > .flex .coursearea :nth-child(2){
	font-size:1.4em;
	font-weight:bold;  
	}		

}
*/