#learning .inner{
	max-width: 800px;
	margin: 0 auto;
}

#learning p{
	text-align: left;
}

#learning h2{
	text-indent: 0;
	text-align: center;
	padding: 20px;
	border: 6px solid #000;
	border-radius: 20px;
	margin-bottom: 30px;
}

#learning h2 img{
	width: 60%;
}

#learning section{
	margin-bottom: 50px;
}

#learning section h3{
	font-size: 1.8em;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,.5);
	padding: .75em;
	background-color: #d66ca6;
	border: 6px double #000;
	border-radius: 10px;
	margin-bottom: .75em;
}

#learning section h3 br{
	display: none;
}

.learning-2div li{
	list-style-type: none;
	float: left;
	width: 48%;
	margin: 0 4% 4% 0;
}

.learning-2div li:nth-child(2){
	margin-right: 0;
}

.youtube{
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
    margin-bottom: 10px;
}

.youtube iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.learning-2div li h4{
	font-size: 1.4em;
	line-height: 1;
	color: #fff;
	padding: .5em;
	background-color: #24a64f;
	border: 5px double #000;
	border-radius: 10px;
	margin-bottom: .5em;
}

.learning-2div li img{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.pptContents li a{
	text-decoration: none;
}

.pptContents li a:hover{
	opacity: .8;
}

.pptContents li:first-child a h4{
	color: #000;
	background-color: #eeea36;
}

.pptContents li:nth-child(2) a h4{
	background-color: #e71419;
}

.pptContents li:nth-child(3) a h4{
	color: #000;
	background-color: #87CEEB;
}

.pptContents li a h4 span{
	vertical-align: middle;
	font-size: .7em;
	padding-left: .5em;
}

.note{
	text-indent: -1em;
	padding-left: 1em;
}



@media screen and (max-width: 767px){
	#learning h2{
		border: 4px solid #000;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	
	#learning h2 img{
		width: 80%;
	}
	
	#learning section h3{
		font-size: 1.2em;
		line-height: 1.25;
		border: 5px double #000;
	}
	
	#learning section h3 br{
		display: block;
	}
	
	.learning-2div li{
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
	
	.learning-2div li h4{
		font-size: 1.2em;
		border: 5px double #000;
		max-width: 80%;
		margin: 0 auto .25em;
	}
	
	
	
	
	
}





