/*************基本設定***********/

html { 
	scroll-behavior: smooth;
	}

body.course{
	font-size:16px;
	color:#333;
	line-height: 1.5em;
	}
	
body.course a:hover{
	opacity:0.8;
	}	
div.contents {
    clear: both;
    max-width: 1000px;
    width: 100%;
    margin: auto;
    padding: 0px;
    box-sizing: border-box;
}

body.course h2:before {
	content:none !important;
	}
body.course h2 span:before {
	content:none !important;
	}
body.course h2 span:after {
	content:none !important;
	}
body#under h2 {
	letter-spacing:normal;
	 font-family: "游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
	}

div.contents {
	    clear: both;
	    max-width: 1000px;
	    width: 100%;
	    margin: auto;
	    padding: 0;
	    box-sizing: border-box;
	}
a.pagetop{
	display:none;
	}


/*****************************/


/*-----メインイメージ------*/
    section.sec1 div.main_v {
   		width: 100%;
   		max-width:1000px;
   		margin:auto;
	    height: 60vw;
	    max-height:650px;
	    background-image: url(../image/course/main_jr.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center,center;
	    position: relative;
   }

 section.sec1 h1 {
		background:rgba(255,255,255,0.75);
		padding:10px;
    	font-size:26px;
    	color:#1941a1;
		font-weight:bold;
		line-height:30px;
		text-align:center;
    }

    section.sec1 ul.type {
    	display:block;
    	width:auto;
		position:absolute;
		top:65px;
		left:10px;
    	text-align:center;
    	box-sizing: border-box;
    	margin:0;
    	}



    section.sec1 ul.type li{
    	font-weight:bold;
   		font-size:16px;
   		line-height:27px;
    	width:300px;
    	display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
    	text-align:center;
    	box-sizing: border-box;
    	margin:0 0 5px;
    	padding:0;
    	
    	}

    section.sec1 ul.type li dt{
    	width:30%;
    	background: rgb(33,75,188);
		background: linear-gradient(48deg, rgba(33,75,188,1) 0%, rgba(30,61,147,1) 100%);
    	box-sizing: border-box;
    	color:#fff;
    	padding:5px;
    	border-radius:3px 0 0 3px;
    	}

    section.sec1 ul.type li dd{
    	width:70%;
    	color:#224eb1;
    	background:#fff;
    	box-sizing: border-box;
       	padding:5px;
       	border-radius: 0 3px 3px 0;
       	border:1px solid #1f47ac;
    	}






/*-----月額授業料------*/


    section.sec1 div.price{
    	width:100%;
    	max-width:1000px;
    	margin:auto;
    	}
    	
    section.sec1 div.price ul{
    	margin-block-end:0;
    	margin-block-start:0;
    	width:100%;
    	display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
	    align-items: center;
	    }
    section.sec1 div.price ul li{
    	color:#fff;
    	text-align:center;
    	font-size:18px;
    	height:80px;
    	width:50%;
    	}
   section.sec1 div.price ul li:first-child{
   		background:url(../image/course/price_bg.jpg);
   		line-height: 80px;
   		}
   
	
    section.sec1 div.price ul li:first-child strong{
		color:#ffea00;
		font-size:40px;
		display:inline-block;
		margin:0 0 0 5px;
		}
		
	
	section.sec1 div.price ul li:first-child span{
		font-size:18px;
		}
		
   section.sec1 div.price ul li:last-child{
   		background:url(../image/course/hosho_bg.jpg);
   		color:#1c40a3;
   		font-size:36px;
   		letter-spacing:0.2em;
   		font-weight:bold;
   		}
		
	section.sec1 div.price ul li:last-child span{
		font-size:16px;
		display:block;
		letter-spacing:normal;
		font-weight:normal;
		line-height:32px;
		padding:10px 0 0;
   		}	
    
 /*-----合格率など------*/
    
    section.rate{
    	background:url(../image/course/bg_dot.jpg);
    	padding:30px 0 20px;
		
    	}
    
	section.rate ul {
    	width:70%;
    	display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin:auto;
		-webkit-justify-content: space-between;
		justify-content: space-between;
    } 
    
	section.rate ul li{
    	width:30%;
    }
    
	section.rate ul li img{
		display:block;
		width:100%;
		}
		
	section.rate p{
		font-size:10px;
		width:75%;
		margin:10px auto 0px;
		display:block;
  		}
		
	section.rate p span{
		color:#999;
		font-size:10px;
		width:100%;
		line-height:11px;
		font-weight:normal;
		display:inline-block;
  		transform: scale(0.9, 1);   /* 変形 横,縦 */
  		}
    
 /*-----見積りバナー------*/
 
 body#under section.cam{
  	    padding:0 0 30px;
  	    }
 
 body#under section.cam h2{
 		font-size:32px;
 		color:#fff;
 		background-image: url(../image/course/cam_h2_bg.jpg);
 		background-position:center,center;
 		background-repeat:no-repeat;
 		background-size:contain;
 		color:#FFF;
 		margin:auto;
 		padding:15px;
 		margin:30px auto 30px;
 		width:fit-content;
 		}
 body#under section.cam h2 span{
 		font-weight:normal;
 		display:inline-block;
 		margin:0 10px 0;
 		}
 		
