@charset "utf-8";
/**
/* ベストゼミナールの講師 CSS
----------------------------------------------- */
.teachers{
	overflow: hidden;
}
.teachers .sl-subpage-ttl .eng-ttl{
	font-size: 3rem;
}
.teachers .sl-subpage-ttl .jp-ttl{
	font-family: "Noto Sans JP", serif;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 300;
	letter-spacing: 0;
	margin-top: 0.5rem;
}
.teachers .sl-subpage-blog-inn{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.teachers .sl-subpage-blog-inn h2{
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: 0.025em;
	text-align: center;
	margin-bottom: 2rem;
}
.teachers .sl-subpage-blog-inn .block_btn{
	margin-top: 5rem;
}
@media only screen and (max-width: 767px) {
	.teachers .sl-subpage-ttl .eng-ttl{
		font-size: 2rem;
	}
	.teachers .sl-subpage-ttl .jp-ttl{
		font-size: 1.125rem;
		margin-top: 0.375rem;
	}
	.teachers .sl-subpage-blog-inn{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.teachers .sl-subpage-blog-inn h2{
		font-size: 1.875rem;
		margin-bottom: 0;
	}
	.teachers .sl-subpage-blog-inn .block_btn{
		margin-top: 3rem;
	}
}
.teachers .sl-subpage-blog-inn-content-data .data-items-box .box-img{
	height: 15rem;
}
.teachers .sl-subpage-blog-inn-content-data .data-items-box .box-img img{
	height: 100%;
	object-fit: cover;
	object-position: top;
}
/*　　ベストゼミナールの先生って　　*/
.teachers-guide{
	position: relative;
	background: url(../img/teachers/teachers_bg.png) no-repeat center;
	background-size: cover;
	padding: 3.75rem 2rem 3.75rem 4rem;
	overflow: hidden;
}
.teachers-guide .teachers-inner{
	position: relative;
	width: 98%;
	max-width: 1320px;
	margin: 0 auto;
}
.teachers-guide::before,
.teachers-guide::after{
	content: '';
	position: absolute;
}
.teachers-guide::before{
	background: url(../img/teachers/decoration-l.png) no-repeat center;
	background-size: contain;
	width: 33.5rem;
	height: 24.25rem;
	top: -8rem;
	right: -10rem;
}
.teachers-guide::after{
	background: url(../img/teachers/decoration-r.png) no-repeat center;
	background-size: contain;
	width: 32.875rem;
	height: 22.5rem;
	top: -3rem;
	left: -14rem;
}
.teachers-guide .teachers-inner h2{
	text-align: center;
}
.teachers-guide .teachers-inner h2 span{
	position: relative;
	display: inline-block;
	font-size: 2.6875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-align: left;
	margin-left: 12%;
}
.teachers-guide .teachers-inner h2 span::before{
	background: url(../img/teachers/teachers_icon.png) no-repeat center;
	background-size: contain;
	content: '';
	position: absolute;
	width: 8rem;
	height: 11.875rem;
	top: -1.5rem;
	left: -8rem;
	z-index: 1;
}
.teachers-guide .teachers-img{
	position: relative;
	width: 100%;
	margin-top: -7rem;
}
.teachers-guide .teachers-img .img-list{
	align-items: flex-start;
}
.teachers-guide .teachers-img .img-list .list-items{
	position: relative;
}
.teachers-guide .teachers-img .img-list .list-items:nth-child(1){
	z-index: 2;
}
.teachers-guide .teachers-img .img-list .list-items:nth-child(2){
	margin-top: 12rem;
}
.teachers-guide .teachers-img .img-list .list-items:nth-child(3){
	margin-top: 6rem;
}
.teachers-guide .teachers-img .img-list .list-items:nth-child(3)::after{
	background: url(../img/teachers/teachers_icon2.png) no-repeat center;
	background-size: contain;
	content: '';
	position: absolute;
	width: 6rem;
	height: 8.375rem;
	bottom: -1.5rem;
	right: -5rem;
	z-index: 1;
}
.teachers-guide .teachers-img .link_btn{
	position: absolute;
	right: -4rem;
	z-index: 2;
}
.teachers-guide .teachers-img .link_btn li{
	display: inline-block;
	max-width: 10.3125rem;
}
.teachers-guide .teachers-img .link_btn li a{
	background: #fff;
	display: block;
	border-radius: 1rem;
}
.teachers-guide .teachers-img .img-list .list-items .link_btn{
	bottom: 0;
}
.teachers-guide .teachers-img .teachers-video-thumbnail{
	position: absolute;
	display: inline-block;
	max-width: 10.9375rem;
	bottom: 0;
	right: 0;
}
.teachers-guide .teachers-img .teachers-video-thumbnail a{
	background: #fff;
	display: block;
	border-radius: 1rem;
}
.teachers-guide .teachers-img .link_btn li a:hover,
.teachers-guide .teachers-img .teachers-video-thumbnail a:hover{
	background: #fff799;
}
.teachers-guide .block_btn{
	margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
	.teachers-guide{
		background: #d6ab8a;
		background-size: cover;
		padding: 3.75rem 0 2.75rem 0;
	}
	.teachers-guide .teachers-inner{
		width: 98%;
	}
	.teachers-guide::before{
		width: 16.5rem;
		height: 11.25rem;
		top: -4rem;
		right: -6rem;
	}
	.teachers-guide::after{
		width: 16.875rem;
		height: 13.5rem;
		top: -2.5rem;
		left: -8rem;
	}
	.teachers-guide .teachers-inner h2{
		text-align: center;
	}
	.teachers-guide .teachers-inner h2 span{
		font-size: 1.5rem;
		text-align: center;
		margin-left: 0;
	}
	.teachers-guide .teachers-inner h2 span::before{
		width: 4rem;
		height: 5.875rem;
		top: -1.5rem;
		left: -4.5rem;
	}
	.teachers-guide .teachers-img{
		margin-top: 0;
		margin-left: 0;
		padding-bottom: 3rem;
	}
	.teachers-guide .teachers-img .link_btn{
		right: 0.5rem;
		bottom: 29rem;
	}
	.teachers-guide .teachers-img .link_btn li{
		max-width: 17.3125rem;
	}
	.teachers-guide .teachers-img .link_btn li a{
		border-radius: 0.5rem;
	}
	.teachers-guide .teachers-img .teachers-video-thumbnail{
		max-width: 10.9375rem;
		bottom: 0;
		right: 0.5rem;
	}
	.teachers-guide .teachers-img .teachers-video-thumbnail a{
		border-radius: 0.5rem;
	}
	.teachers-guide .block_btn{
		margin-top: 2.5rem;
	}
}