@charset "utf-8";

/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*.section a:link , a:visited{ color:#6fba2c !important; }
.section a:hover{ border-bottom: dashed 1px !important; }*/


/* section **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
section{ margin:0px 0 0px; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
section .wrap{ width:960px; position:relative; margin:0 auto; padding:0 ;}


/* main **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.title{ text-align: center; margin-top:90px;  }


/* teacherchericoco **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.teacherchericoco .teain {position: relative;}
.teacherchericoco .teain .teaphoto{float:left; margin-right: 25px; }
.teacherchericoco .teain .teatxt .txt{color: #a18c2c; font-size: 15px; font-weight: 400; line-height: 1.5; margin-top: 5px;}
.teacherchericocotop{background: url(../images/tea_bg1_top.png)repeat-x top;height: 16px; margin-top:-90px; }
.teacherchericoco{background: url(../images/tea_bg1_naka.png)repeat top; padding: 100px 0 70px;}
.teacherchericocobottom{background: url(../images/tea_bg1_bottom.png)repeat-x top;height: 16px; }
.teacherchericoco .teajyusyou{background: #fff; border-radius: 15px; margin:7px 20px 0; padding: 35px 40px 25px 40px; position: relative; line-height: 1.5;font-weight: 400; color: #a18c2c; }
.teacherchericoco .teajyusyou .sbt{position: absolute; top:-10px; left:20px;}
.teajyusyou li {
	margin-left: 1.4em;
	text-indent: -1.4em;
}


/* teacherliris **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.teacherliris .teain {position: relative;}
.teacherliris .teain .teaphoto{float:left; margin-right: 25px; }
.teacherliris .teain .teatxt .txt{color: #a983ca; font-size: 15px; font-weight: 400; line-height: 1.5; margin-top: 5px;}
.teacherliristop{background: url(../images/tea_bg2_top.png)repeat-x top;height: 16px; margin-top: -20px; }
.teacherliris{background: url(../images/tea_bg2_naka.png)repeat top; padding: 40px 0 50px; }
.teacherliris .teajyusyou{background: #fff; border-radius: 15px; margin:17px 20px 0; padding: 35px 40px 25px 40px; position: relative; line-height: 1.5;font-weight: 400; color: #a983ca; }
.teacherliris .teajyusyou .sbt{position: absolute; top:-10px; left:20px;}


/* lesson **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.lessontop{background: url(../images/les_bg_top.png)repeat-x top;height: 16px; margin-top:-90px; }
.lesson{background: url(../images/les_bg_naka.png)repeat top; padding: 100px 0 40px;}
.lessonbottom{background: url(../images/les_bg_bottom.png)repeat-x top;height: 16px;}
.taikenin {background: #fff1fd; border-radius:50px; margin:40px auto; padding: 40px 140px; width:960px;  }
.taikenin .taikenil img{float: left; margin-right:30px;}
.taikenin .taikentxt{font-size:17px; color: #06718c; line-height: 1.4; font-weight: 500;}

.lesson .lessonkakomi{background: #fff; border-radius:40px;  padding: 25px 40px 20px; margin-bottom: 25px;}
.lesson .lessonkakomi h3{text-align: center; font-size: 24px; font-weight:500; line-height: 1.1; margin-bottom: 10px; letter-spacing: 0.05em;}
.lesson .lessonkakomi h3 .jpn{font-size: 15px;letter-spacing: 0em;}
.lesson .lessonkakomi .lessontxt table{border-collapse:collapse; margin:auto; width: 70%;}
.lesson .lessonkakomi .lessontxt table tr:not(:last-child){border-bottom:2px solid #e3e3e3;}
.lesson .lessonkakomi .lessontxt tr th{color:#0b8aa9; font-size: 16px; text-align: left; padding-left: 20px; }
.lesson .lessonkakomi .lessontxt tr th img{margin-right: 10px;padding-bottom: 4px;}
.lesson .lessonkakomi .lessontxt tr td{color:#737373; font-size: 16px; text-align: left; padding: 5px 20px 5px 50px;}


/* access **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.accesstop{background: url(../images/acc_bg_top.png)repeat-x top;height: 16px; margin-top:-90px; }
.access{background: url(../images/acc_bg_naka.png)repeat top; padding: 100px 0 40px;}
.access .accesskakomi{background: #fff; border-radius:40px;  padding: 40px;}
.access .accesskakomi .kazaric{margin: 22px auto; width: 60px;height: 3px;background: #f6ce4a; border-radius: 4px;}
.access .accesskakomi .kazaril{margin: 22px auto; width: 60px;height: 3px;background: #dfbefb; border-radius: 4px;}
.access .accesskakomi .accessin .accessctxt .photo{float: left; margin-top: -30px;}
.access .accesskakomi .accessin .accessctxt table{border-collapse:collapse}
.access .accesskakomi .accessin .accessctxt table tr:not(:last-child){border-bottom:2px solid #e3e3e3;}
.access .accesskakomi .accessin .accessctxt tr th{color:#da7927; font-size: 16px; text-align: left; padding-left: 20px; }
.access .accesskakomi .accessin .accessctxt tr th img{margin-right: 5px;padding-bottom: 6px;}
.access .accesskakomi .accessin .accessctxt tr td{color:#a18c2c; font-size: 16px; text-align: left; padding-left: 20px; padding: 5px 20px;}
.access .accesskakomi .accessin .gmap{padding:20px 20px 5px;}

.access .accesskakomi .accessin .accessltxt table{border-collapse:collapse; margin:auto; width: 80%;}
.access .accesskakomi .accessin .accessltxt table tr:not(:last-child){border-bottom:2px solid #e3e3e3; }
.access .accesskakomi .accessin .accessltxt tr th{color:#e87fa2; font-size: 16px; text-align: left; padding-left: 20px; }
.access .accesskakomi .accessin .accessltxt tr th img{margin-right: 5px;padding-bottom: 6px;}
.access .accesskakomi .accessin .accessltxt tr td{color:#a983ca; font-size: 16px; text-align: left; padding-left: 20px; padding: 5px 20px;}
.access .accesskakomi .accessin .gmap{padding:20px 20px 5px;}


/* information **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.informationtop{background: url(../images/inf_bg_top.png)repeat-x top;height: 16px; margin-top:-90px; }
.information{background: url(../images/inf_bg_naka.png)repeat top; padding: 100px 0 70px;}
.information table{border-collapse:collapse;}
.information tr{}
.information tr th{color:#0b8aa9; font-size: 16px; text-align: left; font-weight: 500; padding: 15px 20px 15px 30px;vertical-align: top;}
.information tr th img{margin-right: 5px;padding-bottom: 6px;}
.information tr td{color:#737373; font-size: 16px; text-align: left; padding: 15px 20px 15px;}
.information .sen{margin: 0px auto; width:100%;height: 2px;background: #0b8aa9; border-radius: 4px;}


/* studentsvoice **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.studentsvoicetop{background: url(../images/stu_bg_top.png)repeat-x top;height: 16px; margin-top:-90px; }
.studentsvoice{background: url(../images/stu_bg_naka.png)repeat top; padding: 100px 0 70px;}
.studentsvoice .voice{background: #fff; border-radius:50px; color: #06728d; font-size: 16px; font-weight:500; line-height: 1.5; padding:30px; position: relative; margin: 0 20px 40px;}
.studentsvoice .voice:last-child{background: #fff; border-radius:50px; color: #06728d; font-size: 16px; font-weight:500; line-height: 1.5; padding:30px; position: relative; margin: 0 20px 10px;}
.studentsvoice .voice .il{position:absolute; bottom:-8px; left:-6px;}
.studentsvoice .voice .il2{position:absolute; bottom:15px; right:15px;}
.studentsvoice .voice .voicetxt{margin-left: 105px;}



/* box **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.graybox{ background:#f5f5f5; padding:40px; margin-top:20px; }
.graybox h3{ color:#6fba2c; font-size:12pt; margin:0 0 20px; }


/* table **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.tbl{ margin-top:30px; border:solid 2px #c9e8b4; }
.tbl dl{ display:table; width:100%; }
.tbl dt,.tbl dd{ display:table-cell; padding:10px 20px; text-align:left; }
.tbl dt{ width:280px; border-right:solid 1px #c9e8b4; background-color:#f3f9ef; vertical-align:middle; }
.tbl dl:not(:first-child) dt{ border-top:solid 1px #c9e8b4; }
.tbl dl:not(:first-child) dd{ border-top:solid 1px #c9e8b4; }

.menu .tbl{ max-width:660px; margin:20px auto; }
.menu .tbl dl:first-child dt,.menu .tbl dl:first-child dd{ text-align:center; background-color:#dff1d3; }
.menu .tbl dt,.menu .tbl dd{ padding:5px 20px; }
.menu .tbl dt{ width:400px; }



/* menu **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.menu .exp{ margin:0 30px; }
.menu .exp .pic{ float:left; }
.menu .exp .pic li:nth-of-type(2){ margin-top:20px; }
.menu .exp .txt{ float:right; width:660px; }

.menu .exp .txt .rec{ vertical-align:middle; margin-left:15px; }


/* line */
.line{ border-top:dashed 1px #ddd; margin-top:50px; padding-top:50px; }


/* contact **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contact .btn{ text-align:center; margin-top:20px; }
.contact .btn input:nth-of-type(2){ margin-left:20px; }

.contact .thanks{ text-align:center; }
.contact .thanks .btn{ margin-top:40px; }



/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* article **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
article.contact,
article.access,
article.menu,
article.guide,
article.info
{ background-size:768px 200px,1px 200px; }
	
section .wrap{ width:100%; padding:0 10px; }


/* main **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.title{ text-align: center; margin-top:12px;  }


/* table **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.tbl dt{ width:200px; }

.menu .tbl dt{ width:350px; }
	
	
/* teacherchericoco **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.teacherchericoco .teain {position: relative;}
.teacherchericoco .teain .teatxt .txt{font-size: 15px; margin: 0px 10px 5px; text-align: center; }
.teacherchericoco{background: url(../images/tea_bg1_naka.png)repeat top; padding:90px 0 70px;}
.teacherchericoco .teajyusyou{margin:25px 7px 0; padding: 35px 20px 25px 20px; position: relative; line-height: 1.5;font-weight: 400; color: #a18c2c; }
.teacherchericoco .teajyusyou .sbt{position: absolute; top:-10px; left:20px;}


/* teacherliris **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.teacherliris .teain {position: relative;}
.teacherliris .teain .teatxt .txt{font-size: 15px; margin: 0px 10px 5px; text-align: center;}
.teacherliris{background: url(../images/tea_bg2_naka.png)repeat top; padding: 40px 0 50px; }
.teacherliris .teajyusyou{margin:25px 7px 0; padding: 35px 20px 25px 20px; position: relative; line-height: 1.5;font-weight: 400; color: #a983ca; }
.teacherliris .teajyusyou .sbt{position: absolute; top:-10px; left:20px;}
	

/* lesson **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.lessontop{background: url(../images/les_bg_top.png)repeat-x top;height: 16px; margin-top:-90px; }
.lesson{background: url(../images/les_bg_naka.png)repeat top; padding: 100px 0 40px;}
.lessonbottom{background: url(../images/les_bg_bottom.png)repeat-x top;height: 16px;}
.taikenin {background: #fff1fd; border-radius:50px; margin:40px 0; padding: 40px 30px; width:100%; }
.taikenin .taikenil{text-align: center;}
.taikenin .taikenil img{float: none; max-width: 90%; }

.lesson .lessonkakomi{background: #fff; border-radius:40px;  padding: 20px 10px;}
.lesson .lessonkakomi .lessontxt table{border-collapse:collapse;margin:auto; width: 90%;}
.lesson .lessonkakomi .lessontxt table tr:not(:last-child){border-bottom:2px solid #e3e3e3;}
.lesson .lessonkakomi .lessontxt tr th{font-size: 16px; text-align: center; padding-left: 0px; display:block; padding-top: 10px;}
.lesson .lessonkakomi .lessontxt tr th img{margin-right: 5px;padding-bottom: 6px;}
.lesson .lessonkakomi .lessontxt tr td{font-size: 16px; text-align: center; padding-left: 0px; padding: 0px 20px 10px;display:block; line-height: 1.3;}

	
	
/* access **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.access .accesskakomi{background: #fff; border-radius:40px; padding: 20px }
.access .accesskakomi .accessin .accessctxt .photo{float: none; margin:0 auto; width: 211px;}
.access .accesskakomi .accessin .accessctxt table{border-collapse:collapse; margin:auto; width: 100%;}
.access .accesskakomi .accessin .accessctxt table tr:not(:last-child){border-bottom:2px solid #e3e3e3;}
.access .accesskakomi .accessin .accessctxt tr th{font-size: 16px; text-align: center; padding-left: 0px; display:block; padding-top: 10px;}
.access .accesskakomi .accessin .accessctxt tr th img{margin-right: 5px;padding-bottom: 6px;}
.access .accesskakomi .accessin .accessctxt tr td{font-size: 16px; text-align: center; padding-left: 0px; padding: 0px 20px 10px;display:block; line-height: 1.3;}
.access .accesskakomi .accessin .gmap{padding:20px 0px 5px;}
	
.access .accesskakomi .accessin .accessltxt table{border-collapse:collapse; margin:auto; width: 100%;}
.access .accesskakomi .accessin .accessltxt table tr:not(:last-child){border-bottom:2px solid #e3e3e3;}
.access .accesskakomi .accessin .accessltxt tr th{font-size: 16px; text-align: center; padding-left: 0px; display:block; padding-top: 10px;}
.access .accesskakomi .accessin .accessltxt tr th img{margin-right: 5px;padding-bottom: 6px;}
.access .accesskakomi .accessin .accessltxt tr td{font-size: 16px; text-align: center; padding-left: 0px; padding: 0px 20px 10px;display:block; line-height: 1.3;}
	
	
/* information **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.information tr th{color:#0b8aa9; font-size: 16px; text-align: left; font-weight: 500; padding: 5px 20px 0px 10px; display:block; }
.information tr th img{margin-right: 5px;padding-bottom: 6px;}
.information tr td{color:#737373; font-size: 16px; text-align: left; padding: 0px 10px 15px; display:block; }
.information .sen{margin: 0px auto; width:100%;height: 2px;background: #0b8aa9; border-radius: 4px; }	
	

/* studentsvoice **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.studentsvoicetop{background: url(../images/stu_bg_top.png)repeat-x top;height: 16px; margin-top:-90px; }
.studentsvoice{background: url(../images/stu_bg_naka.png)repeat top; padding: 100px 0 70px;}
.studentsvoice .voice{background: #fff; border-radius:50px; color: #06728d; font-size: 16px; font-weight:500; line-height: 1.5; padding:30px 22px; position: relative; margin: 0 10px 20px;}
.studentsvoice .voice:last-child{background: #fff; border-radius:50px; color: #06728d; font-size: 16px; font-weight:500; line-height: 1.5; padding:30px 22px; position: relative; margin: 0 10px 0px;}
.studentsvoice .voice .voicetxt img{width: 110px; margin-left: -30px;}
.studentsvoice .voice .il{position:static; float:left; shape-outside: url(../images/voice1_il1.png); shape-margin: 5px; padding-right: 15px;}
.studentsvoice .voice .voicetxt{margin-left:0px;}
	
	
/* box **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.graybox{ padding:20px; }
	

/* menu **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.menu .exp{ margin:0; text-align:center; }
.menu .exp .pic{ float:none; margin-bottom:20px; }
.menu .exp .pic li{ display:inline-block; }
.menu .exp .pic li:nth-of-type(2){ margin:0 0 0 10px; }
.menu .exp .txt{ float:none; width:100%; }

/* line */
.guide .facility .rows:last-child{ border-top:dashed 1px #ddd; margin-top:50px; padding-top:50px; }


/* contact **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contact .thanks{ text-align:left; }

}


/* ★★★ タブレット（小型） ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 600px){
/* section **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
section{ margin-top:0px; }


/* article **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
article.contact,
article.access,
article.menu,
article.guide,
article.info
{ background-size:600px 156px,1px 156px; }


/* title **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.tit{ height:113px; padding-top:37px; }


/* table **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.tbl dl{ display:block; }
.tbl dt,.contact .tbl dd{ display:block; }
.tbl dt{ width:100%; border-right:none; border-bottom:solid 1px #c9e8b4; background-color:#f3f9ef; }

.menu .tbl{ max-width:100%; }
.menu .tbl dl:first-child{ display:none; }
.menu .tbl dt{ width:100%; }
.menu .tbl dl:nth-of-type(2) dt{ border-top:none; }
.tbl dl:not(:first-child) dd{ border-top:none; }


/* menu **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.menu .exp .pic img{ width:180px; }


/* guide **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.guide .greeting .pic img{ width:280px; }

.guide .profile .pic img{ width:280px; }

.guide .facility .pic img,.guide .facility .txt .bnr img{ width:360px; }


/* info **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.info dt{ padding:12px 20px; }
.info dt .title{ font-size:18px; }
.info dd{ margin:20px 20px; }
.info dd p:not(:last-child){ margin-bottom:20px; }

}


/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* article **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
article.contact,
article.access,
article.menu,
article.guide,
article.info
{ background-size:414px 108px,1px 108px; }


/* title **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.tit{ height:78px; padding-top:24px; }
.tit h2 img{ width:298px; }


/* access **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.access .address span:first-child img{ width:230px; }

.access .exp p + div,.map,#gmap{ margin-top:20px; } 
.access .exp .txt dl{ float:none; margin:20px 0 0; width:100%; -webkit-width:100%; }

.access #gmap{ height:280px; }


/* menu **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.menu .exp{ margin:0; }
.menu .exp .pic img{ width:140px; }
.menu .exp .pic li{ margin-bottom:10px; }


/* guide **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.guide .greeting .pic img{ width:240px; }
.guide .greeting .txt{ width:calc(100% - 20px); -webkit-width:calc(100% - 20px); margin:30px 10px 0; }

.guide .profile{ padding:20px; }
.guide .profile .pic img{ width:240px; }
.guide .profile .txt p,.guide .profile .txt ul{ padding:10px; }

.guide .facility h4 img{ width:240px; }
.guide .facility .pic img,.guide .facility .txt .bnr img{ width:280px; }
.guide .facility .txt{ width:calc(100% - 20px); -webkit-width:calc(100% - 20px); margin:0 10px; }

/* line */
.guide .facility .rows:last-child{ margin-top:30px; padding-top:30px; }

/* line */
.line{ margin-top:30px; padding-top:30px; }


/* contact **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contact .btn input:nth-of-type(2){ margin-left:0; margin-top:10px; }


/* info **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.info dd{ margin:20px 10px; }

}