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

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/index_main_bg.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 div.price {
        width:100%;
    	max-width:1000px;
    	margin:auto;
    	color:#fff;
    	text-align:center;
    	font-size:24px;
    	height:80px;
    	background:url(../image/course/course_m_p_bg2.jpg);
   		line-height: 80px;
   		font-size:24px;
   		}
   	
    section.sec1 div.price strong{
		color:#ffea00;
		font-size:48px;
		display:inline-block;
		margin:0 0 0 5px;
		}
		
	section.sec1 div.price span{
		font-size:24px;
		}
		
/*----------バナー---------*/

section.sec1 a{
		display:block;
		width:600px;
		margin:50px auto 75px;
		}

section.sec1 a img{
		width:100%;
		}
	

/*----------タブ切り替え---------*/

section.school{
	padding:0 0 70px;
	} 
.tab-wrap {
	width:100%;
	max-width:800px;
	margin:auto;
	 display: flex;
  	-webkit-justify-content:center;
	justify-content:center;
  flex-wrap: wrap;
}
.tab-label {
	display:inline-block;
	color:#fff;
	font-size:22px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	padding: 15px .2em;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	width:160px;
	border-radius: 5px 5px 0 0;
	}
				
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}

label.no1{
	background:#2e85e4;
}
label.no2{
	background:#254ec0;
}
label.no3{
	background:#132d7c;
}
label.no4{
	font-size:20px;
	padding: 5px 0 0;
	background:#5f6a96;
}

label.no4 span.htk{
	display:block;
	letter-spacing:0.2em;
}

label.no4 span.ld{
	display:block;
}

.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* タブがアクティブ時*/ 
.tab-switch:checked+.tab-label {
transform: scaleX(1.2) scaleY(1.3);
z-index:99;
} 
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding:15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  border-radius:20px;
}

.tab-content ul{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content:left;
		justify-content: left;
		box-sizing: border-box;
		}
		
.tab-content ul li{
	letter-spacing:0.2em;
	padding:3px 12px 0;
	border-radius:50px;
	background:#fff;
	margin:0 5px 0 0;
	}
	
div.year{
	width: fit-content;
	padding:3px 12px 0;
	border-radius:50px;
	color:#fff;
	}
	
	
.tab-switch:checked+.tab-label+div.no1 {
 background:#2e85e4;
}
div.no1 div.year{
	background:#00529a;
	}
	
div.no1 ul li{
 color:#2e85e4;
	}

.tab-switch:checked+.tab-label+div.no2 {
background:#254ec0;
}
div.no2 div.year{
	background:#002384;
	}
div.no2 ul li{
 color:#254ec0;
	}


.tab-switch:checked+.tab-label+div.no3 {
 background:#132d7c;
}
div.no3 div.year{
	background:#05133d;
	}
	
div.no3 ul{
	margin:5px 0 0;
	}
	
div.no3 ul li{
	line-height:19px;
 	color:#132d7c;
	margin:0 5px 5px 0;
	}

div ul li span{
	font-size:13px;
	}

div ul li.sub{
	margin:0 15px 5px 0;
}


.tab-switch:checked+.tab-label+div.no4 {
background:#5f6a96;
}

div.no4 ul{
	margin:5px 0 0;
	}

div.no4 div.year{
	background:#172b7c;
}

div.no4 ul li{
 color:#5f6a96;
 line-height:19px;
 margin:0 5px 5px 0;
}



/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}

/*---------------タブ切り替えの設定ここまで----------------*/

section.school div.flex{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		box-sizing: border-box;
	}
section.school img{
	display: block;
	width: 40%;
	object-fit: cover;
	}

section.school div.textarea{
	width:60%;
	background:#fff;
    padding:10px;
    color: #333;
    box-sizing: border-box;
   }

section.school div.textarea p{
	text-indent:1em; 
}

section.school div.textarea p span{
	font-weight: bold;
    background: linear-gradient(transparent 0%, #fff6c6 60%); 
}

section.school div.textarea a{
	width:80%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	display:block;
	background-image:url(../image/course/arrow_r.png);
	background-repeat:no-repeat;
	background-size:8px;
	background-position:95%,center;
	background-color:#ff6000;
	border-bottom:3px solid #bf5514;
	border-radius:100px;
	margin:30px auto 0;
	line-height:30px;
	box-sizing: border-box;
	padding:15px;
	}
/*=================生徒の声=================*/

section.students{
		padding:50px 0 110px;
        background:url(../image/course/bg_dot2.jpg);
    }
body#under section.students h2{   
    font-size: 32px;
    width: 100%;
    color:#000984;
    line-height:42px;
    text-align: center;
    padding: 0 0 20px ;
    }

