@charset "UTF-8";

.container.staff #mainbg {font-family:'Zen Maru Gothic','游ゴシック','Yu Gothic',"ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #333;letter-spacing: 1px;box-sizing:border-box; }
h1,h2,h3,h4,h5{font-weight: bolder;}
section{font-weight: bolder;}
section h3 span{opacity: 0.6; display: block;}
@media screen and (min-width: 600px){ /*PC*/
    .container.staff #mainbg {min-width:960px;}
    .inner{ width: 960px; margin: 0 auto;}
	section h3{font-size:38px; line-height: 40px; margin:10px 0 30px;}
	section h3 span{font-size:22px; line-height: 55px;}
}
@media screen and (max-width:599px){ /*SP*/
    .container.staff #mainbg{ width:100%;}
	.inner{ width: 94%; margin: 0 3%;}
	section h3{font-size:28px; line-height: 36px; margin:10px 0 30px;}
	section h3 span{font-size:16px; line-height: 30px; display: block;}
}

.select_area h4{font-weight: lighter;}
.footer-navi h3 a{font-weight: lighter;}


/*----エリア選択-------------------------------*/

section.select{ background-color:rgba(255,255 ,255,0.50); text-align: center;}
section.select h2{color: #FFFFFF;}

section.select select {border: 1px solid rgba(129,102,85,1.00); color:rgba(129,102,85,1.0);font-family: Meiryo, "sans-serif"; background-color: rgba(129,102,85,0.1); font-weight: lighter;}

@media screen and (min-width: 600px){ /*PC*/
	section.select .inner{ padding: 30px 0;}
	section.select h2{ margin: 40px auto 20px; font-size: 24px;}
	section.select select {margin: 5px 0;padding: 5px; height: 50px;font-size: 22px; width: 45%;line-height: 40px;}
}
@media screen and (max-width: 599px){ /*SP*/
	section.select .inner{ padding:20px 0;}
	section.select h2{ margin: 0px auto 10px; font-size: 20px; line-height: 26px;}
	section.select select { padding: 5px; height: 40px; font-size: 18px; width: 90%; line-height: 30px;}
}

/*----大見出し-------------------------------*/

section.title{background:rgba(183,91,108,0.7);}

section.title h5{color:#FFFFFF;filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.10));}
section.title h2{color:#FFFFFF;filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.10));}
section.title h2 span{color:rgba(255,255,255,0.4); font-size: 70%;}
section.title nav a{background-color: rgba(255,255,255,0.7);color:rgba(183,91,108,1.00);filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.10)); border-radius: 15px;display: inline-block; vertical-align: bottom;}
section.title nav a span{font-size: 70%; vertical-align: bottom;}

@media screen and (min-width: 600px){ /*PC*/
	section.title{ text-align:center;}
	section.title .inner{ padding:60px 0;}
	section.title h2{ margin: 0px auto;font-size: 32px; line-height: 48px;}
	section.title nav{margin-top: 20px;}
	section.title nav a{line-height: 18px; font-size:14px;margin: 0 8px; padding: 3px 10px 3px 20px; }
}
@media screen and (max-width: 599px){ /*SP*/
	section.title{ text-align:center;}
	section.title .inner{ padding:35px 0 25px;}
	section.title h2{ margin: 0px auto 0px; font-size:1.7rem; line-height:1.3em;}
	section.obi{background-size:25px; height:0px;}
	section.title nav{margin-top:16px;}
	section.title nav a{line-height: 18px; font-size:14px;margin: 0 5px 8px; padding: 3px 10px 3px 20px; }
}
/*-----局上部-------------*/
section.kyoku01{}
section.kyoku01 .photo{overflow: hidden; float: right;filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.10));display: none}
section.kyoku01 .photo img{width:100%;}
@media screen and (min-width: 600px){ /*PC*/
	section.kyoku01 .inner{padding: 60px 200px;}
	section.kyoku01 p{text-align: left;font-size:0.9rem; line-height: 1.8em;}
	
}
@media screen and (max-width: 599px){ /*SP*/
	section.kyoku01 .inner{padding: 20px 10px;}
}
/*-----局情報-------------*/
@media screen and (min-width: 600px){ /*PC*/
	#google_map{width: 100%; height: 300px;}
}
@media screen and (max-width: 599px){ /*SP*/
	#google_map{width: 100%; height: 160px;}
}

