@charset "UTF-8";

@media screen and (min-width:768px) {

section.feature {
  width: 942px!important;
}
	.contents h1{
		border-bottom: none;
	}
  .feature__title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 60px;
    letter-spacing: 5px;
	  color: #333;
  }
  .feature__logo {
    text-align: center;
    margin-bottom: 40px;
  }
  .feature__logo img{
		width: 70%;
	}
	
  .feature__logo h1 {
    padding: 0 !important;
    border: none;
    
  }

  .feature__intro {
    text-align: center;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 55px;
    letter-spacing: 1px;
	  display: block;
  }
  .feature__intro img{
	width: 50%;
	  padding-top: 50px;
	}
/*	‐‐‐‐‐‐‐‐‐‐‐‐コース一覧‐‐‐‐‐‐‐‐‐‐‐‐‐*/	
	.feature__course{
	text-align: center;
	padding-bottom: 30px;
	}
	
	
	.feature__course h2{
  border: none;
  font-size: 36px;
  color: #333;
  text-align: center;
  font-weight: normal;
  border-bottom: #ea5432 solid 8px;
  margin: 80px 0 0 0 !important;
		padding-bottom: 30px;
  
}
	
	
.feature__course dt {
float: left ;
width: 350px ;
color: #ea5432;
font-weight: bold;
text-align: left;
padding: 50px 0px 50px 50px;
}

.feature__course dd{	
width: 100%; 
border-bottom: #666 solid 2px;
text-align: left;	
padding: 40px 0;	
	}
	
.feature__course dd:nth-child(10) {
  border: none;
}	
	
/*	‐‐‐‐‐‐‐‐‐‐‐‐コース内容‐‐‐‐‐‐‐‐‐‐‐‐‐*/	
	
	.feature__content h3{
    padding: 10px 280px 0px 0px;
    line-height: 2em;
    font-size: 25px;
	border: none;
	}	
	
	.feature__content2 h3{
    padding: 0px 260px 0px 0px;
    line-height: 1.6em;
    font-size: 25px;
	border: none;
	}	
	
		.feature__content3 h3{
    padding: 12px 190px 0px 0px;
    line-height: 1.8;
    font-size: 25px;
	border: none;
	}	
	
			.feature__content4 h3{
    padding: 10px 165px 0px 0px;
    line-height: 2em;
    font-size: 25px;
	border: none;
	}	
	
			.feature__content5 h3{
    padding: 17px 190px 0px 0px;
    line-height: 1.7em;
    font-size: 25px;
	border: none;
	}	
	
	.feature__content span{
		font-weight: normal;
	}
	.feature__content2 span{
		font-weight: normal;
	}
	.feature__content3 span{
		font-weight: normal;
	}	
	.feature__content4 span{
		font-weight: normal;
	}		
	.feature__content5 span{
		font-weight: normal;
	}	
	
	.feature__course__title{
	  border-top: #ea5432 solid 8px;		
  border-bottom: #ea5432 solid 8px;	
		display: flex;
		justify-content: space-between;
		margin: 50px 0;
		position: relative;
	}
	
		.feature__course__title2{
	  border-top: #ea5432 solid 8px;		
  border-bottom: #ea5432 solid 8px;	
		display: flex;
		justify-content: space-between;
		margin: 50px 0 100px 0;
		position: relative;
	}
	
	
	
	
	.feature__course__title	img,.feature__course__title2 img{
		width: 130px;
		height: 130px;
		margin: 10px 0 10px 30px;
	}
	
	.feature__course__title__box{
		background: #ffe916;
		text-align: center;
		margin: 0 auto;
		width: 130px;
		height: 100%;
		padding: 10px 20px;
		position: absolute;
		right: 0px;
		display: flex;
		justify-content: center;
        align-items: center;
	}
	
	.feature__course__title__box p{
		background: #fff;
		color: #ea5432;
		border: #ea5432 solid 1px;
		width: 80px;
		margin: 12px auto;
		    font-size: 12px;
    padding: 3px;
	}
	
	.feature__course__title__box span{
	color: #ea5432;
		text-align: center;
		font-size: 12px;
	}
	
	.feature__course01{
		position: relative;
	}
	
			.feature__course01 .position{
		position: absolute;
		bottom:175px;
		right: 0px;
			width: 155px;
	}
	
		.feature__course01 .position3{
position: absolute;
    top: -50px;
    right: 0px;
    width: 130px;
	}
			.feature__course01 .position4{
		position: absolute;
    bottom: 160px;
    right: 0px;
    width: 140px;
	}
			.feature__course01 .position2{
		    position: absolute;
    top: 0px;
    right: -20px;
    width: 160px;
	}
	
	
		.kojin{
		margin: 110px 0 20px 0;
	}
			.kojin2{
		margin: 110px 0 20px 0;
	}
	
	.feature__course01 img{
	width: 190px;
	}	
	
