/*-----メインイメージ------*/
section.sec1 div.main_v {
	background-image: url(../image/course/main_ld.jpg);
}

section.sec1 h1 {
	color:#ff6700;
}
section.sec1 ul.type li{
	-webkit-justify-content: left;
	justify-content: left;
	width:350px;

	}
	
section.sec1 ul.type li dt{
	background: #ff8431;
	width:26%;
	}
section.sec1 ul.type li dd{
	width:60%;
	color:#ff6700;
   	border:1px solid #ff8431;
	
	}
section.sec1 ul.type li:last-child dd{
	width:74%;
	}

/*-----発達障害------*/


section.sec1 div.type{
	width:100%;
	max-width:1000px;
	margin:auto;
    background:url(../image/course/ld_bg.jpg);
	}
	
section.sec1 div.type ul{
	margin-block-end:0;
	margin-block-start:0;
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
    align-items: center;
    padding:10px 20px;
    box-sizing: border-box;
    }
section.sec1 div.type ul li{
	background:#fff;
	color:#ff9b58;
	font-weight:bold;
	text-align:center;
	padding:5px 15px;
	border-radius:50px;
	margin:5px;
	}

 /*-----イントロダクション------*/
 
  body#under section.intro h2{
	font-size:32px;
	width:100%;
	line-height:42px;
	text-align:center;
	color:#ff6700;
	margin:0;
  	padding: 30px 0 25px
  	}
  	
  section.intro div{
  	padding:20px 20px 50px;
  	width:100%;
    background:url(../image/course/bg_dot3.jpg);
    box-sizing: border-box;
  	}
  section.intro div p{
  	font-size: 15px;
  	line-height:27px;
  	max-width:800px;
  	margin:auto;
  	width:100%;
  	text-indent:1em;
  	}
  	
   section.intro div p span{ 
   	background: linear-gradient(transparent 50%, #fffca3 60%);
   	font-weight:bold;
   }

   section.intro div dl dt{
   	font-size:20px;
   	font-weight:bold;
   	line-height:20px;
	max-width:620px;
	margin:40px auto 10px;
	width:100%;
	text-align:center;
	color:#fff;
   	padding:10px;
   	background:#5b78d6;
    box-sizing: border-box;
   	border-radius:50px;
   	}
	
	section.intro div dl:last-child dt{
	background:#a9d65b;
	margin:30px auto 10px;
	} 	
   
	section.intro div dl dd img{
	display:block;
	max-width:600px;
	width:100%;
	margin:auto;
	}
   
	section.intro div dl dd span{
	text-align:right;
	display:block;
	width:100%;
	font-size:10px;
	max-width:600px;
	margin:auto;
	} 	    

  /*-----コース一覧------*/

  section.course_list div.contents {
  		padding:0 0 20px;
}

  section.course_list ul {
    	background: #f7741d;
    	}
 
   section.course_list ul li{
   		border-left:#eccbb4 solid 1px;
		border-bottom:#eccbb4 solid 1px;
    	}
 
 section.course_list ul li a{
 		width:65%;
 		}
 		
 
 /*=================ここからコース詳細=================*/
    
    section.course_detail{
    background:url(../image/course/bg_dot3.jpg);
    }
    
	section.course_detail li div.detail{
	background: rgb(255,140,140);
	background: linear-gradient(120deg, rgba(255,140,140,1) 0%, rgba(255,94,94,1) 100%);
    }
 
	div.term{
 	background:#a9d65b;
 	}
 	
 /*=================ここからよくある質問=================*/


section.course_qa{
	background:url(../image/course/bg_dot3.jpg);
    }
 body#under section.course_qa h2{
	color:#ff6700;
	}
section.course_qa ul li dt{
	color:#ffa177;
	border-bottom: dashed 2px #fff4e4;
	}

section.course_qa ul li dt div{
	background:#ffa177;
	}

section.course_qa ul li dd a{
	background:#ff8f8f;
	border-bottom:3px solid #ea6c6c;
	}
	
section.course_qa ul li dt span{
	background: linear-gradient(transparent 70%, #fff9c3 60%);
	}	
	
	
 /*=================ここから副担任制度=================*/
 
body#under section.support h2{
	color:#ff6700;
	}
	
section.support ul{
	background:#fffcf2;
	}	
section.support ul li span{
	background: linear-gradient(transparent 0%, #fff6c5 60%);
	}	
 /*=================ここから無料リスト=================*/

section.free{
	background: rgb(255,220,165);
	background: linear-gradient(120deg, rgba(255,220,165,1) 0%, rgba(255,202,119,1) 100%);
	}

section.free div.contents li{
	background-image:url(../image/course/free_p2.png);
	}
	
section.free div.contents li dt{
	color:#ffa178;
	}
	
 /*=================ここからコンタクト=================*/	
div.course_contact{
    background:url(../image/course/bg_dot3.jpg);
    }

div.course_contact div div.catch{
	color:#77461b;
    background-image: url(../image/course/contact_bg2_l.png), url(../image/course/contact_bg2_r.png);
	}

div.course_contact li div{
	color:#77461b;
}
/*===============================================================================*/	
	
/**************ここからスマホ***************/

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


section.sec1 ul.type li{
	-webkit-justify-content: left;
	justify-content: left;
	width:260px;
	}

section.sec1 ul.type li dt{
	background: #ff8431;
	width:26%;
	}
section.sec1 ul.type li dd{
	width:60%;
	color:#ff6700;
   	border:1px solid #ff8431;
	
	}
section.sec1 ul.type li:last-child dd{
	width:74%;
	}
	
section.sec1 div.type ul li{
	text-align:center;
	padding:5px 10px;
	border-radius:50px;
	margin:3px 5px;	
}

/*=================ここからイントロ=================*/
	
section.intro div dl dt{
   	font-size:16px;
   	}	
   	
body#under section.intro h2{
  	font-size: 22px;
  	line-height: 32px;
  	}
  	
  	

/*=================ここからコース一覧=================*/

section.course_list{
	padding:0;
	}

section.course_list ul li a{
	text-align:center;
	width: 75%;
}

section.course_list ul li:nth-child(3) {
	width:100%;
	}

section.course_list ul li:nth-child(4) {
	width:100%;
	}
 /*=================ここからコース詳細=================*/
	
	section.course_detail li div.detail p span{
		background: linear-gradient(transparent 0%, #fff6c6 60%);
	}	
	
 /*=================ここから無料リスト=================*/

/*===============================スライドイン===================================*/

/*===============================================================================*/

}