/*フローエリア*/

article{
	margin:0 auto 5% auto;
	text-align:center;
	background-image:url(../../image/flow/mainbg.png);
}


article h2 img{
	width:56%;
	height:auto;
	max-width:500px;
	margin:40px auto 10px auto;
	text-align:center;
}



#flow{
	width:90%;
	height:auto;
	margin:0 auto;
	padding-bottom:8%;
	text-align:left;
}



#flow h3 img{
	margin:0px auto 4% auto;
	width:100%;
	max-width:500px;	
}

#flow h4 img{
	margin:0px auto 2% auto;
	width:100%;
	max-width:560px;	
}


#flow h5 img{
	margin:0px auto 2% auto;
	width:100%;
	max-width:560px;	
}




#flow p{
	line-height:1.5;
	font-size:90%;
	padding-bottom:2px;
	margin:0 auto;
	text-align:justify;
}



.flow1{
	margin-bottom:10%;
	background-image:url(../image/flow/bg.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:100%;
}



/*フローエリア*/





/*ピックアップエリア*/

#pick{
	width:100%;
	height:auto;
	max-width:828px;
	margin:0% auto;
	text-align:center;
	padding:3% 0% 5% 0%;


	background-image:
	url(../image/pbg.png), /* 最前面の背景レイヤーの背景画像 */
    url(../../image/pickbg.png);

	background-repeat:
    no-repeat, /* 最前面の背景レイヤーに対応 */
	repeat;

	background-position:
    right top, /* 最前面の背景レイヤーに対応 */
	top;
	
	background-size:
	100%,
	180%;
}


#pickup{
	width:90%;
	height:auto;
	margin:0 auto;
}



#pick h4 img{
	width:56%;
	height:auto;
	max-width:485px;
	margin:0px auto 15px auto;
	text-align:center;
}



#pick h5 img{
	width:49%;
	height:auto;
	max-width:245px;
	margin-bottom:16px;
	float:left;
	padding-bottom:2%;
	text-align:center;
}


/*ピックアップエリア*/