@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
.sp,
.pad,
.tv {
	display: none;
}

.mainVisual {
	background: url(../images/request/main_visual_bg.jpg) no-repeat center top;
	background-size: 100% auto;
}

body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
}

#main .inner p {
	margin-bottom: 40px;
}

#main .formBox p span {
	margin-right: 5px;
	color: #c20d23;
	font-size: 12px;
}

#main .formBox .mailForm {
	padding: 40px 30px;
}

#main .formBox .mailForm .comTable th {
	width: 34%;
}

#main .formBox .mailForm .comTable td {
	width: 67%;
}


#main .formBox .mailForm .comTable .blueArea {
	padding: 13px 16px 22px;
	background-color: #EDF3FA;
}

#main .formBox .mailForm .comTable .blueArea p {
	margin-bottom: 20px;
	color: #5890D3;
	font-weight: bold;
	background-color: #EDF3FA;
}

#main .formBox .mailForm .comTable .blueArea {
	margin-bottom: 20px;
}

@media all and (min-width: 0) and (max-width: 767px)  {
	.mainVisual {
		margin-bottom: 0;
		padding: 24% 0 26%;
		background: url(../images/request/sp_main_visual_bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}

	#main .formBox .mailForm .comTable .blueArea {
		margin-bottom: 10px;
		padding: 18px 16px;
	}

	#main .formBox .mailForm .comTable .blueArea p {
		margin-bottom: 19px;
	}

	#main .inner p {
		margin-bottom: 30px;
	}
	
	#main .formBox .mailForm {
   		padding: 0 10px 40px;
	}	

}

@media all and (min-width: 768px) and (max-width: 1279px) {
	.mainVisual {
		padding: 10% 0 9%;
		background: url(../images/request/pad_main_visual_bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}

}

@media all and (min-width: 1920px) {
	.mainVisual {
		background: url(../images/request/tv_main_visual_bg.jpg) no-repeat left top;
		background-size: 100% auto;
	}
}