section.students h2 span{
	display:block;
	}

	
section.students ul li{
	width:480px;
	height:460px;
	padding:15px;
	box-sizing: border-box;
	}
	
section.students ul li h3{
	color:#00178f;
	width:100%;
	font-weight:bold;
	text-align:center;
	}
	
section.students ul li h3 span{
	background: linear-gradient(transparent 50%, #e3f1fc 60%); 
	font-size:18px;
	}
	
section.students ul dl{
	 width:100%;
	 display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
  	margin:20px auto 0;
	}
	
section.students ul dt{
	width:55%;
	display:block;
	}

section.students ul dt img{
	display:block;
	width:100%;
	object-fit:cover;
	height:280px;
	}

section.students ul dd{
	width:44%;
	position:relative;
	}

section.students ul dd div.gaku{
	text-align:center;
	color:#fff;
	padding:10px;
	background:#2e85e4;
	}
section.students ul dd div#y1{
	background:#2e85e4;
}
section.students ul dd div#y2{
	background:#254ec0;
}
section.students ul dd div#y3{
	background:#132d7c;
}
section.students ul dd div#y4{
	background:#5f6a96;
}

section.students ul dd div.way{
	text-align:center;
	color:#fff;
	padding:10px;
	margin:10px 0 0;
	background:#b0b0b0;
	}

section.students ul dd div.name{
	text-align:right;
	margin:;
	font-weight:bold;
	position:absolute;
	bottom:0;
	right:0;
	}

section.students ul div.voice{
	margin:10px 0 0;
	}
	
section.students ul div.voice p{
	text-indent:1em;
	}	
/*---------------------js部のCSS--------------------------*/

.slider .slick-slide{
    margin-right: 1vw!important;
    margin-left: 1vw!important;
	margin-bottom:10px;
	background:#fff;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .3)!important;
}

.slick-prev{
    z-index:9999!important;
  	left:0!important;}   

ul.slick-initialized{
	position:relative;
	margin:0;
	}

.slick-prev:before {
    font-family: 'slick';
    font-size: 44px;
    line-height: 1;
    opacity: 0.6;
    color: #000;
    z-index:9999!important;
    position:absolute!important;
    left:50px!important;}
    
  .slick-next{
  	z-index:9999!important;
  	right:0!important;}   
 .slick-next:before {
 	
    font-family: 'slick';
    font-size: 44px;
    line-height: 1;
    opacity: 0.6;
    color: #000;
    z-index:9999!important;
    position:absolute!important;
    right:50px!important;
    }    



 /*=================ここからコンタクト=================*/	
div.course_contact{
		padding:50px 0 70px;
        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;
	}
	
/*=================ここから一覧バナー=================*/

section.course_banner{
		padding:0 0 30px;
        background:url(../image/course/bg_dot2.jpg);
        }

body#under section.course_banner  h2{   
    font-size: 32px;
    width: 100%;
    color:#000984;
    line-height:42px;
    text-align: center;
    padding: 0 0 20px ;
    }

section.course_banner  h2 span{
		background: linear-gradient(transparent 50%, #ffd2dd 60%); 
	}

section.course_banner ul{
		width:100%;
		max-width:800px;
		margin:auto;
		}

section.course_banner ul li {
		margin:0 0 15px;
		background:#fff;
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .3);
		padding:0 0 20px;
		}

section.course_banner ul li div{
		height:330px;
		}

section.course_banner ul li div img{
		display:block;
		width:100%;
		height:100%;
		object-fit:cover;
		}

section.course_banner ul li a{
	width:450px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:22px;
	display:block;
	background-image:url(../image/course/arrow_r.png);
	background-repeat:no-repeat;
	background-size:8px;
	background-position:95%,center;
	border-radius:100px;
	margin:20px auto 0;
	line-height:30px;
	box-sizing: border-box;
	padding:20px;
	}

section.course_banner ul li:nth-child(1) a{
	background-color:#2e85e4;
	border-bottom:3px solid #2470c2;
	}

section.course_banner ul li:nth-child(2) a{
	background-color:#254ec0;
	border-bottom:3px solid #1e40a1;
	}