body#under section.cam div{
 		width:100%;
 		text-align:center;
 		}
 		
 	section.cam a{
 		display:block;
 		width:520px;
 		margin:20px auto 0;
 		}
 
 	section.cam a img{
 		width:100%;
 		}
 
 	section.cam a:hover{
 		opacity:0.8;
 		}
 		
 		body#under section.cam div div{
 		width:520px;
 		
 		text-align:center;
 		font-size:15px;
 		margin:15px auto 40px;
 		background:#ddf0ff;
 		padding:15px 0 10px;
 		}
 		
body#under section.cam div div span{
		display:inline-block;
		background: linear-gradient(transparent 50%, #fff6c6 60%);
	} 	
 
  /*-----コース一覧------*/
 
      section.course_list ul {
    	width:100%;
		background: #00157c;
    	display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
    	text-align:center;
    	box-sizing: border-box;
    	margin:0;
    	}
 
   section.course_list ul li{
   		width:50%;
		display: flex;
		justify-content: center;
		align-items: center;
   		box-sizing: border-box;
    	border-left:#7c89bd solid 1px;
		font-size:18px;
		border-bottom:#7c89bd solid 1px;
    	}
 
 section.course_list ul li a{
 		display:block;
 		width:40%;
 		text-align:center;
 		color:#fff;
 		padding:25px 15px 25px;
 		background:url(../image/course/arrow_b.png);
    	background-position:95%,center;
 		background-repeat:no-repeat;
 		background-size:12px;
    	
 		}
 		
	
   section.course_list div{
      	width:100%;
      	text-align:center;
      	color:#F00;
      	padding:10px 0 20px;
      	}
 
 /*=================ここからコース詳細=================*/
    
    section.course_detail{
        background:url(../image/course/bg_dot2.jpg);
        padding:50px 0 30px;
    }
    
    section.course_detail ul{
		width:100%;
		margin:auto;
    }
	section.course_detail li{
		width:100%;
		margin:0 auto 0px;
	}
		
	section.course_detail li div.detail{
  		width:80%;
  		margin:auto;
    	padding:10px;
		box-sizing: border-box;
		background: rgb(24,39,119);
		background: linear-gradient(87deg, rgba(24,39,119,1) 0%, rgba(22,84,159,1) 100%);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		text-align:center;
    	box-sizing: border-box;
    }
    
	body#under section.course_detail li div.detail h2{
	width:100%;
	font-weight:bold;
	font-size:26px;
	text-align:center;
	color:#FFF;
	padding:15px 0 20px;
	margin:0;
	}
section.course_detail li div.detail img{
	display:block;
	width:40%;
	object-fit:cover;
	}    
