@charset "utf-8";
/*-------------------------------------------------

共通

-------------------------------------------------*/
.centerTxt {
	text-align: center;
}
.rightTxt {
	text-align: right;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
/*-------------------------------------------------

コンテンツ

-------------------------------------------------*/
#familyBg {
	text-align: center;
	background: url(../img/bg.jpg) repeat-x left top;
	margin:0 0 30px 0;
}
#mainArea {
	width: 950px;
	margin: 0 auto;
}
table.linkImgTbl{
	width:100%;
}
table.linkImgTbl td{
	padding:5px;
}
/*-------------------------------------------------

受講生の声

-------------------------------------------------*/
.stBg {
	margin: 0 0 50px 0;
	background-color: #F5F1E9;
	padding: 30px 0;
	width: 935px;
}
.studentImg{
	float:right;
	margin:0 30px 30px 30px;
}
.stName {
	background-color: #443522;
	padding: 20px;
	width: 330px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.stQ {
	font-size: 16px;
	margin: 0 0 10px 30px;
	color: #FF5C0F;
	font-weight: bold;
}
.stA {
	color: #333333;
	font-size: 13px;
	margin: 0 30px 30px 30px;
}
.stA2 {
	color: #333333;
	font-size: 13px;
	margin: 0 30px 10px 30px;
}
.stAb {
	color: #333333;
	font-size: 13px;
	margin: 0 30px 0px 30px;
}
.stLineL {
	border-bottom: 2px solid #FFF;
	margin: 40px 0 60px 0;
}
.stLine {
	border-bottom: 1px dotted #FFF;
	margin: 15px 0;
}
.sTxt {
	font-size: 10px;
	font-weight: normal;
}
.lesson {
	font-size: 11px;
	font-weight: normal;
}
.blue {
	color: #06C;
	font-weight: bold;
}
.blueL {
	color: #46A3FF;
}
.orange {
	color: #F60;
	font-weight: bold;
}
.orangeL {
	color: #FDAC40;
}
.pink {
	color: #F36;
	font-weight: bold;
}
.pinkL {
	color: #F69;
}
@media screen and (max-width: 720px) {
img {
	max-width: 100%;
}
#mainArea {
	width: 98%;
}
.studentImg{
	float:none;
	text-align:center;
	margin:0 0 30px 0;
}
.stName {
	width: auto;
	text-align:left;
}
/*-------------------------------------------------

受講生の声

-------------------------------------------------*/
.stBg {
	width: 100%;
}
}