/*-----局写真-------------*/
section.kyoku{overflow: hidden; text-align: center;}
section.kyoku img{ /*width : calc(100% / 3) ;*/ float: left; margin: 0;}
section.kyoku .tel{color:rgba(183,91,108,1.00);font-family: Meiryo, "sans-serif"; font-weight: lighter;}
section.kyoku h2{color:rgba(183,91,108,1.00); border-bottom:1px solid rgba(183,91,108,0.3); display: inline-block;}
@media screen and (min-width: 600px){ /*PC*/
	section.kyoku{margin-top:60px; margin-bottom: 60px;}
	section.kyoku img{ width:31%; margin: 1%; border-radius: 10px;filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.20));}
	section.kyoku h2{font-size: 26px; line-height: 34px; padding: 5px 20px; margin-bottom: 15px;}
	section.kyoku .text{width:60%;display: inline-block; margin-bottom: 20px;}
	section.kyoku .tel{  font-size:30px; line-height: 50px;}
	section.kyoku .photo{margin-top: 20px;}
}
@media screen and (max-width: 599px){ /*SP*/
	section.kyoku .inner{ width: 100%; padding: 0; margin:20px 0 0;}
	section.kyoku img.p01{width : 100% ; margin: 0%;}
	section.kyoku img.p02{width : calc(100% / 2) ; margin: 0%;}
	section.kyoku h2{font-size: 20px; line-height: 30px; padding: 5px 20px; margin-bottom: 15px;}
	section.kyoku .address{ padding:0 10px;}
	section.kyoku .text{width:60%;display: inline-block; margin-bottom: 20px; padding: 10px;}
	section.kyoku .tel{ font-size:30px; line-height: 50px;}
	section.kyoku .photo{margin-top: 20px;}
}