section.course_banner ul li:nth-child(3) a{
	background-color:#132d7c;
	border-bottom:3px solid #091e5d;
	}

section.course_banner ul li:nth-child(4) a{
	background-color:#5f6a96;
	border-bottom:3px solid #41496d;
	}


section.course_banner a.cam{
		display:block;
		width:92%;
		max-width:800px;
		margin:100px auto 30px;
}
section.course_banner a.cam img{
		width:100%;
}

	
footer div.contents {
	    clear: both;
	    max-width: 1000px;
	    width: 100%;
	    margin: auto;
	    padding: 30px 20px 20px;
	    box-sizing: border-box;
	}
	
/*===============================スライドイン=================================
  .slide-bottom{
 	transform: scale(0.5,0.5);
    transition: 1s;
    }
  .slide-left {
	opacity: 0;
	transform: translate(-200px, 0);
	transition: all 0.2s ease;
 }
 
 .slide-right {
	opacity: 0;
	transform: translate(200px, 0);
	transition: all 0.2s ease;
 }
 
/*============================================================================*/	
	
/**************ここからスマホ***************/

@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-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%;
    	font-size:24px;
    	height: 75px;
    	line-height: 75px;
    	}
    	
   	   section.sec1 div.price strong{
		color:#ffea00;
		font-size:40px;
		display:inline-block;
		margin:0 0 0 5px;
		}
		
		section.sec1 div.price span{
		font-size:24px;
		}
	
/*--------------------キャンペーンバナー----------------------------*/

section.sec1 a{
		display:block;
		width:90%;
		margin:30px auto 35px;
		}
		
/*----------タブ切り替え---------*/

section.school{
	width:92%;
	margin:auto;
	}
.tab-wrap {
	width:100%;
	margin:auto;
}
.tab-label {
  color:#fff;
  font-size:18px;
  padding: 15px 0px 10px;
  width:23.5%;
  }
  /*
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}:*/

.tab-label:not(:last-of-type) {
  margin-right: 0px;
}:


label.no4{
	font-size:15px;
	padding: 10px .2em 0px;
}

label.no4 span{
line-height:22px;
font-size:16px;
}

/*スマホ*/

.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding:  15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  border-radius:10px;
}

/* ラベルが選択された場合の拡大設定 */
.tab-switch:checked + .tab-label {
  transform: scaleX(1.2) scaleY(1.3); /* ラベル全体を拡大 */
  transition: transform 0.3s ease-in-out; /* スムーズな変化 */
  display: inline-block; /* 必要に応じて設定 */
  z-index:9999;
  padding:15px 0px 0px;
  box-shadow:   3px -3px 3px rgba(0, 0, 0, 0.05);
}


/* ラベル内の文字（テキスト） */
.tab-label .tab-text {
  transform: none; /* テキスト自体は変形しない */
  display: block; /* テキストを通常のブロック要素として扱う */
  transition: transform 0.3s ease-in-out; /* スムーズな変化を適用 */
}

/* checkedのときに上に少し移動する */
.tab-switch:checked + .tab-label .tab-text {
  transform: translateY(-5px);  /* 上に10px移動 */
  font-weight: bold;  /* 強調したい場合はフォントを太く */
  font-size:20px;
}


.tab-content ul{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content:left;
		justify-content: left;
		box-sizing: border-box;
		}
.tab-content ul li{
	font-size:14px;
	letter-spacing:0.1em;
	padding:0 12px 0;
	border-radius:50px;
	margin:0 5px 0 0;
	}

div.no3 ul li{
	line-height: 21px;
	padding:0 7px 0;
	font-size:13px;
	margin:0 3px 5px 0;
	}
	
div.no4 ul li{
	line-height: 21px;
	padding:0 7px 0;
	font-size:13px;
	margin:0 3px 5px 0;
	}	
div ul li.letter{
	letter-spacing:0;
	}
div ul li span{
	font-size:12px;
	}
div ul li.sub{
	margin:0 10px 5px 0;
	}

/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}		
/*--------------------ここまでタブの切り替え----------------------------*/

section.school img{
	display: block;
	width: 100%;
	object-fit: cover;
	}

section.school div.textarea{
	width:100%;
	height: 300px;
	background:#fff;
    padding:10px;
    color: #333;
    position:relative;
    box-sizing: border-box;
   }