/*-------------------------------------------------

コースを探す

-------------------------------------------------*/
	.bl_course{
		padding: 8.0rem 0 5.0rem;
	}
	.bl_course .ly_inner{
		width: 96%;
		max-width: 935px;
		margin: 0 auto;	
		padding: 5.0rem 8.0rem 5.0rem;
		position: relative;
	}
	.bl_course .ly_inner_bg{
		width: 100%;
		background: rgb(255,255,255);
	}
	.el_titleCourse{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleCourse span{
		display: inline-block;
		background: #fff;
	}
	.el_titleCourse span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleCourse span:last-child{
		font-size: 2.0rem;
		padding: 0 0 0 1.5rem;
	}
	.el_titleCourse:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}

	.el_titleCoursePurpose{
		position: relative;
		font-size: 2.6rem;
		font-weight: bold;
		line-height: 4.0rem;
		margin: 3.0rem 0 1.0rem;
	}
	.el_titleCoursePurpose:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 8em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -1px;
	}
	.el_titleCoursePurpose span{
		display: block;
		position: relative;
		padding: 0 0 0 4.0rem;
	}
	.el_titleCoursePurpose span::before{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.0rem;
		height: 3.0rem;
		content: "";
		background: url("/img/icon_flag.png") no-repeat bottom left;
		margin-top: -1.75rem;
		margin-right: 1.0rem;
	}
	.el_titleCourseStudent{
		position: relative;
		font-size: 2.6rem;
		font-weight: bold;
		line-height: 4.0rem;
		margin: 3.0rem 0 1.0rem;
	}
	.el_titleCourseStudent span{
		display: block;
		position: relative;
		padding: 0 0 0 4.0rem;
	}
	.el_titleCourseStudent span::before{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.0rem;
		height: 3.0rem;
		content: "";
		background: url("/img/icon_pencil.png") no-repeat bottom left;
		margin-top: -1.5rem;
		margin-right: 1.0rem;
	}
	.el_titleCourseStudent:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 10em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -1px;
	}

	.bl_mainCourse{
		display: flex;
    	flex-wrap: wrap;
		width: 100%;
	}
	.bl_mainCourse li{
		width: 46%;
	}
	.bl_mainCourse li:not(:nth-child(3n+1)) {
		margin-left: 8%;
	}

	.bl_mainCourse p{
		padding: 1.0rem 0 0 9.0rem;
		height: 9.0rem;
		color: #5D5D5D;
	}

	.bl_mainCourse .everyday p{
		background: url("/img/icon_everyday.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .business p{
		background: url("/img/icon_business.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .qualification p{
		background: url("/img/icon_qualification.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .university p{
		background: url("/img/icon_university.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .high_school p{
		background: url("/img/icon_highSchool.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .junior_high_school p{
		background: url("/img/icon_juniorHighSchool.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .el_linkBtn{
	  display: flex;
	  align-items: center;
	  /*margin: 0 auto;*/
	  padding: 0.75rem 0 0.75rem 1.5rem;
	  border-radius: 10px;
	  font-weight: bold;
	  cursor: pointer;
	  position: relative;
		background: #fff;
		color: #5D5D5D;
		font-size: 2.4rem;
	  box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
	}
	.bl_mainCourse .el_linkBtn::after {
		position: absolute;
	  content: '';
	  width: 25px;
	  height: 5px;
		top:42%;
		right: 2.5rem;
	  border-bottom: solid 1px;
	  border-right: solid 1px;
	  transform: skew(45deg);
	  transition: all .3s;
	}
	.bl_mainCourse .el_linkBtn:hover {
		text-decoration: none;
		background: #D5667C;
		color: #fff;
	  transition: all .3s;
	}
	.bl_mainCourse .el_linkBtn:hover::after {
		border-color: #fff;
		right: 1.5rem;
	  transition: all .3s;
	}

	.el_linkBtn2 {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 0 auto;
	  padding: 0.5em 1em;
	  width: 100%;
	  font-size: 2.6rem;
	  border-radius: 10px;
	  background-color: #fff;
	  box-shadow: 0 3px 0 rgba(0, 0, 0, .16);
	  transition: 0.3s;
		color: #D5667C;
		font-weight: bold;
	}
	.el_linkBtn2:hover {
	  transform: translateY(3px);
	  text-decoration: none;
	  box-shadow: 0 2px 0 #aaaaaa;
	}

	.el_linkBtn2 i{
		margin-right: 2.0rem;
		width: 3.8rem;
		height: 4.0rem;
		background: url("/img/icon_search.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_course .el_linkBtn2 {
	  margin: 5.0rem auto 0;
	}
	/*背景色 グラデ―ション */
	.el_bgGra_pinkYellow{
		background: rgb(255,217,217);
		background: linear-gradient(90deg, rgba(255,217,217,1) 0%, rgba(255,245,203,1) 100%);
	}
.el_cap {
  font-size: 2.6rem;
  font-weight: bold;
}
	/*スクールを探す*/
	.bl_school{
		padding: 5.0rem 0;
		max-width: 935px;
		margin: 0 auto;
	}
	.bl_school .ly_inner_bg{
		background: url("/img/bg_school.png") top left no-repeat;
		background-size: cover;
	}
	.bl_school .ly_inner{
		width: 100%;
		max-width: 1000px;
		margin: 0 0 0 auto;
		position: relative;
		padding: 5.0rem;
	}
	.el_titleSchool{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleSchool span{
		display: inline-block;
		background: #fff;
	}
	.el_titleSchool span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleSchool span:last-child{
		font-size: 2.0rem;
		padding: 0 0 0 1.5rem;
	}
	.el_titleSchool:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}
	.bl_school .ly_inner div{
		margin: 0 auto;		
	  display: flex;
     flex-wrap: wrap;
	  align-items: flex-start;
	}
	.bl_school .ly_inner div:not(:first-child){
		margin: 3.0rem auto 0 auto;		
	}
	.bl_school .ly_inner div h3{
		font-size: 1.6rem;
		width: 14.5em;
	}
	.bl_school .ly_inner div h3 i{
		font-size: 1.3rem;
		margin-right: 0.25rem;
	}
	.bl_school .ly_inner div ul{
		width: 65%;
		margin: 0 auto 0 0;		
	 display: flex;
     flex-wrap: wrap;
	}
	.bl_school .ly_inner div ul li{
		width: 7em;
	}
	.bl_school .ly_inner div ul li i{
		font-size: 1.1rem;
		margin-right: 0.25rem;
	}
	.bl_school .el_linkBtn2 {
	  margin: 5.0rem auto 0;
		width: 80%;
	}


@media screen and (max-width: 720px) {
	.bl_course{
		padding: 3.0rem 0 3.0rem;
	}
	.bl_course .ly_inner{
		width: 100%;
		max-width: none;
		margin: 0 auto;	
		padding: 5.0rem 2.0rem 5.0rem;
		position: relative;
	}
	.bl_course .ly_inner_bg{
		width: 100%;
	}
	.el_titleCourse{
		max-width: none;
		margin: 0 2.0rem 1rem;
		font-size: 2.2rem;
		line-height: 1.4;
		position: relative;
		display: block;
     /*flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;*/
	}
	.el_titleCourse span{
		background: #fff;
	}
	.el_titleCourse span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleCourse span:last-child{
		display: block;
		font-size: 1.6rem;
		padding: 0 0 0 0;
	}
	.el_titleCourse:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 8em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -9px;
	  margin-left: auto;
	}

	.el_titleCoursePurpose{
		position: relative;
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 4.0rem;
		margin: 3.0rem 0 1.0rem;
	}
	.el_titleCoursePurpose:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 8em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -1px;
	}
	.el_titleCoursePurpose span{
		display: block;
		position: relative;
		padding: 0 0 0 4.0rem;
	}
	.el_titleCoursePurpose span::before{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.0rem;
		height: 3.0rem;
		content: "";
		background: url("/img/icon_flag.png") no-repeat bottom left;
		margin-top: -1.75rem;
		margin-right: 1.0rem;
	}
	.el_titleCourseStudent{
		position: relative;
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 4.0rem;
		margin: 3.0rem 0 1.0rem;
	}
	.el_titleCourseStudent span{
		display: block;
		position: relative;
		padding: 0 0 0 4.0rem;
	}
	.el_titleCourseStudent span::before{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 3.0rem;
		height: 3.0rem;
		content: "";
		background: url("/img/icon_pencil.png") no-repeat bottom left;
		margin-top: -1.5rem;
		margin-right: 1.0rem;
	}
	.el_titleCourseStudent:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 9em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -1px;
	}

	.bl_course .el_cap{
		text-align: center;
		margin-bottom: 1.0rem;
	}

	.bl_mainCourse{
		display: flex;
    	flex-wrap: wrap;
		width: 100%;
	}
	.bl_mainCourse li{
		width: 100%;
	}
	.bl_mainCourse li:not(:nth-child(3n+1)) {
		margin-left: 0;
	}
	.bl_mainCourse li:not(:first-child) {
		margin-top: 3.0rem;
	}

	.bl_mainCourse p{
		padding: 0 0 0 9.0rem;
		height: 7.0rem;
		margin-bottom: 1.0rem;
	}

	.bl_mainCourse .everyday p{
		background: url("/img/icon_everyday.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .business p{
		background: url("/img/icon_business.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .qualification p{
		background: url("/img/icon_qualification.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .university p{
		background: url("/img/icon_university.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .high_school p{
		background: url("/img/icon_highSchool.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .junior_high_school p{
		background: url("/img/icon_juniorHighSchool.png") top left no-repeat;
		background-size:contain contain;
	}

	.bl_mainCourse .el_linkBtn{
	  display: flex;
	  align-items: center;
	  /*margin: 0 auto;*/
	  padding: 0.75rem 0 0.75rem 1.5rem;
	  border-radius: 10px;
	  font-weight: bold;
	  cursor: pointer;
	  position: relative;
		background: #fff;
		color: #5D5D5D;
		font-size: 2.2rem;
	  box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
	}
	.bl_mainCourse .el_linkBtn::after {
		position: absolute;
	  content: '';
	  width: 25px;
	  height: 5px;
		top:42%;
		right: 2.5rem;
	  border-bottom: solid 1px;
	  border-right: solid 1px;
	  transform: skew(45deg);
	  transition: all .3s;
	}
	.bl_mainCourse .el_linkBtn:hover {
		text-decoration: none;
		background: #D5667C;
		color: #fff;
	  transition: all .3s;
	}
	.bl_mainCourse .el_linkBtn:hover::after {
		border-color: #fff;
		right: 1.5rem;
	  transition: all .3s;
	}
	
	.el_linkBtn2 {
	  padding: 1.0em 1.0em;
	  width: 100%;
	  font-size: 2.2rem;
	}
	.el_linkBtn2:hover {
	  transform: translateY(3px);
	  text-decoration: none;
	  box-shadow: 0 2px 0 #aaaaaa;
	}

	.el_linkBtn2 i{
		margin-right: 2.0rem;
		width: 2.8rem;
		height: 3.0rem;
		background: url("/img/icon_search.png") top left no-repeat;
		background-size:100% auto;
	}

	.bl_course .el_linkBtn2 {
	  margin: 5.0rem auto 0;
	}
    .bl_course .el_cap {
        text-align: center;
        margin-bottom: 1.0rem;
        font-size: 2.2rem;
        font-weight: bold;
}
    
	/*スクールを探す*/
	.bl_school{
		padding: 5.0rem 0;
	}
	.bl_school .ly_inner_bg{
		max-width:100%;
		background: url("/img/bg_school.png") top left no-repeat;
		background-size: auto 100%;
	}
	.bl_school .ly_inner{
		width: 100%;
		max-width: auto;
		margin: 0 0 0 auto;
		position: relative;
		padding: 5.0rem 2.0rem;
	}
	.el_titleSchool{
		max-width: auto;
		margin: 0 2.0rem 1rem;		
		font-size: 2.2rem;
		line-height: 1.4;
		position: relative;
	  display: block;
     /*flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;*/
	}
	.el_titleSchool span{
		background: #fff;
	}
	.el_titleSchool span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleSchool span:last-child{
		display: block;
		font-size: 1.6rem;
		padding: 0 0 0 0;
	}
	.el_titleSchool:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: calc(100% - 8em);
	  height: 2px;
	  background-color: #333;
	  right: 0;
	  margin-top: -9px;
	  margin-left: auto;
	}
	.bl_school .ly_inner div{
		margin: 0 auto;		
	  display: block;
     /*flex-wrap: wrap;
	  align-items: flex-start;*/
	}
	.bl_school .ly_inner div:not(:first-child){
		margin: 3.0rem auto 0 auto;		
	}
	.bl_school .ly_inner div h3{
		font-size: 1.6rem;
		width: 14.5em;
	}
	.bl_school .ly_inner div h3 i{
		font-size: 1.3rem;
		margin-right: 0.25rem;
	}
	.bl_school .ly_inner div ul{
		width: 100%;
		margin: 0 auto 0 0;		
	 display: flex;
     flex-wrap: wrap;
	}
	.bl_school .ly_inner div ul li{
		width: 25%;
	}
	.bl_school .ly_inner div ul li i{
		font-size: 1.1rem;
		margin-right: 0.25rem;
	}
	.bl_school .el_linkBtn2 {
	  margin: 5.0rem auto 0 0;
		width: 100%;
	}


}