section.course_detail li div.detail div.textarea{
	background:#fff;
	padding:10px;
	color:#333;
	width:60%;
	box-sizing: border-box;
	text-align:left;
	}
	section.course_detail li div.detail p span{
	font-weight:bold;
	background: linear-gradient(transparent 0%, #fff6c6 60%);
	}
	
	/*------実績校の箇所-------*/
	
	div.passed{
		background-color:#eedea5;
		width:80%;
		margin:20px auto 0;
		background-image:url(../image/course/crown_l.png),url(../image/course/crown_r.png);
		background-repeat:no-repeat;
		background-position:0% center,100% center;
		background-size:60px;
		box-sizing: border-box;
		background-size: contain;
		border:10px #eedea5 solid;
		border-radius:10px;
		}
	div.passed dt{
		width:100%;
		text-align:center;
		color:#b99b43;
		font-size:22px;
		font-weight:bold;
		padding:5px 0 10px;
		}
	div.passed dd{
		width:75%;
		margin:auto;
		font-size:14px;
		color:#2c1d06;
		line-height:21px;
		}

	/*------生徒の実績-------*/
 
  div.achieve{
 	margin:30px auto 0;
 	width:80%;
 	background:#fff;
 	position:relative;
 	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
    align-items: center;
	padding:10px;
	box-sizing: border-box;
	}
 
 div.term{
     font-size: 22px;
     left: 25px;
 	background:#54b6de;
 	position:absolute;
 	font-weight:bold;
 	border-radius:3px;
 	padding:5px 7px;
 	top:-20px;
 	color:#fff;
 	}
 	
 img.score{
 	display:block;
 	position:absolute;
 	}
 	
div.photo{
	padding:10px 0 0;
	width:25%;
	}

 div.achieve div.photo img{
 	width:150px;
 	height:150px;
 	border-radius:200px;
 	object-fit:cover;
 	}

 div.achieve div.info{
 	width:75%;
  	}
 
div.achieve div.info div{
 	width:100%;
  	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: left;
	justify-content: left;
	}
	
div.achieve div.info div dt.subject{
	border:#4b7fdd 2px solid;
 	width:25%;
 	font-weight:bold;
 	color:#4b7fdd;
 	padding:5px;
 	text-align:center;
 	box-sizing: border-box;
  	}
div.achieve div.info div dd{
 	width:75%;
  	}
div.achieve div.info div dd ul{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content:left;
	justify-content: left;
	}

div.achieve div.info div dd ul li{
	width:20%;
	margin:0;
	}
	
div.achieve div.info div dd ul li:first-child{
	padding:0 10px 0 0;
	background:url(../image/course/arrow_s.png);
	background-repeat:no-repeat;
	background-position:100%, center;
	background-size:20px;
	}	
div.achieve div.info div dd ul li dt{
	width:100%;
	text-align:center;
	font-size:12px;
	line-height: 16px;
	}    

div.achieve div.info div dd ul li dd{
	width:100%;
	text-align:center;
	line-height: 20px;
	}    
div.achieve div.info p{
	font-weight:bold;
	margin:20px 0 0;
	width: 85%;
	}
	
div.achieve div.info div.name{
	font-weight:bold;
	color:#28357d;
	font-size:14px;
	margin:15px 0 0;
	}

  div.achieve img.score{
  	display:block;
  	width:120px;
  	position:absolute;
  	right:-20px;
  	top:-20px;
  	}
 /*=================ここからよくある質問=================*/


section.course_qa{
	background:url(../image/course/bg_dot2.jpg);
	padding:0 0 30px;
    }
section.course_qa div.contents
	{
	background:#fff;
	width:96%;
	margin:auto;
	}

 body#under section.course_qa h2{
	font-size:32px;
	width:100%;
	text-align:center;
	color:#000984;
	padding:50px 0 0;
	}
section.course_qa ul{
	padding:10px 0 30px;
	}
section.course_qa ul li dt{
	color:#244e96;
	width:90%;
	margin:0 auto 0;
	font-weight:bold;
	padding:25px 0 3px;
	border-bottom: dashed 2px #9cccf5;
	}

section.course_qa ul li dt div{
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 5px 0 0;
	border-radius:10px;
	background:#244e96;
	}

section.course_qa ul li dd{
	width:90%;
	margin:0 auto 0;
	padding:10px 0 3px;
	}
	
section.course_qa ul li dd p{
	text-indent:1em;
	}	
	
section.course_qa ul li dd a{
	width:290px;
	display:block;
	border-radius:5px;
	color:#FFF;
	height:100px;
	display:block;
	font-size:26px;
	background:#64aae5;
	border-bottom:3px solid #497ec6;
	color:#FFF;
	padding:10px 50px 10px;
	text-align:left;
	margin:30px auto 50px;
	line-height:42px;
	}
	
section.course_qa ul li dt span{
	background: linear-gradient(transparent 70%, #fecdcd 60%);
	}	
	
section.course_qa ul li dd a span{
	display:inline-block;
	font-size:18px;
	margin:0 10px 0 0;
	}
	
	
 /*=================ここから副担任制度=================*/
section.support{
       padding:50px 0 30px;
		}

body#under section.support h2{
	font-size:32px;
	margin:0 auto 0;
	width:100%;
	text-align:center;
	color:#000984;
	}
	
section.support img{
	display:block;
	width:80%;
	max-width:620px;
	margin:auto;
	}
	
section.support dt{
	text-align:center;
	padding:0 0 50px;
	}
	
section.support ul{
	margin:50px auto 20px;
	width:600px;
	padding:15px;
	box-sizing: border-box;
	background:#f2faff;
	}	
section.support ul li{
	margin: 5px 0 5px;
	}
	
