#gp_intoro{
	text-align: center;
}


#gp_intoro h2{
	font-family: "Ryumin Regular KL";
	line-height: 1.6em;
	margin-bottom: 1em;
	font-size: 2em;
	text-align: center;
}
#gp_intoro p{
	width: 90%;
	margin: 0 auto 1em;
	line-height: 1.8em;
	font-size: 1.1em
}

#gp_gallery{
	display: flex;
	flex-wrap:wrap;
	margin: 2em 0 3em
}

#gp_gallery figure{text-align: left;margin-bottom: 2em}

#gp_gallery figcaption{font-size: .8em;margin-top:1em}
#gp_gallery figcaption span{
	display: block;
	font-weight: bold;
	color: #c4000a;
	font-size: 1rem;
	margin-bottom: .3em;
	font-family: "Ryumin Medium KL";
	line-height: 1.4em;
	font-weight: bold
}

@media screen and (max-width: 667px) {
	#gp_intoro p{text-align: left}
	#gp_intoro p br{
		display: none
	}
	#gp_gallery{margin: 2em 1em 3em}
	#gp_gallery figure{
	width: calc( ( 100% - 20px ) / 2 );
	margin-right: 20px;
	}
	
	
	#gp_gallery figure:nth-child( 2n ) {margin-right: 0;}
}	

@media print, screen and (min-width: 768px) {
	#gp_intoro p{width: 80%}
	#gp_gallery figure{
	width: calc( ( 100% - 60px ) / 3 );
	margin-right: 30px;
	}
	
	
	#gp_gallery figure:nth-child( 3n ) {margin-right: 0;}
}	

@media print, screen and (min-width: 1000px) {}	



#gp_lesson{}

#gp_lesson h2{
	color: #c4000a;
	margin-bottom: 1.5em;
	text-align: center;
	font-size: 1.8em
}

#lesson_fl{}

#lesson_fl > div{margin-bottom: 3em}

#lesson_fl h3{
	border-top: solid 1px #c4000a;
	border-bottom: solid 1px #c4000a;
	padding:.8em .4em .8em;
	margin-bottom: 1em;
	font-size: 1.3em
}

#lesson_fl dl{}

#lesson_fl dt{
	padding: 0 .6em 1em;
	margin-bottom: 1em
}


#lesson_fl dd{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	padding: 0 .6em;
	margin-bottom: 1em
}



#lesson_fl dd div:nth-child(1){
	width: 80px
}
#lesson_fl dd div:nth-child(2){
	width: calc(100% - 80px);
	padding-left: 1.5em
} 

#lesson_fl dd div:nth-child(2) span{
	display: block;
	margin-bottom: .6em
}


@media screen and (max-width: 667px) {
}	

@media print, screen and (min-width: 668px) {}	

@media print, screen and (min-width: 1000px) {
	#lesson_fl{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	
	#lesson_fl > div{
		width: 48%
	}
}