/*bpl-article
-------------------------------- */
.bpl-article {
    width: 100%;
    float: left;
    line-height: 1.6;
    font-size: 14px;
}


.pc {
	display: block;
	 }
.sp {
	display: none;
	}
@media only screen and (max-width: 640px) {
.pc {
	display: none;
	}
.sp {
	display: block;
	}
}

span.caption {
	font-size: 14px;
	text-align: left;
	margin-top: 10px;
		}

@media screen and (max-width: 640px){
	.bpl-article__col2--img-r .photo-wrap .photo{
		width: 100%;
	}
}
@media screen and (min-width: 641px) {
	.bpl-article__col2--img-r .photo-wrap{
		width: 170px;
	}
}

/*video-list
-------------------------------- */
.bpl-article .video-list {
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 20px 0 30px 0;
}
.bpl-article .video-list .video-part {
	width: 47.8%;
	margin-bottom: 70px;
}

.bpl-article .video-list .lecture-title {
	font-size: 17px;
	font-weight: bold;
	border-left: 5px solid #ff0000;
	margin: 0 2.04082%;
	padding: 3px 0 0 5px;
}

.bpl-article .video-list .instructor-name {
	margin: 5px 2.04082% 20px;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}


.bpl-article .video-list .video-part .video-container{
	height: 0;
	margin: 20px 2.04082% 30px;
	max-width: 920px;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.bpl-article .video-list .video-part .video-container iframe,
.bpl-article .video-list .video-part .video-container object,
.bpl-article .video-list .video-part .video-container embed {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (max-width: 640px){
	.bpl-article .video-list{
		display: block;
	}
	.bpl-article .video-list .video-part{
		width: 100%;
	}
}

.bpl-article .note{
	font-size: 14px;
	text-align: center;
	margin-bottom: 40px;
}