@charset "UTF-8";
/* NewsBox調整 */

#Lessons_index {
	margin: 50px auto 0 auto;
}

#Lessons_index .listBox {
	margin: 0 auto 100px auto;
	display: flex;
	align-items: stretch; /* 高さを揃える */
}

#Lessons_index .listBox .main_photoBox {
	width: 400px;
	margin: 0 50px 0 0;
	border: #cccccc solid 1px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}

#Lessons_index .listBox .txtBox {
	width: calc(100% - 450px);
	vertical-align: top;
}

#Lessons_index .listBox .txtBox.Read {
	width: 100%;
}

#Lessons_index .listBox .txtBox.Read h1 {
	font-size: 140%;
	margin: 0 0 30px 0;
	padding: 20px 0;
	border: #666666 solid;
	border-width: 1px 0;
	display: block;
	text-align: center;
}

/*各レッスンの名称*/
#Lessons_index .listBox .txtBox h2 {
	font-size: 140%;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	border: #666666 solid;
	border-width: 0 0 0 5px;
}

#Lessons_index .listBox .txtBox h2 span {
	font-size: 80%;
	display: inline-block;
	vertical-align: middle;
	top: -2px;
}

#about_index .read img {
	width: 40%;
	margin: 0 50px 0 0;
	display: inline-block;
	vertical-align: middle;
}

#about_index .read .comment {
	width: calc(60% - 50px);
	display: inline-block;
	vertical-align: middle;
}

#about_index .read .comment {
	width: calc(60% - 50px);
	display: inline-block;
	vertical-align: middle;
}

#about_index .main_photo {
	width: 100%;
	margin: 0 auto 10px auto;
}

#about_index .Instructors img {
	width: 300px;
	margin: 0 50px 50px 0;
	display: inline-block;
	vertical-align: top;
}

#about_index .Instructors .txtBox {
	width: calc(100% - 350px);
	display: inline-block;
}

#about_index .Instructors .txtBox h3 {
	font-size: 30px;
}

/* ------------------------------------------------------ */
@media only screen and (max-width : 1250px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
@media only screen and (max-width : 1024px) {
/* ------------------------------------------------------ */
#Lessons_index .listBox .main_photoBox {
	width: 300px;
}

#Lessons_index .listBox .txtBox {
	width: calc(100% - 350px);
}

#about_index .read img,
#about_index .read .comment {
	vertical-align: top;
}

}

/* ------------------------------------------------------ */
@media only screen and (max-width : 820px) {
/* ------------------------------------------------------ */
	#Lessons_index .listBox {
		display: block;
	}

#Lessons_index .listBox .main_photoBox {
	width: 100%;
	height: calc((100vw - 50px) * 0.5625);
	display: block;
	margin: 0 auto 20px auto;
}

#Lessons_index .listBox .txtBox {
	width: 100%;
}

}

/* ------------------------------------------------------ */
@media only screen and (max-width : 720px) {
/* ------------------------------------------------------ */
#about_index .Instructors img {
	width: 60%;
	margin: 0 auto 20px auto;
	display: block;
}

#about_index .Instructors .txtBox {
	width:100%;
	display: block;
	margin: 0 auto 50px auto;
}

#about_index .Instructors .txtBox h5,
#about_index .Instructors .txtBox h6 {
	text-align: center;
}

}

/* ------------------------------------------------------ */
@media only screen and (max-width : 600px) {
/* ------------------------------------------------------ */
#about_index .read img {
	width: 100%;
	margin: 0 0 20px 0;
}

#about_index .read .comment {
	width: 100%;
}

#about_index .read .comment h3 br {
	display: none;
}


#about_index .Instructors .txtBox h6 {
	font-size: 24px;
}

}