.course__flex01, .course__flex02 {
  display: flex;
  width: 60vw;
  margin: 0px auto -10px;
  box-sizing: border-box;
}
.course__flex01 div,.course__flex02 div {
  width: 50%;
}
.course__flex01 .txt,.course__flex02 .txt {
    padding: 10px 20px;
	text-align: center;
    display:table-cell;
    vertical-align:middle;
	margin:77px auto;
	border-top: #ea5432 solid 2px;		
    border-bottom: #ea5432 solid 2px;	
	width: 270px;
	display: block;
}
	
	.course__flex01 .txt2{
	padding: 10px 0px;
	text-align: center;
    display:table-cell;
    vertical-align:middle;
	margin:50px auto;
	border-top: #ea5432 solid 2px;		
    border-bottom: #ea5432 solid 2px;	
	width: 270px;
    display: block;
	}	
	.course__flex01 .txt3{
	padding: 10px 0px;
	text-align: center;
    display:table-cell;
    vertical-align:middle;
	margin:80px auto;
	border-top: #ea5432 solid 2px;		
    border-bottom: #ea5432 solid 2px;	
	width: 270px;
	display: block;	
	}	
	
	
.course__flex01 .img,.course__flex02 .img {
  text-align: center;
  padding: 10px;
	    margin: 13px 0 0 0;
}
.course__flex01 img,.course__flex02 img{
	width: 350px;
	}	
	
	.course__flex01 p,.course__flex02 p{

	}		
.course__flex02  {
  flex-flow: row-reverse;
}

	.feature__course01 .txt span{
		font-weight: bold;
		line-height: 2em;
	}
	
	.position{
		position: relative;
		padding-top: 100px;
	}
	
	
	
			.txt span{
		text-align: center;
	}
	

	
/*	‐‐‐‐‐‐‐‐‐‐‐‐ページ3　黄色枠内‐‐‐‐‐‐‐‐‐‐‐‐‐*/	
	.feature__content02{
		border: #ffe916 solid 50px;
		text-align: center;
		padding: 10px;
	}
		.feature__content02 h2{
         border: none;
	}
	
	.feature__content02>p{
		  border-top: #666 solid 2px;		
  border-bottom: #666 solid 2px;	
		padding: 30px 0;
		width: 550px;
		margin: 0 auto;
		font-size: 18px;
		line-height: 2;
	}
	
	.feature__content02 img{
		width: 450px;
	}	
	
	.teacher{
			display: flex;
		justify-content: center;
		padding: 50px;
	}
	
	.teacher img{
		width: 120px;
		height: 150px;
	}

	.teacher p{
		padding: 30px 30px 30px 50px;
		text-align: left;
	}
	
	.feature__content02__course{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		padding-bottom: 50px;
		
	}
	
	.feature__content02__block,.feature__content02__block2{
		display: block;
		width: 370px;
		margin-bottom: 50px;
	}
	
	.feature__content02__block img,.feature__content02__block2 img{
		width: 370px;
	}
	
	.feature__content02__block h3,.feature__content02__block2 h3{
		color: #ea5432;
		border-bottom: #ea5432 solid 8px;
		font-size: 25px;
	}

	
	.feature__content02__block h4{
		color: #333;
		border-bottom: #666 solid 2px;
		font-size: 16px;
		padding: 15px 30px 30px 30px;
		text-align: left;
	}
    .feature__content02__block2 h4{
		color: #333;
		border-bottom: #666 solid 2px;
		font-size: 16px;
		padding: 15px 30px 30px 55px;
		text-align: left;
	}	
	
	
	.feature__content02__block p,.feature__content02__block2 p{
		text-align: left;
		 padding:  0 30px;
	}
	
	small{
		font-size: 12px;
	}
	
