@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  lecture
**************************************************
--------------------------------------------------*/
.lec_box h2 {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	color: #333 !important;
	font-size: 36px;
	line-height: 1.0;
	margin: 0 auto;
	position: relative;
}
@-moz-document url-prefix() {
	.lec_box h2 {
		left: calc(50% - 18px);
	}
}
.lec_box h2:after {
	content:"";
	position:absolute;
	width:38px;
	height: 92%;
	background: url(../imgs/common/title_line.png);
	bottom: -5px;
	left: 0.4em;
	z-index:-1;
}

.lecturers_box {
	width:1000px;
	margin: 0 auto;
}
.lec_detail {
	width:470px;
	margin-right: 60px;
	margin-bottom: 50px;
}
.lec_detail:nth-child(2n) {
	margin-right: 0;
}
.lec_detail .thumb img {
	display:block;
}
.lec_detail .name_info {
	margin-top:20px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.name_info .name {
	font-size:24px;
}
.name_info .name span {
	font-size:12px;
	margin-left: 10px;
}
.name_info ul {
	display:flex;
}
.name_info ul li {
	margin-left: 5px;
}
.name_info ul li img {
	width:30px;
	height:auto;
	display:block;
}
.lec_detail .comment {
	margin-top:10px;
}