@charset "utf-8";

/* ----------------------------------------
	レッツ英会話スクール

	講師紹介ドcss
	kosi.css

	create 20140623 T.Y
---------------------------------------- */

/* ---------------------------------------------------------
	約320px未満の画面向けスタイル モバイルファースト
--------------------------------------------------------- */
/* ----- #main_right ----- */
#main_right .kosi_box {
	width: 100%;
	margin: 0 auto 30px;
	padding: 0;
	text-align: left;
	clear: both;
}
#main_right .kosi_box .photo_right {
	text-align: center;
	margin: 0 auto 15px;
}
#main_right .kosi_box .photo_right img {
}
#main_right .kosi_box .title_name {
	border-bottom: 3px solid #0081CC;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	position: relative;
	clear: both;
	height: 20px;
}
#main_right .kosi_box .title_name h3 {
	background-color: #FFFFFF;
	padding: 0 10px 0 0;
	bottom: -3px;
	position: absolute;
}
#main_right .kosi_box .title_name .comment {
	font-size: 14px;
	font-weight: normal;
}
#main_right .kosi_box .title_name .name {
	color: #69B5E1;
	font-size: 14px;
	position: absolute;
	bottom: 3px;
	right: 3px;
}
#main_right .kosi_box .text_box {
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#main_right .kosi_box .message_box {
	width: 638px;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	padding: 15px;
	clear: both;
	position: relative;
	background-color: #EDEDED;
}
#main_right .kosi_box .message_box h4 {
	position: absolute;
	left: 15px;
	top: -10px;
	font-weight: normal;
	font-size: 14px;
	color: #009E96;
	padding-right: 5px;
	padding-left: 5px;
	text-shadow: 1px 1px 5px #FFFFFF;
}
#main_right .text_box {
	width: 100%;
	margin: 0 auto 30px;
	padding: 0 0 15px;
	text-align: left;
	clear: both;
}
#main_right .text_box .email {
	text-align: center;
	font-size: 1.6rem;
}
#main_right .text_box .tel {
	text-align: center;
	font-size: 30px;
	margin: 30px auto;
}



@media screen and (min-width: 370px){
	/*	約370px以上の画面向けスタイル */

}



@media screen and (min-width: 560px){
	/*	約560px以上の画面向けスタイル */

}



@media screen and (min-width: 740px){
	/*	約740px以上の画面向けスタイル second tablet */

	#main_right .kosi_box .photo_right {
		width: 215px;
		text-align: center;
		margin: 0 0 15px 15px;
		float: right;
	}
	#main_right .kosi_box .photo_right img {
		width: 100%;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#main_right .text_box .email {
		font-size: 2.4rem;
	}
}



@media screen and (min-width: 980px){
	/*	約980px以上の画面向けスタイル second tablet  */

	#container .tweet_box {
		top: 178px;
	}

	/* ----- #main_right ----- */
	#main_right .kosi_box {
		width: 670px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		text-align: left;
		clear: both;
	}
	#main_right .kosi_box .title_name {
		border-bottom: 3px solid #0081CC;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		position: relative;
		clear: both;
		height: 20px;
	}
	#main_right .kosi_box .title_name h3 {
		background-color: #FFFFFF;
		padding: 0px;
		bottom: -3px;
		position: absolute;
	}
	#main_right .kosi_box .title_name .comment {
		font-size: 14px;
		font-weight: normal;
	}
	#main_right .kosi_box .title_name .name {
		color: #69B5E1;
		font-size: 14px;
		position: absolute;
		bottom: 3px;
		right: 3px;
	}
	#main_right .kosi_box .text_box {
		margin-bottom: 10px;
		margin-right: auto;
		margin-left: auto;
	}
	#main_right .kosi_box .message_box {
		width: 638px;
		border: 1px solid #CCCCCC;
		border-radius: 10px;
		padding: 15px;
		clear: both;
		position: relative;
		background-color: #EDEDED;
	}
	#main_right .kosi_box .message_box h4 {
		position: absolute;
		left: 15px;
		top: -10px;
		font-weight: normal;
		font-size: 14px;
		color: #009E96;
		padding-right: 5px;
		padding-left: 5px;
		text-shadow: 1px 1px 5px #FFFFFF;
	}
	#main_right .text_box .email {
	    text-align: center;
	    font-size: 20px;
	}
	#main_right .text_box .tel {
	    text-align: center;
	    font-size: 30px;
	    margin: 30px auto;
	}
}



@media screen and (min-width: 1200px){
	/*	約1200px以上の画面向けスタイル pc(HD) */

}



@media screen and (min-width: 1600px){
	/*	約1600px以上の画面向けスタイル pc(Full HD) */

}