/*	‐‐‐‐‐‐‐‐‐‐‐‐生徒保護者の声‐‐‐‐‐‐‐‐‐‐‐‐‐*/
	
	.course01__student h2,.course01__student2 h2{
		border: none;
		margin:80px 0 50px 0!important;
	}
	
	
	.course01__student h2 img{
		width: 70%;
		border: none;
	}
	
		.course01__student2 h2 img{
		width: 80%;
		border: none;
	}
	.course01__student .spimg,.course01__student2 .spimg{
		display: none;
	}
	
	.course01__student,.course01__student2{
	text-align: center;
	}
	
	
	.student__title,.student__title2{
		display: flex;
	border-top: #666 solid 2px;		
  border-bottom: #666 solid 2px;
		position: relative;
		height: 85px;
	}
	
	.student__title>img,.student__title2>img{
		width: 70px;
		height: 80px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
		.student__title>h4{
	font-size: 16px;
			color: #333;
			    margin: 31px 10px 30px 26px!important;
			text-align: left;
	}
	
			.student__title2>h4{
	font-size: 16px;
			color: #333;
			    margin: 18px 10px 30px 15px!important;
			text-align: left;
	}
	
	
	.student {
		display: block;
		text-align: center;
		height:250px;	
		width: 275px;
	}
		.student3 {
		display: block;
		text-align: center;
		height:250px;	
		width: 275px;
	}
	
	.student p,.student2 p,.student3 p,.student4 p{
		text-align: left;
		    margin: 0px 26px;
	}
	
	.student2 {
		display: block;
		text-align: center;
		height:250px;	
		width: 350px;
	}	
		.student4 {
		display: block;
		text-align: center;
		height:250px;	
		width: 350px;
	}	
	
	
	.student .neme{
		font-size: 9px;
		text-align: right;
		padding-bottom: 10px;
		margin: 0;
	}
		.student2 .neme{
		font-size: 9px;
		text-align: right;
		padding-bottom: 10px;
		margin: 0;
	}
		.student3 .neme{
		font-size: 9px;
		text-align: right;
		padding-bottom: 10px;
		margin: 0;
	}
	  		.student4 .neme{
		font-size: 9px;
		text-align: right;
		padding-bottom: 10px;
		margin: 0;
	} 
	
	
	.student__flex{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

	}
		.student__flex2{
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	
			.student__flex3{
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
				margin-bottom: 50px;
	}
	
		.student__flex3>.student2{
		    margin: 0 20px;
	}
	
	
	.student__flex2>.student{
		padding: 5px;
	}
	
		.student__flex2>.student2{
		padding: 20px;
	}
		.student__flex2>.student3{
		margin: 30px;
	}
			.student__flex2>.student4{
		margin: 25px;
	}
	
	
/*	‐‐‐‐‐‐‐‐‐‐‐‐ポイント‐‐‐‐‐‐‐‐‐‐‐‐‐*/	

	.point,.point2,.point3,.point5{
	  border-top: #666 solid 2px;		
  border-bottom: #666 solid 2px;	
		display: flex;
    padding: 0px 20px;
		margin: 10px 0 100px 0;
	}
		.point__block{
	display: block;
			text-align: center;
	}
	.point h5,.point2 h5,.point3 h5,.point5 h5{
		color: #333;
		text-align: center;
	}	
	.point3 h5{
      width: 240px;
	}
	.point5 h5{
      width: 240px;
	}

	.point span,.point2 span,.point3 span,.point5 span{
		font-weight: bold;
		margin: 20px 0;
		display: block;	
	}
	.point p{
		margin: 40px 30px;
		color: #ff7e00;
	}
	
		.point2 p{
		margin: 25px 70px;
		color: #ff7e00;
	}
	
		.point3 p{
		margin: 15px 40px;
		color: #ff7e00;
	}
		.point5 p{
		margin: 35px 40px;
		color: #ff7e00;
	}
	
.feature-footer{
  margin-top: 100px;
}
.feature-footer__next a{
  margin: 10px 0;
}

ruby rt {
  font-size: 8px !important;
  zoom: 80%;
}

	
	
}
	
	
	
@media screen and (max-width:767px) {

	.contents h1{
		border-bottom: none;
	}
  .feature__title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: 5px;
	color:#333;  
  }
  .feature__logo {
    text-align: center;
    margin-bottom: 40px;
  }
  .feature__logo img{
		width: 100%;
	}
	
  .feature__logo h1 {
    padding: 0 !important;
    border: none;
    
  }

  .feature__intro {
    text-align: left;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 55px;
    letter-spacing: 1px;
	  display: block;
  }
  .feature__intro img{
	width: 100%;	
	}
/*	‐‐‐‐‐‐‐‐‐‐‐‐コース一覧‐‐‐‐‐‐‐‐‐‐‐‐‐*/	
	.feature__course{
	text-align: center;
	padding-bottom: 0px;
	}
	
	
	.feature__course h2{
  border: none;
  font-size: 20px;
  color: #333;
  text-align: center;
  font-weight: normal;
  border-bottom: #ea5432 solid 8px;
  margin: 60px 0 0 0 !important;
		padding-bottom: 20px;
}
	
	
.feature__course dt {
width: 100%;
color: #ea5432;
font-weight: bold;
text-align: center;	
padding: 10px 0px;

}

.feature__course dd{	
width: 100%; 
border-bottom: #666 solid 2px;
text-align: left;	
padding: 10px 20px 20px 20px;		

	}

.feature__course dd:nth-child(10) {
  border: none;
}		
	
	
/*	‐‐‐‐‐‐‐‐‐‐‐‐コース内容‐‐‐‐‐‐‐‐‐‐‐‐‐*/	
	
	.feature__content h3{
    border: none;
     padding: 0px 21px;
	line-height: 1.4em;
	font-size: 17px;
		margin:11px 0 0 0!important;
		width:66%;
	}	
	
	.feature__content2 h3{
    border: none;
     padding: 0px 15px;
	line-height: 1.4em;
	font-size: 17px;
		margin:11px 0 0 0!important;
		width:66%;
	}	
	.feature__content3 h3{
    border: none;
     padding: 0px 3px;
	line-height: 1.4em;
	font-size: 17px;
		margin:11px 0 0 0!important;
		width:66%;
	}	
	.feature__content4 h3{
    border: none;
     padding: 0px 15px;
	line-height: 1.4em;
	font-size: 17px;
		margin:11px 0 0 0!important;
		width:66%;
	}	
	.feature__content5 h3{
    border: none;
     padding: 0px 3px;
	line-height: 1.4em;
	font-size: 17px;
		margin:11px 0 0 0!important;
		width:66%;
	}	
	
	
	.feature__content span{
		font-weight: normal;
		font-size: 15px;
	}
		.feature__content2 span{
		font-weight: normal;
			font-size: 15px;
	}
	
	.feature__content3 span{
		font-weight: normal;
		font-size: 15px;
	}
	.feature__content4 span{
		font-weight: normal;
		font-size: 15px;
	}	
	.feature__content5 span{
		font-weight: normal;
		font-size: 15px;
	}	
	.feature__course__title{
	  border-top: #ea5432 solid 8px;		
  border-bottom: #ea5432 solid 8px;	
		display: flex;
		margin: 30px 0 15px 0;
		position: relative;
		
	}
		.feature__course__title2{
	  border-top: #ea5432 solid 8px;		
  border-bottom: #ea5432 solid 8px;	
		display: flex;
		margin: 30px 0 15px 0;
		position: relative;
		
	}
	
	
	.feature__course__title	img{
		width: 50px;
		height: 50px;
		margin: 20px 0;
	}
		.feature__course__title2 img{
		width: 50px;
		height: 50px;
		margin: 20px 0;
	}
	
	.feature__course__title__box{
		background: #ffe916;
		text-align: center;
		margin: 0;
		width: 60px;
		padding: 10px 0px;
				height: 100%;
		position: absolute;
		right: 0px;
		display: flex;
		justify-content: center;
    align-items: center;
	}
	

	
	.feature__course__title__box p{
		background: #fff;
		color: #ea5432;
		border: #ea5432 solid 1px;
		width: 50px;
		margin: 0px auto;
		font-size: 8px;

	}
	
	.feature__course__title__box span{
	color: #ea5432;
		text-align: center;
		font-size: 8px;
	}
	.feature__course01{
				text-align: center;
		margin: 0 auto;
		position: relative;
	}
	
  .feature__course01 .position{
		position: absolute;
		bottom: 370px;
		right: 0px;
		width: 110px
	}
	
	.feature__course01 .position3{
		position: absolute;
		bottom: -110px;
		right: 0px;
		width: 100px
	}
	
		.feature__course01 .position4{
		position: absolute;
		bottom: -103px;
		right: 0px;
		width: 80px
	}
	
		.feature__course01 .position2{
		position: absolute;
		bottom: -110px;
		right: 0px;
		width: 90px
	}
	
	
	.feature__course01 img{
	width: 150px

	}	
	
.course__flex01, .course__flex02 {
  display: block;
  margin: 0px auto;
  box-sizing: border-box;
}

.course__flex01 .txt,.course__flex02 .txt {
  padding: 5px;
	text-align: center;
  display:table-cell;
  vertical-align:middle;
	margin:0 auto;
	  border-top: #ea5432 solid 2px;		
  border-bottom: #ea5432 solid 2px;	
	width: 100%;
	display: block;
	
}
	.course__flex01 .txt2,.course__flex02 .txt2 {
  padding: 5px;
	text-align: left;
  display:table-cell;
  vertical-align:middle;
	margin:0 auto;
	  border-top: #ea5432 solid 2px;		
  border-bottom: #ea5432 solid 2px;	
	width: 100%;
	display: block;
}
	.course__flex01 .txt3,.course__flex02 .txt3 {
  padding: 5px;
	text-align: left;
  display:table-cell;
  vertical-align:middle;
	margin:0 auto;
	  border-top: #ea5432 solid 2px;		
  border-bottom: #ea5432 solid 2px;	
	width: 100%;
	display: block;
}	
	
	
.course__flex01 .img,.course__flex02 .img {
  text-align: center;
  padding: 30px 0 5px 0;
}
.course__flex01 img,.course__flex02 img{
	width: 100%;
	}	
	
	.course__flex01 p,.course__flex02 p{

	}		
.course__flex01  {
  flex-flow: row-reverse;
}

	.feature__course01 .txt span{
		font-weight: bold;
		line-height: 2em;
	}
	


	
	
	.position{
		position: relative;
		padding-top: 100px;
	}
	
	.position img{
		position: absolute;
right: 0px;
		top:5px;
		width: 90px;
	}
	
	.kojin{
		margin-top: 180px;
	}
		.kojin2{
		margin-top: 40px;
	}
	
		.txt span{
		text-align: center;
	}
	
	.txt p{
		text-align: left;
	}
	
	
/*	‐‐‐‐‐‐‐‐‐‐‐‐ページ3　黄色枠内‐‐‐‐‐‐‐‐‐‐‐‐‐*/
	
.feature__content02{
		border: #ffe916 solid 15px;
		text-align: center;
		padding: 10px;
	}
		.feature__content02 h2{
         border: none;
	}
	
	.feature__content02>p{
		  border-top: #666 solid 2px;		
  border-bottom: #666 solid 2px;	
		padding: 20px 0px;
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
	
	.feature__content02 img{
		width: 70%;
	}	
	
	.teacher{
			display: block;
		justify-content: center;
		padding: 10px;
	}
	
	.teacher img{
		width: 120px;
		height: 150px;
		margin-bottom: 20px;
	}

	.teacher p{
		padding: 0px;
		text-align: left;
	}
	
	.feature__content02__course{
		display: block;
		flex-wrap: wrap;
		justify-content: space-around;
		padding-bottom: 0px;
		
	}
	
	.feature__content02__block,.feature__content02__block2{
		display: block;
		width: 100%;
		margin-bottom: 50px;
	}
	
	.feature__content02__block img,.feature__content02__block2 img{
		width: 370px;
	}
	
	.feature__content02__block h3,.feature__content02__block2 h3{
		color: #ea5432;
		border-bottom: #ea5432 solid 8px;
	}
	
	.feature__content02__block h4,.feature__content02__block2 h4{
		color: #333;
		border-bottom: #666 solid 2px;
		font-size: 13px;
		padding: 0px 0 10px 0;
		text-align: left;
	}
	
	.feature__content02__block p,.feature__content02__block2 p{
		text-align: left;
	}
	
	small{
		font-size: 12px;
	}	
	
	
/*	‐‐‐‐‐‐‐‐‐‐‐‐生徒保護者の声‐‐‐‐‐‐‐‐‐‐‐‐‐*/
	
	
	
	.course01__student h2{
		border: none;
		margin-top: 80px!important;
	}
	
	
	.course01__student h2 img{
	
		border: none;
		padding-top: 30px;
	}
	
		.course01__student .pcimg{
		display: none;
	}
	
	.course01__student{
	text-align: center;
		padding-top: 0px;
	}
	
	
	.student__title,.student__title2{
		display: flex;
		justify-content: space-between;
		position: relative;
		width: 100%;
		border-top: #666 solid 2px;		
	    border-bottom: #666 solid 2px;
	}
	
	.student__title>img{
		width: 70px;
		height: 80px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
		.student__title2>img{
		width: 70px;
		height: 80px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
		.student__title>h4{
	font-size: 16px;
			color: #333;
			margin: 30px 10px 30px 10px!important;
	}
	
	.student__title2>h4{
	font-size: 16px;
			color: #333;
			 margin: 30px 10px 30px 10px!important;
			text-align: left;
	}
	
	.student {
		display: block;
		text-align: center;
		height:200px;	
		margin-bottom: 10px;
	}	
	
	.student2{
		margin-bottom: 20px;
	}
	
	
	.student .neme,.student2 .neme,.student3 .neme,.student4 .neme{
		font-size: 10px;
		text-align: right;
		padding-bottom: 10px;
		float: none;
	}

	.student p,.student2 p,.student3 p,.student4 p{
		text-align: left;
	}

	.student__flex{
		display: block;

	}
/*	‐‐‐‐‐‐‐‐‐‐‐‐ポイント‐‐‐‐‐‐‐‐‐‐‐‐‐*/	

	.point,.point2,.point3,.point5{
	  border-top: #666 solid 2px;		
		display: block;
    padding: 0px 0px;
		margin: 40px 0 100px 0;
		text-align: center;
	}
		.point__block{
	display: block;
	}
	.point h5,.point2 h5,.point3 h5,.point5 h5{
		color: #333;
		text-align: center;
	}	
	

	.point span,.point2 span,.point3 span,.point5 span{
		font-weight: bold;
		margin: 20px 0;
		display: block;	
		border-bottom: #666 solid 2px;	
		width: 100%;
		text-align: center;
		
	}
	.point p,.point2 p,.point3 p,.point5 p{
		color: #ff7e00;
		text-align: left;
	}

	.feature-footer{
  margin-top: 100px;
}
.feature-footer__next a{
  margin: 10px 0;
}

.feature-footer a.paginate__link{
  margin: 0 2px;
  padding: 0 10px;
}
	
	
	}