@charset "UTF-8";

/*----------------------------------------------------
	☆Course
----------------------------------------------------*/
/* 20151216 mod start*/

#contents .mv {
	height:200px;
}
/* 20151216 mod end*/

#contents .qaMv {background:url(../images/qa/bg_mv.gif) center center repeat;}

#contents .mv h1 {
	line-height:1;
	padding:92px 0 30px;
	text-align:center;
}


/* 20151216 add start*/
#qaSubtitle{
	display: block;
	padding:60px 0;
	background: url(../images/qa/linebg.png) top repeat-x;
	text-align: center;
}
#qaSubtitle img{
	margin: 0 0 30px;
}
#qaSubtitle p{
	font-size:18px;
	font-weight:bold;
}

#qaList ul{
	display:block;
	padding:0 0 100px;
}
#qaList li{
	display: block;
	width: 1000px;
	margin: 0 auto 50px;
	border-radius: 10px;
	border:2px solid #4c8cca;
}

#qaList .qusetion{
	display: block;
	padding:10px;
	font-size:18px;
	color:#2977c8;
	font-weight: bold;
	background:#ecfbff;
	border-radius: 10px 10px 0 0;
}
#qaList .qusetion span{
	display: block;
	padding:3px 10px 10px 40px;
	background: url(../images/qa/logoQ.png) left top no-repeat;
	background-size:30px 30px;
}
#qaList .answer{
	display: block;
	padding:10px;
	font-size:16px;
}

#qaList .answer span{
	display: block;
	padding:3px 10px 10px 40px;
	background: url(../images/qa/logoA.png) left top no-repeat;
	background-size:30px 30px;
}

/* 20151216 add end*/

/*===========================
 For SP
===========================*/


/*デバイスの横幅が750px以下の場合*/
@media only screen and (max-width: 750px) {

#contents .mv {
	height:auto;
}

#contents .qaMv {background:url(../images/qa/bg_mv.gif) center center repeat;}

#contents .mv h1 {
	line-height:1;
	padding:30px 0 20px;
	text-align:center;
}

#contents .mv h1 img {
	height:auto;
	width:100%;
}

/* 20151216 add start*/

#qaSubtitle{
	padding:30px 0;
	background: url(../images/qa/linebg.png) top repeat-x;
	text-align: center;
}
#qaSubtitle img{
	width: 80%;
	height:auto;
	margin: 0 0 20px;
}
#qaSubtitle p{
	font-size:16px;
	font-weight:100;
}
#qaSubtitle p span{
	display: block;
}
#qaList ul{
	display: block;
	padding:0 10px 30px;
}
#qaList li{
	width: 100%;
	margin: 0 auto 10px;
}

#qaList .qusetion{
	padding:10px;
	font-size:14px;
	font-weight: bold;
}
#qaList .qusetion span{
	min-height:30px;
	padding:3px 0 0 40px;
	background: url(../images/qa/logoQ.png) left top no-repeat;
	background-size:30px 30px;
}
#qaList .answer{
	padding: 10px;
	font-size:13px;
}

#qaList .answer span{
	padding:5px 0 0 40px;
	background: url(../images/qa/logoA.png) left top no-repeat;
	background-size:30px 30px;
}

/* 20151216 add end*/


}