section.school div.textarea a{
	width:92%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:17px;
	display:block;
	background-image:url(../image/course/arrow_r.png);
	background-repeat:no-repeat;
	background-size:5px;
	background-position:95%,center;
	background-color:#ff6000;
	border-bottom:3px solid #bf5514;
	border-radius:100px;
	margin:30px auto 0;
	line-height:30px;
	box-sizing: border-box;
	position:absolute;
	bottom:20px;
   left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	padding:15px 10px 15px 10px;
	letter-spacing:0em;
	}

/*=================生徒の声=================*/

section.students{
		padding:50px 0 20px;
    }
body#under section.students h2{   
    font-size: 22px;
    width: 100%;
    text-align: center;
    }

section.students h2 span{
	display:block;
	font-size:20px;
	}

	
section.students ul li{
	height: 100%;
	width:480px;
	padding:15px;
	box-sizing: border-box;
	}
	
section.students ul li h3{
	color:#00178f;
	width:100%;
	font-weight:bold;
	text-align:center;
	}
	
section.students ul li h3 span{
	background: linear-gradient(transparent 50%, #e3f1fc 60%); 
	font-size:16px;
	}
	
section.students ul dl{
	 width:100%;
	 display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
  	margin:20px auto 0;
	}
	
section.students ul dt{
	width:54%;
	display:block;
	}

section.students ul dt img{
	display:block;
	width:100%;
	object-fit:cover;
	height:35vw;
	}

section.students ul dd{
	width:44%;
	position:relative;
	}

section.students ul dd div.gaku{
	text-align:center;
	color:#fff;
	font-size:14px;
	padding:3px 0;
	}

section.students ul dd div.way{
	text-align:center;
	color:#fff;
	font-size:14px;
	padding:3px 0;
	margin:5px 0 0;
	background:#b0b0b0;
	}

section.students ul dd div.name{
	font-size:12px;
	text-align:right;
	font-weight:bold;
	position:absolute;
	bottom:0;
	right:0;
	vertical-align:bottom;
	}

section.students ul div.voice{
	margin:10px 0 0;
	}
/*-----------------js記述-----------------------*/
.slider .slick-slide{
    margin-right: 10px!important;
    margin-left: 10px!important;
	margin-bottom:10px;
		background:#fff;
	height:400px!important;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .3)!important;
}

.slick-prev{
  	z-index:9999;
    }   

.slick-prev:before {
    font-family: 'slick';
    font-size: 44px;
    line-height: 1;
    opacity: 0.6;
    z-index:9999;
    position:absolute!important;
    left:20px!important;
  	}
    
  .slick-next{
	z-index:9999;
    }   
 .slick-next:before {
 	
    font-family: 'slick';
    font-size: 44px;
    line-height: 1;
    opacity: 0.6;
    z-index:9999;
    position:absolute!important;
    right:20px!important;
    }    



 /*=================ここからコンタクト=================*/

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;

	}
	
/*=================ここから一覧バナー=================*/

section.course_banner{
		padding:0 0 20px;
        }


body#under section.course_banner  h2{   
    font-size: 22px;
    width: 100%;
    color:#000984;
    line-height:32px;
    text-align: center;
    padding: 0 0 20px ;
    }

section.course_banner  h2 span{
		background: linear-gradient(transparent 50%, #ffd2dd 60%); 
	}

section.course_banner ul{
		width:92%;
		max-width:800px;
		margin:auto;
		}

section.course_banner ul li {
		margin:0 0 15px;
		background:#fff;
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .3);
		padding:0 0 20px;
		}

section.course_banner ul li div{
		height: 40vw
		}

section.course_banner ul li div img{
		display:block;
		width:100%;
		height:100%;
		object-fit:cover;
		}

section.course_banner ul li a{
	width:90%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	display:block;
	background-image:url(../image/course/arrow_r.png);
	background-repeat:no-repeat;
	background-size:8px;
	background-position:95%,center;
	border-radius:100px;
	margin:20px auto 0;
	line-height:30px;
	box-sizing: border-box;
	padding:15px 20px 15px 20px;
	}

section.course_banner a.cam{
		display:block;
		width:92%;
		max-width:800px;
		margin:70px auto 0;
}
section.course_banner a.cam img{
		width:100%;
}

 /*=================ここからフッター=================*/	
	
    
	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;
 	z-index:99999;
    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;
		}