section.support ul li span{
	font-weight:bold;
	background: linear-gradient(transparent 0%, #fff6c6 60%);
	}	
 /*=================ここから無料リスト=================*/

section.free{
	background: rgb(215,224,235);
	background: linear-gradient(90deg, rgba(215,224,235,1) 0%, rgba(186,200,221,1) 100%);
    padding:50px 0 30px;
	}

section.free div.contents {
	width:96%;
	margin:auto;
	}

section.free div.contents li{
	width:80%;
	background-color:#fff;
	background-image:url(../image/course/free_p.png);
	background-repeat:no-repeat;
	background-size:75px;
	padding:10px;
	margin:10px auto 10px;
	box-sizing: border-box;
	}
	
section.free div.contents li dt{
	width:100%;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	color:#162059;
	padding:10px 0 10px;
	}
	
 /*=================ここからコンタクト=================*/	
div.course_contact{
		padding:50px 0 110px;
        background:url(../image/course/bg_dot2.jpg);
    }

div.course_contact div.contents{
	margin:auto;
	width:82%;
	}
    
div.course_contact div div.catch{
	color:#162059;
    margin:10px auto 5px;
    text-align:center;
    padding:0 5% 0 ;
    font-weight:bold;
    font-size:20px;
    background-image: url(../image/course/contact_bg_l.png), url(../image/course/contact_bg_r.png);
	background-repeat: no-repeat, no-repeat;
	background-position:center left,right;
    max-width: 260px;
    }

div.course_contact div div.catch span{
	display:block;
	font-size:15px;
	}

div.course_contact div ul{
	width:100%;
	margin:auto;
	}
	
div.course_contact div ul li{
	width: 75%;
	margin:15px auto 0;
}

div.course_contact div ul li a span{
	display:block;
	font-size:18px;
	width:340px;
	box-sizing: border-box;
	text-align:left;
	padding:0;
	margin:auto;
	color:#FFF;
	font-weight:bold;
	
	}
div.course_contact div ul li a div.text{
	font-size:26px;
	text-align:center;
	margin:0 auto 0;
	color:#FFF;
	padding:0;
	width:340px;
	font-weight:bold;
	}
div.course_contact div ul li a{
	height:110px;
	display:block;
	background:#ffc600;
	border-bottom:3px solid #b2852e;
	border-radius:85px;
	margin:10px 0 0;
	line-height:42px;
	box-sizing: border-box;
	padding:15px 15px 15px 30px;
	}

div.course_contact div ul li:nth-child(2) a{
	background:#f95054;
	border-bottom:3px solid #c52125;
}

div.course_contact div ul li:nth-child(3) a{
	width:75%;
	background:#fff;
	border-bottom:3px solid #CCC;
	height:min-content;
	margin:10px auto 0;
	padding: 10px;
	box-sizing: border-box;
	}
	
div.course_contact div ul li a img{
	display:block;
	width:90%;
	margin:auto;
	}	
	
div.course_contact li div{
	font-size:15px;
	font-weight:bold;
	background:none;
	margin: 30px auto 0;
	color:#3d5dac;
}
div.course_contact div li.tel div{
	padding:0;
	text-align:center;
	}
	
div.course_contact li div.time{
	margin:7px auto 0;
	padding:0;
	font-size:12px;
	}
	
footer div.contents {
	    clear: both;
	    max-width: 1000px;
	    width: 100%;
	    margin: auto;
	    padding: 30px 20px 20px;
	    box-sizing: border-box;
	}

/*===============================スライドイン===================================*/
 /*.slide-bottom {
	opacity: 0;
	transform: translate(0, 200px);
	transition: all 0.2s ease-out;}
 
  .slide-bottom{
 	transform: scale(0.5,0.5);
    transition: 1s;
    }*/
 
 /*div.course_contact div ul li:nth-child(2){
 	transition-delay: .2s;
 	}
/==============================================================================*/	
	
/**************ここからスマホ***************/

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


/*---------基本設定---------*/

body.course{
	font-size:15px;
	color:#333;
	line-height: 1.8em;
	}

body#under h2 {
	margin:0;
}

a.pagetop{
	display:block;
	width:10%;
	z-index:9999;
	position: fixed;
	bottom:75px;
	right:0;
	}
	
a.pagetop img{
	width:100%;
	}
	
/*--ヘッダー--*/

#nav-drawer {
    position: relative;
    float: right;
    cursor: pointer;
    margin: 0 0 0 0;
    }	

