@charset "utf-8";

/* =============================================================================
   受講生の声 #voice
   ========================================================================== */

/* dl */

#content #main #voice dl {
	width:840px;
	margin: 0 0 30px 0;
	padding: 30px 30px 15px 30px;
	box-sizing: border-box;
	background:#f0f0f0;
}

#content #main #voice dt {
	margin: 0 0 15px 0;
	padding: 0 0 5px 55px;
	border-bottom: 1px solid #fff;
	font-size:1.5rem;
	color:#293a80;
	background:url(/images/voice_icon.png) left 6px no-repeat;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	box-sizing: border-box;
}

#content #main #voice dd {
	margin: 0;
	padding: 0;
}


/* 画像 */

#content #main #voice dd.imagebox {
	width:780px;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

#content #main #voice dd.imagebox .txt {
	width:505px;
	margin: 0;
	padding: 0;
	float:left;
}

#content #main #voice dd.imagebox .photo {
	width:250px;
	margin: 0;
	padding: 0;
	float:right;
	text-align:right;
}

#content #main #voice dd.imagebox .photo p {
	margin: 0;
	padding: 0;
}

#content #main #voice dd.imagebox .photo p img {
	display:block;
	margin: 0 0 5px 0;
	padding: 0;
}


@media only screen and (max-width:640px){
	#content #main #voice dl {
	width:100%;
	padding: 16px;
	}

#content #main #voice dt {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font-size:1.4rem;
	background:none;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	}

#content #main #voice dd.imagebox {
	width:100%;
	}

#content #main #voice dd.imagebox .txt {
	width:100%;
	float:none;
	}

#content #main #voice dd.imagebox .photo {
	width:100%;
	float:none;
	text-align:left;
	}

	#content #main #voice dd.imagebox .photo img {
	margin: 0 auto 5px auto;
	width:200px;
	height:auto;
	text-align:center;
	}

}