@charset "utf-8";


/**************************************************50
 * step
 **************************************************/
#step{
	background-color: #FAEFDC;
	color: #000000;
}
#need_step > li h3{
	background-color: #FFD523;
}
#need_step > li h3 b{
}
@media screen and (max-width:767px){
	#step{
		padding-top: 12.5%;
		padding-bottom: 6.5%;
	}
}
@media screen and (min-width:768px){
	#step{
		padding-top: 100px;
		padding-bottom: 50px;
	}
}


/**************************************************50
 * line
 **************************************************/
#line{
	position: relative;
}
#line img[src^="data:image"]{
	margin-top: 7.5%;
	position: absolute;
	top: 0;
	right: 23%;
	width: 22%;
}
#line picture img{
	width: 100%;
}
#line_id{
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1;
	margin-top: 32%;
	position: absolute;
	top: 0;
	left: 66%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: -webkit-calc(3em + 9em);
	width: calc(3em + 9em);
}
@media screen and (max-width:767px){
	#line_wrap{
		padding: 12.5% 3.125% 0;
	}
}
@media screen and (min-width:768px){
	#line_wrap{
		padding-top: 100px;
	}
}