@charset "utf-8";

/* common
--------------------------------------------------------------- */

@media screen and (max-width:768px) {
	
}
@media screen and (max-width:480px) {
	#main {
		padding-left: 0;
		padding-right: 0;
	}
	
}

#main #intro {
	margin-bottom: 20px;
}


#main .about_ttl.ttl_class {
	padding-left: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #178b36;
	text-align: left;
}
@media screen and (max-width:480px) {
	#main .about_ttl.ttl_class {
		padding-top: 20px;
		padding-left: 0;
		margin-bottom: 0;
		font-size: 22px;
		text-align: center;
		color: #178b36;
		background-color: #fff;
	}
}


/* 
--------------------------------------------------------------- */
#w_teachers .photo img.pht_left,
#w_teachers .photo img.pht_right {
	width: 250px;
}
@media (max-width: 480px) {
	#w_teachers .photo img.pht_left,
	#w_teachers .photo img.pht_right {
		width: 100%;
	}
}

/* イントロ
--------------------------------------------------------------- */
#w_teachers .w_c_video {
	width:100%;
	text-align: left;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

#w_teachers .w_c_video_txt { 
	padding-top:43px;
}
#w_teachers .w_c_vs_txt { 
	padding:20px 0 40px 0;
	position:relative;
}
#w_teachers .w_c_video_txt .w_c_ttl img,
#w_teachers .w_c_vs_txt .w_c_ttl img {
	margin-bottom:10px;
	vertical-align: top;
}
#w_teachers .w_c_vs_txt .btn_more { text-align:center; margin:0; }
#w_teachers .w_c_vs_txt .btn_more.close { margin-top:-10px; z-index:1; position:relative;}
#w_teachers .w_c_vs_txt .btn_more span {
	display:inline-block; cursor:pointer; padding:4px 50px; color:#fff; background:#999; border-radius:20px;
	-webkit-transition:.2s linear; -moz-transition:.2s linear; -o-transition:.2s linear; transition:.2s linear; }
#w_teachers .w_c_vs_txt .btn_more span:hover { background:#ccc; }
#w_teachers .w_c_vs_txt .topics_more { display:none; }

#w_teachers .w_c_vs_txt {
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #ccc;
}

#w_teachers .default_txt{
	position:relative;
}
#w_teachers .default_txt.close:before {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%) repeat scroll 0 0;
    bottom: 0px;
    content: "";
    display: block;
    height: 5em;
    left: 0;
    position: absolute;
    width: 100%;
}

@media (max-width: 768px) {
	#w_teachers #main .w_c_vs_txt h2.w_c_ttl,
	#w_teachers #main .w_c_vs_txt h2.w_c_ttl img {
		margin-bottom: 0;
	}
}

/* 
--------------------------------------------------------------- */