/*-----メインイメージ------*/
    section.sec1 div.main_v {
   		width: 100%;
   		max-width:1200px;
   		margin:auto;
	    height: 80vw;
	    background-image: url(../image/course/main_jr.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    position: relative;
   }

    section.sec1 h1 {
		background:rgba(255,255,255,0.75);
		padding:10px;
    	font-size:20px;
    	color:#1941a1;
		font-weight:bold;
		line-height:30px;
		text-align:left;
    }

    section.sec1 ul.type {
    	display:block;
    	width:auto;
		position:absolute;
		top:65px;
		left:10px;
    	text-align:center;
    	box-sizing: border-box;
    	margin:0;
    	}

    section.sec1 ul.type li{
   		font-size:12px;
   		line-height:27px;
    	width:210px;
    	display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
    	text-align:center;
    	box-sizing: border-box;
    	margin:0 0 5px;
    	padding:0;
    	
    	}

    section.sec1 ul.type li dt{
    	width:30%;
    	background: rgb(33,75,188);
		background: linear-gradient(48deg, rgba(33,75,188,1) 0%, rgba(30,61,147,1) 100%);
    	box-sizing: border-box;
    	color:#fff;
    	padding:0;
    	border-radius:3px 0 0 3px;
    	}

    section.sec1 ul.type li dd{
    	width:70%;
    	color:#224eb1;
    	background:#fff;
    	box-sizing: border-box;
       	padding:0;
       	border-radius: 0 3px 3px 0;
    	}

/*-----月額授業料------*/

    section.sec1 div.price{
    	width:100%;
    	}
    	
    section.sec1 div.price ul{
    	margin-block-end:0;
    	margin-block-start:0;
    	width:100%;
    	display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
	    align-items: center;
	    }
    section.sec1 div.price ul li{
    	font-size:16px;
    	height:60px;
    	width:50%;
    	}
   section.sec1 div.price ul li:first-child{
   		background:url(../image/course/price_bg.jpg);
   		line-height: 60px;
   		}
   
	
    section.sec1 div.price ul li:first-child strong{
		color:#ffea00;
		font-size:22px;
		display:inline-block;
		margin:0 0 0 5px;
		}
		
	
	section.sec1 div.price ul li:first-child span{
		font-size:16px;
		}
		
   section.sec1 div.price ul li:last-child{
   		background:url(../image/course/hosho_bg.jpg);
   		color:#1c40a3;
   		font-size:22px;
   		letter-spacing:0.2em;
   		font-weight:bold;
   		}
		
	section.sec1 div.price ul li:last-child span{
		font-size:12px;
		display:block;
		letter-spacing:normal;
		font-weight:normal;
		line-height:16px;
		padding:10px 0 0;
   		}	

    
 /*-----合格率など------*/
    
    section.rate{
    	background:url(../image/course/bg_dot.jpg);
    	padding:15px 0 0;}
    
	section.rate ul {
    	width:90%;
    	display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding:0;
		margin:auto;
		-webkit-justify-content: space-between;
		justify-content: space-between;
    } 
    
	section.rate ul li{
    	width:32%;
    }
    
	section.rate ul li img{
		display:block;
		width:100%;
		}
	
	section.rate p {
		font-size:10px;
		width:75%;
		margin:10px auto 0px;
		display:block;
  		}
		
	section.rate p span{
		color:#999;
		font-size:10px;
		width:100%;
		line-height:11px;
		font-weight:normal;
		display:inline-block;
  		transform: scale(0.9, 1);   /* 変形 横,縦 */
  		}
    
 /*-----見積りバナー------*/
 
body#under section.cam{
		padding:25px 0 0;
     	}
 		
body#under section.cam div div{
 		width:100%;
 		text-align:center;
 		font-size:15px;
 		margin:0 auto 40px;
 		background:#ddf0ff;
 		padding:15px 0 10px;
 		}
 		
