@charset "utf-8";

#main > .inner{
	padding-top: 210px;
}

#main .h.title{
	background-image: url(../../common/img/bg_h_01.jpg);
}

.text{
	width:510px;
	float:left;
}
.text p{margin:0 0 24px 0;}
.text .sign{text-align:right;}

.gray_back{
	width:640px; height:41px;
	background:#f3f7fa;
	margin:20px 0 40px 0; padding:22px 30px;
	font-size:16px; font-weight:bold; color:#d7003d;
	line-height:41px;
}
.gray_back img{margin:0 0 0 20px;}
.gray_back img:hover{opacity:0.7;}

.catch{margin:0 0 30px 0;}

.text ul{
	margin:0 0 0 20px;
	list-style:decimal;
}
.text li{margin:0 0 20px 0;}

h3{margin-bottom:20px;}
h4{
	width:700px; height:42px;
	background:url(../../img/h4.png) no-repeat;
	line-height:42px;
	margin:0 0 20px 0;
}

@media screen and (min-width: 741px){
	.img {
		float:right;
		width: 180px;
	}
	.img img{
		width: 100%;
	}
}

@media screen and (max-width: 740px){
	#main > .inner{
		padding-top: 0;
	}

	.text{ width:100%;}
	.text p{margin:0 0 24px 0;}
	.text .sign{text-align:right;}
	.img{text-align:center;}

	.gray_back{
		width:100%; height:auto; box-sizing:border-box;
		background:#f3f7fa;
		margin:20px 0 40px 0; padding:10px;
		font-size:16px; font-weight:bold; color:#d7003d;
		text-align:center;
	}
	.gray_back img{margin:0;}

	h4{
		width:100%; height:33px;
		background:url(../../img/h4.png) no-repeat;
		background-size:100% 33px;
		line-height:42px;
	}
	#main_column img{
		border:0;
		max-width:50% !important;
		height:auto !important;
	}

}