.lessonList-mv { width: 100%; height: calc(60vh - 180px); background: url("../images/mv_lesson.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; display: block; overflow: hidden;position: relative; margin-bottom: 80px;}
.lessonList { width:100%; max-width:1000px; margin:0 auto 140px; display: block; overflow: hidden; box-sizing: border-box;}
.lessonList h1 { font-family: 'MackayRegular',serif; font-size: 32px; text-align: center; margin-bottom: 10px;}
.lessonList h2 { font-size: 18px; text-align: center; margin-bottom: 40px;}
.lessonList div.child { width:100%; margin:0 auto 80px; display: block; overflow: hidden; box-sizing: border-box;}
.lessonList div.child:last-child { margin-bottom:0;}
.lessonList div.child h3 { margin:0 0 16px; font-family: 'MackayRegular',serif; font-size:32px; line-height:160%;}
.lessonList div.child p.setsumei { margin:0 0 40px; line-height: 2.0em;}
.lessonList div.child div.photo { float:left; width:calc(50% - 20px); display: block; overflow: hidden; box-sizing: border-box; position:relative;}
.lessonList div.child div.photo::before { content:""; display:block; padding-top:100%;}
.lessonList div.child div.photo img { width:100%; height:100%; display:block; overflow: hidden; object-fit: cover; position: absolute; top:0; left:0; }
.lessonList div.child div.inner-R { float:right; width:calc(50% - 20px); display: block; overflow: hidden; box-sizing: border-box;}
.lessonList div.child div.inner-R table { width:100%; margin:0 0 24px; border-top:1px solid #d5d0c4; border-collapse:collapse; box-sizing: border-box;}
.lessonList div.child div.inner-R table th { width:110px; padding:12px 2px; border-bottom:1px solid #d5d0c4; line-height:160%; box-sizing: border-box;}
.lessonList div.child div.inner-R table td { padding:12px 2px; border-bottom:1px solid #d5d0c4; line-height:160%; box-sizing: border-box;}
.lessonList div.child div.inner-R a.btn { width:100%; max-width:320px; padding:12px 12px; margin:0 auto; display: block; overflow: hidden; text-align:center; color:#FFF; font-size:14px; line-height:160%; background:url("../images/bg_listmark_white@2x.png") calc(100% - 12px) center no-repeat #516E41; background-size: 4px auto; box-sizing: border-box; transition:all 0.3s ease; text-decoration: none;}
.lessonList div.child div.inner-R a.btn:hover { border-radius:24px; background-color:#00561F;}


@media screen and (max-width:1024px){
	.lessonList { padding: 0 50px;}
    .lessonList div.child h2 {}
    .lessonList div.child div.photo { float:none; width:100%; margin-bottom:40px;}
    .lessonList div.child div.photo::before { padding-top:50%;}
    .lessonList div.child div.inner-R { float:none; width:100%;}

}

@media screen and (max-width:680px){
	.lessonList { margin-bottom:80px; padding:0 24px;}
	.lessonList-mv { margin-bottom: 40px;}
    .lessonList h1 { margin-bottom:10px; font-size:24px;}
	.lessonList h2 { font-size: 16px; margin-bottom: 20px;}
	.lessonList div.child { margin-bottom: 40px;}
    .lessonList div.child h3 { font-size:20px;}
    .lessonList div.child p.setsumei { margin-bottom:24px;}
    .lessonList div.child div.photo { margin-bottom:24px;}
    .lessonList div.child div.inner-R table { }
    .lessonList div.child div.inner-R table th { width:100%; padding:8px 2px 1px; border-bottom:none; display: block; overflow: hidden; color:#999;}
    .lessonList div.child div.inner-R table td { width:100%; padding:1px 2px 8px; border-bottom:1px solid #d5d0c4; display: block; overflow: hidden;}
    .lessonList div.child div.inner-R a.btn { max-width:260px; padding:8px 12px; margin:0 auto; font-size:12px; line-height:160%;}
}