/*-----------------------------------------
  #page_flow
------------------------------------------*/
#page_flow {
	padding-top: 6%;
	color: #020202;
}
.fc_or {
	color: #eb5716;
	font-weight: bold;
	display: block;
	margin-bottom: 3.15%;
}
#page_flow .boder_bg_Box {
	padding: 0% 3.83% 8% 3.83%;
	background-image: url(../images/flow/deco_b_01.jpg), /* 最前面の背景レイヤーの背景画像 */  url(../images/flow/deco_m_01.jpg);
	background-repeat: no-repeat, /* 最前面の背景レイヤーに対応 */  repeat-y;
	background-position: bottom right, /* 最前面の背景レイヤーに対応 */  right;
	background-size: contain,  100%;
}
#page_flow li {
	margin-bottom: 7%;
}
#page_flow li:last-child {
	margin-bottom: 0%;
}
#page_flow ul {
	background-image: url(../images/flow/ten.png);
	background-repeat: repeat-y;
	background-size: 100%;
}
.kado_bg_Box {
	padding: 5%;
	background-image: url(../images/flow/deco_t_03.jpg), /* 最前面の背景レイヤーの背景画像 */  url(../images/flow/deco_b_03.jpg),  url(../images/flow/deco_m_03.jpg);
	background-repeat: no-repeat, /* 最前面の背景レイヤーに対応 */  no-repeat,  repeat;
	background-position: top, /* 最前面の背景レイヤーに対応 */  bottom,  right;
	background-size: contain,  contain,  100%;
}
.kado_bg_Box .fl_l {
	width: 15%;
}
.kado_bg_Box .fl_r {
	width: 81%;
}
.kado_bg_Box_02 {
	padding: 5%;
	background-image: url(../images/flow/deco_t_04.jpg), /* 最前面の背景レイヤーの背景画像 */  url(../images/flow/deco_b_04.jpg),  url(../images/flow/deco_m_04.jpg);
	background-repeat: no-repeat, /* 最前面の背景レイヤーに対応 */  no-repeat,  repeat;
	background-position: top, /* 最前面の背景レイヤーに対応 */  bottom,  right;
	background-size: contain,  contain,  100%;
}
.kado_bg_Box_02 .fl_l {
	width: 15%;
}
.kado_bg_Box_02 .fl_r {
	width: 81%;
}
#follow_Box .Box {
	padding: 0% 5% 5% 5%;
	position: relative;
	background-image: url(../images/flow/deco_b_02.jpg),  url(../images/flow/deco_m_02.jpg);
	background-repeat: no-repeat,  repeat;
	background-position: bottom,  right;
	background-size: contain,  100%;
}
#follow_Box .Box .fl_l {
	width: 53%;
}
#follow_Box .Box .poa {
	position: absolute;
	width: 35%;
	right: 16px;
	bottom: 5px;
}

@media screen and (max-width: 376px) {
/*--- 表示領域が480px以上の場合に適用するスタイル ---*/
	
#follow_Box .Box .fl_l {
	width: 55%;
}
#follow_Box .Box .poa {
	position: absolute;
	width: 40%;
	right: 16px;
	bottom: 5px;
}
}