/*================================================
 *  program
 ================================================*/


.program_flex{display: flex;
justify-content: space-between;
    margin-bottom: 50px;
}
.program_flex > li:first-child{width: 44%;}
.program_flex > li:last-child{width: 54%;}

/* 小さい画面用の設定-------------- */
@media (max-width:800px){

    
.program_flex{flex-wrap: wrap;
     margin-bottom: 30px;
}
.program_flex > li:first-child{width: 100%;}
.program_flex > li:last-child{width: 100%;}
    
.program_flex > li:first-child{margin-bottom: 20px;}
    
/* mobile-scroll　------------------------------*/
/* -----------------------------------------*/
    
.mobile-scroll {width: 100%; overflow-x: scroll;}
.mobile-scroll img {width: 800px!important;
    margin-bottom: 5px;}
    
    
.mobile-scroll::-webkit-scrollbar {
  height: 14px; /* スクロールバーの高さ */
}
 
.mobile-scroll::-webkit-scrollbar-thumb {
  background: #d2b48c; /* ツマミの色 */
  border-radius: 7px; /* ツマミ両端の丸み */
}
 
.mobile-scroll::-webkit-scrollbar-track {
  background: #f5deb3; /* トラックの色 */
  border-radius: 7px; /* トラック両端の丸み */
}

    
	}
/* -------------end------------- */

/* lesson_flex　------------------------------*/
/* -----------------------------------------*/

.lesson_flex{display: flex;
justify-content: space-between;
margin-bottom: 50px;}

.lesson_flex_r{flex-direction: row-reverse;}

.lesson_flex li:first-child{
width: 35%;
box-sizing: border-box;}

/* 大きい画面用の設定-------------- */
@media (min-width:801px){
.lesson_inner{max-width: 420px;
margin-right: 0;
margin-left: auto;
padding-right: 5%;
box-sizing: border-box;
}
    
.lesson_inner_r{max-width: 420px;
margin-right: auto;
margin-left: 0;
padding-left: 5%;
box-sizing: border-box;
}
	}
/* -------------end------------- */

.lesson_flex > li:last-child{width: 65%;}

.lesson_headline{
	font-size: 188%;
	border-bottom: 1px solid #727171;
    margin-bottom: 10px;
    font-weight: 700;
}

.lesson_point{
	font-size: 113%;
    margin-bottom: 10px;
}

.lesson_txt_line{line-height: 2.0;
    border-bottom: 1px solid #727171;
margin-bottom: 10px;
padding-bottom: 10px;}


.lesson_txt{line-height: 2.0;}

.lesson_txt_member{margin-bottom: 50px;}

/* 小さい画面用の設定-------------- */
@media (max-width:800px){
.lesson_flex{
flex-wrap: wrap;}
    
.lesson_flex li:first-child{
width: 90%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 20px;
}

.lesson_flex > li:last-child{width: 100%;}
    
.lesson_headline{
	font-size: 163%;
	
}

.lesson_point{
font-size: 113%;
margin-bottom: 0px!important;
}


.lesson_txt{line-height: 1.8;}

.lesson_txt_member{margin-bottom: 30px;}
    
    .lesson_inner{max-width: 800px;
}
    
.lesson_inner_r{max-width: 800px;
}
    
}
/* -------------end------------- */


/*================================================
 *  coach
 ================================================*/

.coach_flex{display: flex;
justify-content: space-between;
margin-bottom: 100px;
}
.coach_flex > li:first-child{width: 54%;}
.coach_flex > li:last-child{width: 44%;}

.coach_umare{font-weight: normal;
font-size: 80%;}

.coach_history{border-bottom: 1px solid #727171;
    margin-bottom: 10px;}

.sidou_dl {
font-size: 88%;
    line-height: 1.7;
}

.sidou_dl dt {
clear: left;
	float: left;
	width: 9em;
}

.sidou_dl dd {
	padding-left: 9em;
}

.sidou_list li{padding-left:1em;
	text-indent:-1em;}

.shingaku{font-size: 88%;
    line-height: 1.7;
}

.shingaku_sonota{font-size: 88%;
    line-height: 1.7;
margin-bottom: 20px;
padding-left:1em;
	text-indent:-1em;}

/* 小さい画面用の設定-------------- */
@media (max-width:800px){
.coach_flex{flex-wrap: wrap;
    margin-bottom: 50px;
}
.coach_flex > li:first-child{width: 100%;
    margin-bottom: 20px;}
.coach_flex > li:last-child{width: 100%;}
	}
/* -------------end------------- */

/* coach_two_flex　------------------------------*/
/* -----------------------------------------*/
.coach_two_flex{display: flex;
justify-content: space-around;
}
.coach_two_flex > li{width: 37%;}

.coach_two_flex > li img{margin-bottom: 20px;}


/* 小さい画面用の設定-------------- */
@media (max-width:800px){
.coach_two_flex{flex-wrap: wrap;
}
    
.coach_two_flex > li{width: 100%;}
    
.coach_two_flex > li:first-child{
    margin-bottom: 50px;}

	}
/* -------------end------------- */