/*--------------------------------------------------------------
# 講師紹介
--------------------------------------------------------------*/

/*h2 {
    text-align: center;
    color: #3aa801;
    margin-bottom: .8em;
}*/
.teacher-profile dt {
    font-size: 1rem;
    margin-bottom: .5em;
    color: #f15a24;
}
.teacher-profile dd {
    font-size: .8rem;
}

/*---- 共通*/

.teachers .teachers-list {
	margin-right: 0;
	margin-left: 0;
}
.teachers-list figure {
	margin: 0 2px;
	min-height: 0%;
}
.teachers-list figcaption {
	text-align: center;
	padding: 10px 0;
	flex-grow: 2;
	margin: 0 2px;
	
}
.teachers-list figcaption dl,
.teachers-list figcaption dt,
.teachers-list figcaption dd {
	margin: 0;
	line-height: 1.5;
}
.teachers-list figcaption dd.name small {
	display: block;
	font-size: .7rem;
}

/*.teachers-list .pict-box {
    margin: 0 auto 1em;
    max-width: 200px;
}*/

/*---- popular teachers*/
.popular-item {
    margin-bottom: 1.5em;
}
.popular-item .pict-box {  
    margin: 0 auto 1em;
    max-width: 200px;   
}
.popular-item img {
    border-radius: 10px;
    display: block;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.popular-item .teacher-profile dt {
    text-align: center;
}

@media screen and (max-width: 575px) {
    .popular-item figure {
        display: flex;
        margin-bottom: 0;
    }
    .popular-item .pict-box {
        width: 25%;
        margin-right: 2%;
        margin-bottom: 0;
        
    }
    .teacher-profile {
        width: 73%;
    }
    .popular-item .teacher-profile dt {
    text-align: left;
    }
	
} /* end media query */

/*---- フィーチャー*/

/*.teachers .teachers-list.featured {
	margin-right: -15px;
	margin-left: -15px;
}

.teachers-list.featured .col-md-4 {
	margin-bottom: 2em;
}
.teachers-list.featured figcaption dt {
	margin-bottom: .5em;
}
.teachers-list.featured figcaption dt >span {
	display: inline-block;
	font-weight: bold;
	color: #fff;
	background: #67b519;
	padding: 4px 15px 2px;
	border-radius: 18px;
}
.teachers-list.featured dt >span.reg {
	background: #67b519;
}
.teachers-list.featured .name {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
    margin-bottom: .5em;
    color: #de6c31;
}
.teachers-list.featured .profile {
    font-size: 13px;
}*/


/*---- 一覧*/


.teachers-list .teacher-prof {
    padding: 32px 0 0;
    margin-bottom: 1em;
	position: relative;
	display: flex;
    flex-direction: column;
}
.teacher-prof figure img {
    padding: 0;
    border: 1px solid #ccc;
    border-bottom: none;
}
.teachers-list .teacher-prof p.jpns-ok {
	text-align: center;
	background: #ffcf3c;
	line-height: 27px;
	padding-top: 3px;
	color: #333;
	font-weight: bold;
	position: absolute;
	width: 100%;
	top: 0;
	margin: 0;
	border-radius: 10px 10px 0 0;
	border-top: 2px solid white;
	border-right: 2px solid white;
	border-left: 2px solid white;
}
.teachers-list .teacher-prof p.jpns-ok::before {
	font-family: "Font Awesome 5 Free";
	content: "\f12a";
	font-weight: 900;
	margin-right: .5em;
}

.teachers-list .teacher-prof figcaption {
	color: #fff;
	background: linear-gradient(to bottom, #3aa801, #3aa801, #15ad85);
}
.teachers-list.regular .teacher-prof figcaption {
	background: linear-gradient(to bottom, #00b0cc 30%, #11ae8e);
}
.teachers-list.staff .teacher-prof figcaption {
	background: #F59100;
}


.teachers-list .teacher-prof dt {
	font-weight: normal;
}
.teachers-list .teacher-prof dd.name {
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
}
.teachers-list .teacher-prof dd.video {
	margin-top: 7px;
}
.teachers-list .teacher-prof dd.video a.btn {
	color: #333;
	text-decoration: none;
	font-size: 0.7rem;
	padding: 3px 8px 1px;
	border-radius: 5px;
	background: #ffcf3c;
}

.teachers-list .teacher-prof dd.video a.btn::before {
	font-family: "Font Awesome 5 Free";
	content: "\f144";
	font-weight: 900;
	margin-right: .5em;
}
@media screen and (max-width: 480px) {
    h2 {
        font-size: 6vw;
    }
    
} /* end media query */

@media screen and (max-width: 400px) {
	
	.teachers-list .teacher-prof {
    	margin-bottom: .5em;
	}
	
	.teachers-list .teacher-prof p.jpns-ok {
    	font-size: 4vw;
	}
	.teachers-list .teacher-prof dt {
    	font-size: 3.6vw;
	}
	.teachers-list .teacher-prof dd.name {
    	font-size: 7vw;
	}
	
	
} /* end media query */


/*------- video */

.movie {
	background-color: #94C33A;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 5px 0;

}

.movie a {
	color: #FFF;
}

.movie img {
	vertical-align: middle;
}

.youtube {
	margin: auto;
}