@charset "utf-8";

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

#main{
	padding-top:0;
	background : none;
}

.cBox{
	width:95%;
	text-align:left;
	margin:0 auto 40px;
}

.cBox .faq span{
	background:url('../../common/images/arrow03.gif') no-repeat 2px 2px;
	padding:0 0 0 17px;
}

.call{
	font-size:110%;
	font-weight:bold;
	display:block;
}
.cBox dl{
	width:100%;
	margin:0 auto 20px;
	border-bottom:1px dotted #ccc;
	text-align:left;
}
.cBox dt{
	width:90%;
	float:left;	
	margin-bottom:5px;
}
.cBox dt span{
	color:red;
}
.cBox dd{
	width:90%;
	float:left;
	margin-bottom:20px;
}

/* 送信ボタン */
input[type="submit"] {
padding: 10px 20px;
border: none;
background: #926570;
color: #fff;
font-size:120%;
}
 
/* 送信ボタン - マウスオーバー時 */
input[type="submit"]:hover {
background: #a84c64;
}
 
/* 送信ボタン - 押せないとき */
input[type="submit"][disabled] {
background-color: #ccc;
cursor: default;
}

.kiyaku{
	width:100%;
}
.scroll{
	width:90%;
	overflow:auto;
	height:290px;
	margin:0 auto 20px;
	padding: 5px 10px 5px 5px;
	text-align:left;
	border:1px solid #ccc;
	font-size:90%;
}
.scroll span{
	font-weight:bold;
}
.btn{
	margin:10px auto 30px;
	text-align:center;
	
}


/************************************/
/* 画面サイズが768px以上の場合に適用 */
/************************************/
@media screen and (min-width: 768px){
#main{
	width:100%;
	padding-top:120px;
	background:url('../images/bg_lesson.jpg') no-repeat top center; 
	margin-bottom:100px;
}

}
/************************************/
/* 画面サイズが600px以上の場合に適用 */
/************************************/
@media screen and (min-width: 600px){

.cBox dl{
	width:90%;
}
.cBox dt{
	width:30%;
	float:left;	
}
.cBox dd{
	width:70%;
	float:left;
}
}

/* 画面サイズが600px以上768px以下の場合に適用 */
@media screen and (min-width: 600px) and (max-width: 767px)  {

}