body#under section.cam div div span{
		display:inline-block;
		background: linear-gradient(transparent 50%, #fff6c6 60%);
	} 		
 		
 	section.cam a{
 		display:block;
 		width:80%;
 		margin:auto;
 		}
 
 	section.cam a img{
 		width:100%;
 		}
 
 	section.cam a:hover{
 		opacity:0.8;
 		}
 
  /*-----コース一覧------*/
 
      section.course_list{
     	padding:15px 0 25px;
     	}

      section.course_list ul {
    	width:100%;
		background:#00157c;
    	display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
    	text-align:center;
    	box-sizing: border-box;
    	margin:0;
    	}
 
   section.course_list ul li{
   		width:50%;
		display: flex;
		justify-content: center;
		align-items: center;
   		box-sizing: border-box;
    	border-left:#7c89bd solid 1px;
		font-size:18px;
		border-bottom:#7c89bd solid 1px;
    	}
 
 section.course_list ul li a{
 		display:block;
 		width:70%;
 		text-align:left;
 		color:#fff;
 		padding:15px;
 		background:url(../image/course/arrow_b.png);
    	background-position:95%,center;
 		background-repeat:no-repeat;
 		background-size:12px;
    	
 		}
 		
	
 section.course_list div{
      	width:100%;
      	font-size:15px;
      	line-height:18px;
      	text-align:center;
      	color:#F00;
      	padding:10px 0 0;
      	}
 
 /*=================ここからコース詳細=================*/
    
    section.course_detail{
        background:url(../image/course/bg_dot2.jpg);
		padding:50px 0 20px;
    }
    
    section.course_detail ul{
    	width:100%;
		margin:auto;
    }
	section.course_detail li{
		width:100%;
	}
		
	section.course_detail li div.detail{
    	width:92%;
    	margin:auto;
    	padding:10px;
		box-sizing: border-box;
		background: rgb(24,39,119);
		background: linear-gradient(87deg, rgba(24,39,119,1) 0%, rgba(22,84,159,1) 100%);
    }
    
body#under section.course_detail li div.detail h2{
	width:100%;
	font-weight:bold;
	font-size:22px;
	text-align:center;
	color:#FFF;
	letter-spacing:0.1em;
	padding:15px 0 20px;
	}
section.course_detail li div.detail img{
	display:block;
	width:100%;
	}
	
section.course_detail li div.detail div.textarea{
	width:100%;
	padding:10px;
	background:#fff;
	}
section.course_detail li div.detail p{
	text-indent:1em;
	color:#333;
	width:100%;
	padding:0;
	border:none;
	}
	
	section.course_detail li div.detail p span{
	font-weight:bold;
	background: linear-gradient(transparent 0%, #fff6c6 60%);
	}	
	/*------実績校の箇所-------*/
	
	div.passed{
		width:92%;
		margin:15px auto 0;
		box-sizing: border-box;
		border-radius:15px;
		padding:0;
		border: 10px #eedea5 solid;
		background-color: #eedea5;
		background-image: url(../image/course/crown_l.png),url(../image/course/crown_r.png);
		background-repeat: no-repeat;
		background-position: 1% center,100% center;
		background-size: 45px;
		
		}
	div.passed dt{
		width:100%;
		text-align:center;
		color:#b99b43;
		font-size:22px;
		font-weight:bold;
		padding:5px 0 10px;
		}
	div.passed dd{
		width:auto;
		font-size:13px;
		color:#2c1d06;
		line-height:17px;
		padding:0 35px 5px;
		}
	div.passed dd span{
		display:block;
		width:100%;
		margin:15px 0 0 ;
		text-align:right;
		box-sizing: border-box;
		}		

	/*------生徒の実績-------*/
 
  div.achieve{
 	margin:70px auto 0;
 	width:92%;
 	background:#fff;
 	position:relative;
 	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
    align-items: center;
	padding:10px 10px 0;
	box-sizing: border-box;
	}
 
 div.term{
    font-size: 15px;
 	background:#54b6de;
 	position:absolute;
 	font-size:16px;
 	font-weight:bold;
 	border-radius:3px;
 	padding:5px 7px;
 	top:-20px;
 	left:10px;
 	color:#fff;
 	}
 	
 img.score{
 	display:block;
 	position:absolute;
 	}
 	
div.photo{
	width:32%;
	}

div.achieve div.photo img{
 	width:100px;
 	height:100px;
 	border-radius:100px;
 	}

 div.achieve div.info{
 	width:67%;
  	}
 
div.achieve div.info div{
 	width:100%;
  	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: left;
	justify-content: left;
	}
	
div.achieve div.info div dt.subject{
	border:#4b7fdd 2px solid;
 	width:25%;
 	color:#4b7fdd;
 	padding:3px 0 0;
 	text-align:center;
 	font-size:18px;
 	box-sizing: border-box;
  	}
div.achieve div.info div dd{
 	width:75%;
  	}
div.achieve div.info div dd ul{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content:left;
	justify-content: left;
	}

div.achieve div.info div dd ul li{
	width:30%;
	margin:0;
	}	
div.achieve div.info div dd ul li:first-child{
	padding:0 5px 0 0;
	background:url(../image/course/arrow_s.png);
	background-repeat:no-repeat;
	background-position:100%, center;
	background-size:10px;
	}
	
div.achieve div.info div dd ul li dt{
	width:100%;
	text-align:center;
	font-size:10px;
	line-height: 16px;
	}    

div.achieve div.info div dd ul li dd{
	width:100%;
	text-align:center;
	font-size:12px;
	line-height: 16px;
	}    
div.achieve div.info p{
	font-weight:bold;
	font-size:14px;
	line-height:17px;
	margin:10px 0 0;
	width: 100%;
	
	}
	
div.achieve div.info div.name{
	font-size:11px;
	font-weight:bold;
	color:#28357d;
	margin:0;
	}
  div.achieve img.score{
  	display:block;
  	width:75px;
  	position:absolute;
  	right:-5px;
  	top:-30px;
  	}

 /*=================ここからよくある質問=================*/


section.course_qa{
    background:url(../image/course/bg_dot2.jpg);
	padding:15px 0 50px;
    }
section.course_qa div.contents
	{
	background:#fff;
	width:92%;
	margin:auto;
	}

 body#under section.course_qa h2{
	font-size:22px;
	width:100%;
	text-align:center;
	color:#000984;
	padding:45px 0 0;
	}
