/* CSS Document */
/*==================== 講師一覧 ===================*/
#side-nav{
	z-index: 999;
}

/*==================== bootstrap 上書き ===================*/
@media (min-width: 1200px) {
	
}
/*==================== パンくず ===================*/
.pan{
	    background-color: #f7f7f7;
    padding: 0.5% 0;
    border-top: 1px dotted #d2d2d2;
    border-bottom: 1px dotted #d2d2d2;
	    font-size: 10px;
}


/*==================== mv ===================*/
#mv_teacher{
	background: url(../image/teacher/mv_teacher.png) no-repeat center top;
    height: 272px;
.teacher-h2-wrap {
          width: 26%;
    height: auto;
    background-color: #fff;
    margin-top: 8%;
    border-radius: 10px;
    padding: 1% 0 1%;
h2{
			    font-size: 1.5rem;
    line-height: 1.7;
		}
}
}

@media screen and (max-width:767px) { 
	#mv_teacher {
    background: url(../image/teacher/mv_teacher.png) no-repeat center top;
    height: 170px;
    background-size: cover;
		.teacher-h2-wrap {
			width: 50%;
			    margin-top: 13%;
		h2 {
    font-size: 1.2rem;
			font-weight: 400;
		}
}
	
	}
}

/*===================一覧 ===================*/
#teacher-page .teacher-in .box{
	background-image: url("../image/teacher/teacher-box-bg.png");
	    padding: 6% 0;
	margin-bottom: 8%;
	.photos img{
		    padding: 1%;
    background-color: #fff;
    border: 1px solid #e4c2d2;
		-moz-box-shadow:2px 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.15);
    -ms-box-shadow:2px 1px 3px rgba(0, 0, 0, 0.15);
	}
	.shikaku{
		    background-color: #582808;
    display: inline-block;
    padding: 0.5% 2%;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
	}
	.name{
		       color: #582808;
    border-bottom: 1px solid;
    font-size: 30px;
		span.d-block{
			font-size: 16px;
		}
		span.small{
			font-size: 20px;
			padding-left: 3%;
		}
	}
	.message{
		    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
	}
	.list{
		.pink{
	   color: #e5006b;
    padding-right: 2%;
}
	}
}
#teacher-page .teacher-in h2{
		    font-size: 18px;
    line-height: 1.6;
    padding: 5% 0;
	}

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

#teacher-page .teacher-in{
	h2{
		font-weight: 400;
		font-size: 1rem;
	}
	.box{
		.detail{
			margin-top: 5%;
		}
		.shikaku{
			    display: block;
    text-align: center;
		}
		.name {
    font-size: 24px;
			span.d-block {
    font-size: 12px;
}
}
		
	}
}
}