@charset "utf-8";


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■flow_step_wrap
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.flow_step_wrap{
	margin-bottom: 30px;
}
.flow_step_wrap ol{
	overflow:hidden;
	border-bottom:1px solid #ccc;
}
.flow_step_wrap li{
	float:left;
	width: 33.33%;
	padding:5px 0 5px 20px;
	border:1px solid #ccc;
	border-right: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	height: 56px;
	font-size:11px;
	line-height: 1.3;
	background: #fff;
	margin-bottom: -1px;
}
.flow_step_wrap li:nth-of-type(3n+1){
	padding-left: 10px;
	border-left: none;
}
.flow_step_wrap li:after,
.flow_step_wrap li:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 28px 0 28px 10px;
	position:absolute;
	top: 50%;
	margin-top: -28px;
	z-index:5;
}
.flow_step_wrap li:after{
	border-color: transparent transparent transparent #fff;
	right: -10px;
}
.flow_step_wrap li:before{
	border-color: transparent transparent transparent #ccc;
	right: -11px;
}
.flow_step_wrap li span{
	font-size:10px;
}
.flow_step_wrap li p{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 33px;
}
.flow_step_wrap li.active{
	background: #fe5815;
}
.flow_step_wrap li.active a{
	color: #fff;
}
.flow_step_wrap li.active:after{
	border-color: transparent transparent transparent #fe5815;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■flow
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#flow-content {
	width:100%;
	float:none;
}
.flow-block {
	margin-bottom: 30px;
	padding:0 16px 30px;
}
.flow-block-l {
	width:100%;
	margin:0;
	float:none;
}
.flow-block-r {
	width:100%;
	float:none;
	text-align:center;
	margin-top: -10px;
}
.flow-block-r img{
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.flow-detail li {
	font-size:13px;
	margin-bottom: 10px;
}
.flow-attention1 {
	font-size:13px;
}
#flow-attention3 {
	width:100%;
	margin-top: 15px;
	border-width: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.flow-attention4 {
	font-size:14px;
}

#flow-faq {
	width:calc(100% - 32px);
	margin:40px auto 0;
	float:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#flow-faq-head {
	padding:10px;
	font-size:14px;
	text-align:center;
}
#flow-faq-detail {
	padding:20px;
}
#flow-faq-detail ul{
	margin-bottom: 20px;
}
#flow-faq-detail li {
	background-position: left 5px;
}

.pager{
	padding-top: 0;
	margin-top: -30px;
}

#sticker-sticky-wrapper,
#sticker{
	width: 100% !important;
	position: static !important;
}