@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------
					ローダー
-------------------------------------------------------*/
#loader {
    width:200px;
    height:200px;
    display: none;
    position: fixed;
    _position: absolute;
	top: 50%;
	left: 50%;
    z-index: 200;
}
#fade {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    z-index:100;
}

/* 波線設定 */

.nami{margin-top: -3px;}
.nami_bg{fill: currentColor;}
.foot_nami .st0{fill: currentColor;}
.foot_nami{margin-bottom: -9px!important}
/*-------------------------------------------------------
					ページタイトル 
-------------------------------------------------------*/
.page_title figure{
    width: 130px;
    height: 100px;
	margin-left: 15px;
}
/*-------------------------------------------------------
					タブ切り替え 
-------------------------------------------------------*/
#cate_list{

}
#cate_list li{
	font-weight:bold;
}
#cate_list li:nth-child(n+5){
	margin-top: 18px;
}
#cate_list li:nth-child(4n) a{
    border-right:none;
}
#cate_list li:last-child a{
    border-right:none;
}
#cate_list li.active a{
	color: #f1b63e;	
}
#cate_list li a{
	line-height: 1.5;
	text-shadow: 
    #fff 1px 0px 0px, #fff -1px 0px 0px,
    #fff 0px -1px 0px, #fff 0px 1px 0px,
    #fff 1px 1px 0px, #fff -1px 1px 0px,
    #fff 1px -1px 0px, #fff -1px -1px 0px,
    #fff 0px 1px 0px, #fff -0px 1px 0px,
    #fff 0px -1px 0px, #fff -0px -1px 0px,
    #fff 1px 0px 0px, #fff -1px 0px 0px,
    #fff 1px -0px 0px, #fff -1px -0px 0px;
}

#cate_list li.active:hover a{

}
#cate_list li.active a:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../img/title.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	position: absolute;
	z-index: -1;
	margin-top: -5px;
	margin-left: -10px;
}

#cate_list li:hover a{
	color: #f1b63e;	
	transition:0.3s;
}



/*-------------------------------------------------------
					講師プロフィール 
-------------------------------------------------------*/
.profile .cate .box:last-child{
	padding-bottom: 0px;
	border-bottom: none;	
}
.profile .cate .box .box_img1{
	padding-right: 5%;
	padding-left: 5%;
}
/*-------------------------------------------------------
					コースのご案内 
-------------------------------------------------------*/
.course .cate .cate_txt1{
	line-height: 2.2;
}
/*-------------------------------------------------------
					当教室が選ばれる理由
-------------------------------------------------------*/
.reason .box .box_img1 {
	padding-right: 5%;
}
.reason .box .box_item {
	width: 55%;
}
.reason .box:last-child{
	margin-bottom: 0px;
}
/*-------------------------------------------------------
					セミナー情報
-------------------------------------------------------*/
.first .box{
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-color: #faefd4!important;
}
.first .box:last-of-type{
	border-bottom: none!important;
}
.first .box .box_item{
	border-bottom: 2px dashed #f3a7b4;
}
/*-------------------------------------------------------
					ブログ
-------------------------------------------------------*/
.blog .box{
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-color: #faefd4!important;
}
.blog .box:last-of-type{
	border-bottom: none!important;
}
.blog .box .box_item{
	border-bottom: 2px dashed #f3a7b4;
}
.peger li{
	margin-right: 40px;
	font-weight: bold;
}
.peger li:last-child{
	margin-right: 0px;
}
.peger li a{
	color: #796634;
}
.peger li a:hover{
	opacity: 0.6;
	transition: all 0.5s;	
}
.peger li:last-child a,.peger li:first-child a{
	padding: 6px 15px 8px;
	color: #fff;
	font-weight: normal;
}
/*-------------------------------------------------------
					店舗情報
-------------------------------------------------------*/
.info dl{
	padding-bottom: 20px;
}
/*-------------------------------------------------------
					お問い合わせ
-------------------------------------------------------*/
.contact #form_bt button{
	font-family: a-otf-jun-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
	padding-top: 13px;
}
/*-------------------------------------------------------
					プライバシーポリシー
-------------------------------------------------------*/
.privacy p a{
	padding-bottom: 8px;
}
/*-------------------------------------------------------
					サイトマップ
-------------------------------------------------------*/
.sitemap ul li:hover{
	letter-spacing: 5px;
}




/*ここからIE用環境の設定
---------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none){
/*-------------------------------------------------------
					タブ切り替え 
-------------------------------------------------------*/
#cate_list li.active a {
    display: inline-flex;
    justify-content: center;
}

}


/*ここから1000px以下用（1000px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 1000px){

}






/*ここからタブレット用（768px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 768px){
/*-------------------------------------------------------
					講師プロフィール 
-------------------------------------------------------*/
.profile .cate .box .box_img1{
	padding-left: 0%;
}
}



/*ここからスマホ用（667px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 667px){
/*-------------------------------------------------------
					ページタイトル 
-------------------------------------------------------*/
.page_title figure{
    width: 70px;
    height: 45px;
    margin-left: 0px;
}
.page_title h2:after {
	width: 100px;
	height: 60px;
}
.page_title h2:after {
    margin-left: 10px;
}
/*-------------------------------------------------------
					タブ切り替え 
-------------------------------------------------------*/
#cate_list li:first-child{
	margin-top: 0px;
}
#cate_list li{
	margin-top: 15px;
}
#cate_list li:nth-child(n+5) {
    margin-top: 15px;
}
#cate_list li:last-child a {
    border-right: none;
    border-bottom: none;
    padding-bottom: 0px;
}
/*-------------------------------------------------------
					講師プロフィール 
-------------------------------------------------------*/
.profile .cate .box .box_img1{
	padding-left: 0%;
	padding-right: 0%;
}
	
/*-------------------------------------------------------
					当教室が選ばれる理由
-------------------------------------------------------*/
.reason .box .box_img1 {
	padding-right: 0%;
}
}

/*ここからIEスマホ用（667px以下）環境の設定
---------------------------------------------------------------------------*/
@media screen and (max-width: 667px) and (-ms-high-contrast: none){
/*-------------------------------------------------------
					タブ切り替え 
-------------------------------------------------------*/
#cate_list li.active a {
    justify-content: flex-start;
}
}