/*お申し込みボタン----------------*/
section.areaLink{ background:rgba(183,91,108,0.2); text-align: center;}
section.areaLink h3{color:#816655;}
.btn{ text-align: center;}
.btn a{ background:rgba(183,91,108,0.80); border:1px solid rgba(183,91,108,1.00); display:block;width:100%; height:100%; text-decoration: none; text-align:center; color:#fff;box-shadow:4px 4px 6px 0px rgba(152, 152, 152, 0.8); border-radius:21px; }
.btn a:hover{ opacity: 0.7; margin-left:2px; margin-top:2px; box-shadow:none;}
.btn a span{font-size: 80%; color:rgba(255,255,255,0.5); }

section.areaLink ul{display: block; border-radius: 10px; background-color: rgba(255,255,255,1.00);}
section.areaLink ul li{display: inline-block;text-align: left; border-bottom: 1px solid rgba(129,102,85,0.4); background-color: rgba(129,102,85,0.1);white-space: nowrap; overflow: hidden;}
section.areaLink ul li span{font-size: 70%; opacity: 0.4;}
section.areaLink h3{color:rgba(129,102,85,1.00);}
section.areaLink h3 b{color:rgba(129,102,85,0.2);}

 @media screen and (min-width: 600px){ /*PC*/
	 section.areaLink .inner{padding:60px 0 80px 0;}
     .btn{min-width:25%; height:40px;　line-height:40px; margin:30px 20px 0; display:inline-block; }
     .btn a{font-size:16px; line-height:40px;padding: 0 10px;}
	 section.areaLink ul{padding: 20px; margin:40px 0 20px 0;}
	 section.areaLink ul li{width: 18%; margin: 5px 0.6%;  padding: 6px; font-size: 0.8rem;}

}
@media screen and (max-width: 599px){ /*SP*/
	section.areaLink .inner{padding:20px 0 30px 0;}
    .btn{width:90%; height:40px;　line-height:40px; margin:20px auto;}
    .btn a{font-size:18px; line-height: 40px; letter-spacing: 1px;}
	section.areaLink ul{padding: 15px; margin: 20px 0;}
	section.areaLink ul li{width: 47%; margin: 2px 0.5%; padding:3px 6px; font-size: 0.75rem;}

}

/*----講師一覧-------------------------------*/

section.koshi{ text-align: center; background: url("../img/bg06.png"); }

section.koshi h3{color:rgba(53,128,111,1);}
section.koshi h3 span{color:rgba(53,128,111,0.3);}
section.koshi .box{display: inline-block; border-radius: 10px; background-color: rgba(255,255,255,1.00); overflow: hidden;position: relative;filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.20)); vertical-align: top;border: 1px solid rgba(0,0,0,0.03);}
section.koshi .box .name{position: absolute;
-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
section.koshi .box .name span.lsf-icon{display:inline-block; font-size: 80%; margin-bottom: 10px; color:rgba(53,128,111,1.00);transform: rotate(-45deg ); margin: 0;}
section.koshi .box p{display: inline-block; text-align: left;}
section .mini{color: #999;}
@media screen and (min-width: 600px){ /*PC*/
	section.koshi .inner{padding: 70px 0;}
	section.koshi .box {width: 22.5%; margin: 20px 1%;}
	section.koshi .box .name{font-size:16px; top:15px;left:15px;}
	section.koshi .box img{ width: 100%;}
	section.koshi .box p{ padding: 18px;font-size:12px; line-height: 20px;}
	section .mini{display: block; text-align: right; font-size: 12px; line-height: 18px;}
}
@media screen and (max-width: 599px){ /*SP*/
	section.koshi .inner{padding: 30px 0;}
	section.koshi .box {width: 48%; margin:10px 0.5%;}
	section.koshi .box .name{font-size:14px; top:10px;left:10px; }
	section.koshi .box img{ width: 100%;}
	section.koshi .box p{ padding: 10px;font-size:11px; line-height: 16px;}
	section .mini{display: block; text-align: right; font-size: 10px; margin-bottom: 10px; line-height: 16px;}

}



/*----スタッフ一覧-------------------------------*/

section.staff{text-align: center; }

section.staff .slistIndex{ display: inline-block; position: relative;text-align: center;vertical-align: top;}
section.staff .slistIndex a{ text-decoration: none;}
section.staff .slistIndex .name{color:rgba(183,91,108,1);}
section.staff h3{color:rgba(183,91,108,1);}
section.staff h3 span{color:rgba(183,91,108,0.2);}
/*
section.staff h3{background-color:rgba(183,91,108,1); color: rgba(255,255,255,1.00); display: inline-block; vertical-align: top;border: 1px solid rgba(183,91,108,0.5); overflow: hidden; border-radius: 50px; height: 100px; width: 100px; text-align: center;margin:00px auto 0px; padding: 25px 0 0 0 ;font-size: 11px; line-height: 16px; letter-spacing: 0;}
section.staff h3 b{color: rgba(255,255,255,0.5);font-size: 18px;line-height:24px;}
*/
section.staff h4{background-color:rgba(183,91,108,1); color: rgba(255,255,255,1.00); display: inline-block;}
section.staff .mini{text-align: center;}
@media screen and (min-width: 600px){ /*PC*/
	section.staff .inner{padding: 60px 0 0;}
	section.staff .slistIndex{ width: 12%; padding:0%; margin:0.5%;}
	section.staff .slistIndex .name{ margin: 0; padding: 0px; font-size: 11px; line-height: 18px; letter-spacing: 0px; }
	section.staff h4{margin: 20px auto; padding: 4px 20px; border-radius: 14px;font-size: 14px; line-height: 20px;}
	section.staff .photo{border: 1px solid rgba(183,91,108,0.5); overflow: hidden; border-radius: 50px; height: 100px; width: 100px; text-align: center;margin: 0 auto 5px;}
	section.staff .photo img{width: 100%;}
	section.staff .cont{margin-bottom: 20px;}
	
}
@media screen and (max-width: 599px){ /*SP*/
	section.staff .inner{padding: 30px 0 0;}
	section.staff .slistIndex{ width:115px; padding: 3%;}
	section.staff h4{margin: 20px auto; padding: 4px 20px; border-radius: 14px;font-size: 14px; line-height: 20px;}
	section.staff .photo{border: 1px solid rgba(183,91,108,0.5); overflow: hidden; border-radius: 50px; height: 100px; width: 100px; text-align: center;margin: 0 auto 5px;}
	section.staff .photo img{width: 100%;}
	section.staff .cont{margin-bottom: 10px;}
}





    


/*--全国の地図--------------*/
section.chizu
		section.chizu{padding: 60px 0 20px 0;}
		section.chizu .inner{ background: url("../img/chizu.png") no-repeat top center; position: relative;}
		section.chizu a{text-decoration: none; color:rgba(129,102,85,1.00);}
		section.chizu a span{font-size: 80%; opacity: 0.7;}
		section.chizu .clink{background-color: rgba(255,255,255,0.8); border: 1px solid rgba(81,61,41,0.2); display: inline-block; position:absolute;}
				
@media screen and (min-width: 600px){ /*PC*/
	section.chizu .inner{background-size: 460px; height: 500px; margin: 50px auto 0;}
	section.chizu .clink{padding: 6px 15px;}
		section.chizu a.a_sapporo{top:30px;right:500px;}
		section.chizu a.a_sendai{top:110px;right:250px;}
		section.chizu a.a_niigata{top:80px;right:500px;}
		section.chizu a.a_saitama{top:160px;right:500px;}
		section.chizu a.a_chiba{top:210px;right:500px;}
		
		section.chizu a.a_tokyo{top:180px;right:192px;}
		section.chizu a.a_shinjuku{top:230px;right:192px;}
		section.chizu a.a_yokohama{top:280px;right:262px;}
		
		section.chizu a.a_shizuoka{bottom:110px;right:270px;}
		section.chizu a.a_hamamatsu{bottom:60px;right:270px;}
		section.chizu a.a_nagoya{bottom:10px;right:270px;}
		
		section.chizu a.a_kyoto{bottom:110px;right:420px;}
		section.chizu a.a_osaka{bottom:60px;right:420px;}
		section.chizu a.a_kobe{bottom:10px;right:420px;}
		section.chizu a.a_okayama{bottom:160px;left:170px;}
		section.chizu a.a_hiroshima{bottom:210px;left:170px;}
		section.chizu a.a_shikoku{bottom:110px;left:110px;}
		section.chizu a.a_kyusyu{bottom:60px;left:170px;}
}
@media screen and (max-width:599px){ /*SP*/
	section.chizu{text-align: center;}
	section.chizu .inner{background-size: 300px; height:380px; margin:30px auto 0; width:300px; }
	section.chizu .clink{padding:3px 6px;}
		section.chizu a.a_sapporo{top:10px;left:10px;}
		section.chizu a.a_sendai{top:10px;left:100px;}
		section.chizu a.a_niigata{top:45px;left:10px;}
		section.chizu a.a_saitama{top:80px;left:10px;}
		section.chizu a.a_chiba{top:45px;left:100px;}
		
		section.chizu a.a_tokyo{top:115px;left:10px;}
		section.chizu a.a_shinjuku{top:150px;left:10px;}
		section.chizu a.a_yokohama{top:155px;right:5px;}
		
		section.chizu a.a_shizuoka{top:190px;right:5px;}
		section.chizu a.a_hamamatsu{top:225px;right:5px;}
		section.chizu a.a_nagoya{top:225px;right:135px;}
		
		section.chizu a.a_kyoto{top:260px;right:5px;}
		section.chizu a.a_osaka{top:260px;right:93px;}
	
		section.chizu a.a_kobe{top:305px;left:10px;}
		section.chizu a.a_okayama{top:305px;left:90px;}
		section.chizu a.a_hiroshima{top:305px;left:170px;}
		section.chizu a.a_shikoku{top:340px;left:10px;}
		section.chizu a.a_kyusyu{top:340px;left:150px;}
}