@charset "UTF-8";
@import url(../../css/common.css);
/*----------------------------------------

+ (content)
+ (main)
- main_title
- cmnbox

-----------------------------------------*/
/*----------------------------------------
main_title
-----------------------------------------*/
/*----------------------------------------
cmnbox
-----------------------------------------*/
/* box01 */
#box01 h2 {
	margin-bottom: -12px;
}
#box01 img {
	width: 250px;
	height: 186px;
	float: right;
	padding: 0 0 10px 20px;
}
#box01 .inner:before,
#box01 .inner:after {
	content: "";
	display: table;
}
#box01 .inner:after {
	clear: both;
}
#box01 .inner {
	zoom: 1;/*IE7*/
	position: relative;/*DW*/
}
/* box02 */
#box02 h2 {
	margin-bottom: -12px;
}
#box02 img {
	width: 250px;
	height: 186px;
	float: right;
	padding: 0 0 15px 20px;
}
#box02 .inner:before,
#box02 .inner:after {
	content: "";
	display: table;
}
#box02 .inner:after {
	clear: both;
}
#box02 .inner {
	zoom: 1;/*IE7*/
	position: relative;/*DW*/
}
#box02 .voice_01{
	padding: 20px 50px;
	background-color:#e4f6ff;
}
#box02 .voice_02{
	padding: 20px 50px;
	background-color:#e4f6ff;
	margin-top: 20px;
}
#box02 .name{
	font-size: 1.2em;
	font-weight: bold;
	color: #3eb2d4;
}
#box02 li .course{
	border-bottom: 2px dotted #3eb2d4;
	max-width: 54%;
	display: block;
	margin-bottom: 10px;
}
/* box03 */
#box03 h2 {
	margin-bottom: -12px;
}
/* case */
#case li p.pic {
	height: 286px;
}
@media screen and (max-width:767px){
/* box01 */
	#box01 img {
		display: block;
		width: 80%;
		height: auto;
		float: none;
		padding: 0;
		margin: 0 auto 15px;
	}
	#box01 h2,
	#box03 h2 {
		margin-bottom: 0;
	}
	#case li.sp1 p.pic,
	#case li.sp2 p.pic {
		padding-top: 10px;
	}
	#case li.sp1 p.txt, #case li.sp1 dl,
	#case li.sp2 p.txt, #case li.sp2 dl {
		border-left: solid 1px #d4d4d4;
		border-right: solid 1px #d4d4d4;
	}
	#case li.sp1 {
		margin: 0 auto 15px;
		border-bottom: solid 1px #d4d4d4;
	}
	#case li.sp2 p.pic {
		padding-top: 0;
	}
	#case li.sp2 p.pic img {
		position: relative;
		top: 10px;
	}
	.footer_etc.ftrCrsBnr ul li:nth-child(2) a{
		background-image: url(../../../img/cmn_side_btn_kyufukin_sp.png);
	}
	#box02 li .course{
		max-width: 100%;
	}
}