@charset "utf-8";
h1 {
	height: 40px;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	margin: 20px auto;
	color: #333;
}
#text{
	display: block
}
@media screen and (max-width: 320px){
	#text{
		display: none;
	}
}

.b_sec:nth-of-type(1){
	margin-bottom:20px;
}
.b_sec:nth-of-type(2){
	margin-top:30px;
	margin-bottom:10px;
}
.sec{
	width:850px;
	margin:0 auto;
}
.step{
	width:850px;
	margin:0 auto;
	margin-bottom: 50px;
	overflow: hidden;
}
.step:nth-of-type(1){
	margin-top: 60px;
	background-color:#fff;
}
.step:nth-of-type(2){
	background-color:#fff;
}
.step:nth-of-type(3){
	background-color:#fff;
}
.step:nth-of-type(4){
	margin-bottom: 20px;
	background-color:#fff;
}
.step img{
	width:200px;
	height:200px;
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}
.step .sText{
	width:600px;
	padding:0 10px;
	display:inline-block;
	vertical-align:middle;
	margin:0;
}
.step .sText p{
	color:#112;
}
.step .sText h2{
	color:#ff302c;
	font-size:120%;
	text-align: left;
	margin-bottom: 0px;
}
.step .sText h2 span{
	display: none;
}
@media screen and (max-width: 320px){
	.sec{
		width:320px;
	}
	.step{
		width:320px;
		margin-bottom:0px;
	}
	.step img{
		display:none;
	}
	.step .sText{
		width:280px;
		display: block;
		margin:0 auto;
		padding:20px 0px 30px;;
	}
	.step .sText p{
		color:#fff;
	}
	.step .sText h2{
		color:#fff;
		text-align: center;
		margin-bottom:5px;
	}
	.step .sText h2 span{
		display: block;
		margin-bottom: 5px;
	}
	.step:nth-of-type(1){
		margin-top:0px;
		background-color:#88bc24;
	}
	.step:nth-of-type(2){
		background-color:#7caa24;
	}
	.step:nth-of-type(3){
		background-color:#668d1d;
	}
	.step:nth-of-type(4){
		background-color:#486414;
	}
}
.spmb0{
	margin-bottom:20px;
}
@media screen and (max-width: 320px){
	.spmb0{
		margin-bottom:0px;
	}
}