@charset "UTF-8";

	.LP_Hero{
		background-color: #F9A048;
		height: 400px;
		padding: 30px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		font-family: 'Noto Sans JP', sans-serif !important;
	}

	.LP_Hero_Title{
		margin-top: 100px;
		font-size: 300%;
		font-weight: bold;
		color: #ffffff;
		text-shadow: 
     3px  3px 10px #88888885,
     3px  0px 10px #88888885,
     0px  3px 10px #88888885,
     3px -3px 10px #88888885,
    -3px  3px 10px #88888885,
    -3px -3px 10px #88888885,
    -3px -0px 10px #88888885,
    -0px -3px 10px #88888885;
		
	}
	
	.LP_Hero_Dec{
		color: #ffffff;
		max-width: 800px;
    margin: 0 auto;
		text-shadow: 
     3px  3px 10px #88888885,
     3px  0px 10px #88888885,
     0px  3px 10px #88888885,
     3px -3px 10px #88888885,
    -3px  3px 10px #88888885,
    -3px -3px 10px #88888885,
    -3px -0px 10px #88888885,
    -0px -3px 10px #88888885;
	}
	
/**/	
	.LP_Course_Media{
		background-color: #1b3140;
		height: auto;
		padding-top: 120px;
		padding-bottom: 120px;
		color: #FFFFFF;
	}
	
	.LP_Course_Media_Title{
		color: #FFFFFF;
		
	}



@media screen and (max-width: 576px){
	
		.LP_Hero_Title{
		margin-top: 20px;
		font-size: 200%;
		font-weight: bold;
		color: #ffffff;
			margin-bottom: 30px;
	}
	
		.LP_Course_Media_Title{
		font-size: 200%;
		
	}
	
	.sp_title{
		font-size: 180%;
	}
}


	
	.media_Box{
		width:  80px;
	}
	.media_Box_circle{
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    width:  80px;       /* ※縦横を同値に */
    height: 80px;       /* ※縦横を同値に */
padding: 16px 10px 10px 23px;
    background-color: #FFFFFF;
    color: #1b3140;
    font-size: 30px;
	}
	.media_Box_circle2{
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    width:  80px;       /* ※縦横を同値に */
    height: 80px;       /* ※縦横を同値に */
padding: 16px 10px 10px 28px;
    background-color: #FFFFFF;
    color: #1b3140;
    font-size: 30px;
	}
	.media_Box_dec{
		margin-top: 5px;
	}
	
	
/*カリキュラムリスト*/	
	.CurriculumList{
		margin-top: 40px;
		color: #000000;
		
	}
	
/**/
.LP_Course_Instructor{
	background-color: #ffffff;
		padding-top: 60px;
		padding-bottom: 60px;
}

.LP_Course_Instructor_Title{
	color: #000000;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 40px;
}


.LP_Course_Instructor_Inner{
	margin-bottom: 20px;
}

.LP_Course_Instructor_NameBox{
	border-bottom: #154b71 solid 5px;
}
.LP_Course_Instructor_NameBox:after, .LP_Course_Instructor_NameBox:before {
    content: "";
    clear: both;
    display: block;
}

.LP_Course_Instructor_Job{
	margin-top: 18px;
	font-size: 18px;
	float: left;
}

.LP_Course_Instructor_Name{
	font-size: 30px;
	float: right;
	
}

@media screen and (max-width: 576px){
	
	.LP_Course_Instructor_Name{
	float: left;
	
}	
		
	}

.LP_Course_Instructor_DecBox{
	margin-top: 20px;

}

/*講師*/
.LP_Course_Application{
		padding-top: 120px;
		padding-bottom: 120px;
}

.LP_Course_Application_Title{
	color: #000000;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 40px;
}

.LP_Course_Application_Inner{
	
}

.LP_Course_Application_Name{
	font-size: 24px;
	
}

.LP_Course_Application_Price{
	font-size: 36px;
	
}
.LP_Course_Application_Price s{
	font-size: 20px;
	color: darkgrey;
	
}

.LP_Course_Application_Price_OFF{
	font-size: 20px;
	color: darkgrey;
	margin-top: -10px;
}
.LP_Course_Application_Price_OFFTXT{
	font-size: 20px;	
	margin-top: -25px;
	color: darkgreen;
}
	
.content_max{
	max-width: 800px;
	margin: 0 auto;
}

.content_fream{
	padding: 1em 1em 0.5em 1em;
    margin: 2em 0;
    color: #1b3140;
    background: white;
    border-top: solid 5px #1b3140;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
	
	
	

.LP_Course_Application_Btn{
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	font-size: 36px !important;
}

	
/*講師*/
.LP_Course_Application{
	padding: 40px 0 40px 0;
}

.LP_Course_Application_Title{
	color: #000000;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 40px;
}

.LP_Course_Application_Inner{
	
}

.LP_Course_Application_Name{
	font-size: 24px;
	
}

.LP_Course_Application_Price{
	font-size: 36px;
	
}

.LP_Course_Application_Btn{
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	font-size: 36px !important;
}


/*レビュー*/
.LP_Course_Review{
		padding-top: 120px;
		padding-bottom: 120px;
}

.LP_Course_Review_Title{
	color: #000000;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 40px;
}

.LP_Course_Review_Inner{
	
}	

	
.star-rating {
  position: relative;
  width: 5em;
  height: 1em;
  font-size: 25px;

}
.star-rating-front {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #ffcc33;
}
.star-rating-back {
  color: #ccc;
}
	
	
/*study_content*/
	.study_content{
		padding-top: 60px;
		padding-bottom: 30px;
		max-width: 800px;
	}
	
/*Curriculum	*/
	.Curriculum{
		padding-top: 120px;
		padding-bottom: 60px;
	}

/*Curriculum list	*/

.cml{
	margin-left: 8.3333%;
}

@media screen and (max-width: 576px){
	
	.cml{
	margin-left: 0;
}
}
	
/*requirement	*/
	.requirement{
		    padding-top: 60px;
    padding-bottom: 60px;
	}
	
/*recommend_user	*/
	.recommend_user{
	    padding-top: 60px;
    padding-bottom: 60px;
	}
	

.koushi_img{
	width: 100%;
    height: 100%;
}


/*PCで無効改行*/
.pc_hid{
    display: none;
}

/*スマートフォンで有効改行*/
@media screen and (max-width:768px) {
    .pc_hid{
        display: block;
		margin-bottom: 30px;
    }
}