section.course_qa ul{
	padding:45px 10px 10px;
	}
	
section.course_qa ul li{
	margin:0 0 35px;
	}

	
section.course_qa ul li dt{
	color:#244e96;
	font-size:18px;
	width:100%;
	padding:0 0 10px;
	margin:0 auto 0;
	font-weight:bold;
	border-bottom: dashed 2px #9cccf5;
	}

section.course_qa ul li dt span{
	background: linear-gradient(transparent 70%, #fecdcd 60%);
	}

section.course_qa ul li dt div{
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 5px 0 0;
	border-radius:10px;
	background:#244e96;
	}

section.course_qa ul li dd{
	width:96%;
	margin:0 auto 0;
	padding:10px 0 3px;
	}
/*----------よくある質問内ボタン------------*/	
section.course_qa ul li dd a{
	width:90%;
	display:block;
	border-radius:5px;
	color:#FFF;
	display:block;
	font-size:23px;
	background:#64aae5;
	border-bottom:3px solid #497ec6;
	color:#FFF;
	padding:20px 10px 10px;
	text-align:center;
	margin:30px auto 60px;
	line-height:42px;
	box-sizing: border-box;
	height:auto;
	}
	
	
section.course_qa ul li dd a span{
	display:block;
	width:250px;
	font-size:15px;
	line-height:19px;
	text-align:left;
	margin:auto;
	}
	
	
 /*=================ここから副担任制度=================*/

section.support{
	padding:60px 0 70px;
	
	}

body#under section.support h2{
	font-size:22px;
	width:82%;
	margin:auto;
	padding:0 0 30px;
	color:#000984;
	}
	
body#under section.support h2 span.top{
	width:100%;
	display:block;
	text-align:left;
	}
	
body#under section.support h2 span.bottom{
	width:100%;
	display:block;
	text-align:right;
	}
	
body#under section.support dt{
	margin:0 auto 30px;
	padding:0;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:1.3em;
	}
	
section.support dd img{
	display:block;
	width:80%;
	margin:auto;
	}
	
section.support ul{
	margin:30px auto 15px;
	width:90%;
	padding:15px;
	box-sizing: border-box;
	background:#f2faff;
	}	
section.support ul li{
	text-indent:1em;
	margin: 0 0 35px;
	}
section.support ul li:last-child{
	margin: 0 0 15px;
	}
section.support ul li span{
	font-weight:bold;
	background: linear-gradient(transparent 0%, #fff6c6 60%);
	}		

 /*=================ここから無料リスト=================*/

section.free{
	background: rgb(215,224,235);
	background: linear-gradient(90deg, rgba(215,224,235,1) 0%, rgba(186,200,221,1) 100%);
	padding:40px 0 35px;
	}

section.free div.contents {
	width:86%;
	margin:auto;
	}

section.free div.contents li{
	width:100%;
	background-color:#fff;
	background-image:url(../image/course/free_p.png);
	background-repeat:no-repeat;
	background-size:25%;
	padding:15px 15px 20px;
	margin:0 auto 20px;
	box-sizing: border-box;
	}

section.free div.contents li dt{
	width:100%;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	color:#162059;
	padding:0 0 15px;
	}
	
section.free div.contents li dd{
	text-indent:1em;
	}	
	
 /*=================ここからコンタクト=================*/

div.course_contact{
		padding:50px 0 110px;
        background:url(../image/course/bg_dot2.jpg);
    }

div.course_contact div.contents{
	margin:auto;
	width:82%;
	}
    
div.course_contact div div.catch{
	color:#162059;
    margin:10px auto 5px;
    text-align:center;
    padding:0 5% 0 ;
    font-weight:bold;
    font-size:20px;
    background-image: url(../image/course/contact_bg_l.png), url(../image/course/contact_bg_r.png);
	background-repeat: no-repeat, no-repeat;
	background-position:center left,right;
    max-width: 260px;
    }

div.course_contact div div.catch span{
	display:block;
	font-size:15px;
	display:inline-block;
	transform: scale(0.9, 1);   /* 変形 横,縦 */
	}

div.course_contact div ul{
	width:100%;
	margin:auto;
	}
	
div.course_contact div ul li{
	width: 100%;
	margin:15px 0 0;
	}

div.course_contact div ul li a span{
	display:block;
	font-size:15px;
	width:246px;
	box-sizing: border-box;
	text-align:left;
	padding:0;
	line-height:15px;
	margin:auto;
	color:#FFF;
	font-weight:normal;

	}
div.course_contact div ul li a div.text{
	font-size:23px;
	text-align:center;
	margin:0 auto 0;
	color:#FFF;
	padding:0;
	width:260px;
	font-weight:normal;
	}
div.course_contact div ul li a{
	height:85px;
	display:block;
	border-radius:85px;
	margin:10px 0 0;
	line-height:42px;
	box-sizing: border-box;
	padding:15px 15px 15px 30px;
	}



div.course_contact div ul li:nth-child(3) a{
	width:90%;
	background:#fff;
	border-bottom:3px solid #CCC;
	height:min-content;
	margin:10px auto 0;
	padding: 10px;
	box-sizing: border-box;
	}
	
div.course_contact div ul li a img{
	display:block;
	width:90%;
	margin:auto;
	}	
	
div.course_contact li div{
	font-size:15px;
	font-weight:bold;
	background:none;
	margin: 30px auto 0;
	color:#3d5dac;
}
div.course_contact div li.tel div{
	padding:0;
	width:100%;
	text-align:center;
	}
	
div.course_contact li div.time{
	margin:7px auto 0;
	padding:0;
	font-size:12px;

	}
	
 /*=================ここからフッター=================*/	
	
    
	footer div.contents {
	    clear: both;
	    max-width: 1000px;
	    width: 100%;
	    margin: auto;
	    padding: 30px 20px 20px;
	    box-sizing: border-box;
	}

footer ul.fixed_course{
 	width:100%;
 	position: fixed;
    bottom: 0;
 	display: flex!important;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
    align-items: center;
    margin:0;
	box-sizing: border-box;
	background-color:#2ea7d9;
}

	footer ul.fixed_course li{
	height:70px;
	margin:0;
	padding:0;
	width:25%;
	}
	footer ul.fixed_course li a{
	display:block;
	height:70px;
	color:#fff;
	}
	
	footer ul.fixed_course li a span{
	display:block;
	}
	

	footer ul.fixed_course li:last-child {
	width:50%;
	}

	footer  ul.fixed_course li:last-child a{
	width:100%;
 	display: flex!important;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	/*-webkit-align-items: center;*/
    /*align-items: center;*/
	padding:10px;
	box-sizing: border-box;
	background-color:#2ea7d9;
	background-image:url(../image/course/arrow_r.png);
	background-repeat:no-repeat;
	background-position:95%,center;
	background-size:5%;
		}
	
	footer ul.fixed_course li:last-child a{
	background-color:#f95054;
		}
	
	footer ul.fixed_course li:first-child a{
	text-align:center;
		}
	
	footer ul.fixed_course li:first-child a img{
		display:block;
		width:30%;
		margin:auto;
		}
	
	
	footer ul.fixed_course li:nth-child(2) a{
	background-color:#eaaa11;
	text-align:center;
	text-indent:0.1em;
		}
		
	footer ul.fixed_course li:nth-child(2) a img{
		display:block;
		width:35%;
		margin:auto;
		}
		
	
	footer ul.fixed_course li:last-child a dt{
		width:15%;
		}
		
	footer ul.fixed_course li:last-child a dt img{
		width:100%;
		display:block;
		padding:15px 0 0 ;
		margin:auto;
		}
		
	footer ul.fixed_course li:last-child a dd{
		font-size:16px;
		width:75%;
		}

	footer ul.fixed_course li:last-child a dd span{
		display:block;
		font-size:12px;
		line-height:14px;
		}



}