@charset "utf-8";

/*==========================================================
	入店までの流れ
==========================================================*/
.contents_flow{
	width: 100%;
	margin: 20px auto;
	padding: 20px;
	color: #444444;
	background-color: #FFFFFF;
}
.flow_box{
	display: table;
	position: relative;
	width: 100%;
	padding: 30px 10px;
}
.flow_box:after{
	content: '';
	position: absolute;
	top: 0px; bottom: 0px; left: 0px; right: 0px;
	width: 100%; height: 100%;
	margin: auto;
	box-shadow: 2px 4px 10px rgba(185,47,154,0.3);
	z-index: 5;
}
.flow_box:before{
	content: '';
	position: absolute;
	top: 98%; left: 50px;
	width: 0px; height: 0px;
	border: 40px solid transparent;
	z-index: 10;
}
.step_box{
	display: table-cell;
	width: 150px;
}
.step_no{
	position: relative;
	width: 150px; height: 150px;
	margin: 0px auto;
	line-height: 110px;
	text-align: center;
	font-size: 60px;
	font-family: 'SnellRoundhand';
	border: solid 1px #E09BAB;
	border-radius: 50%;
	background-color: #FFFFFF;
}
.step_no span{
	position: absolute;
	bottom: 5px; right: -30px;
	width: 100px; height: 100px;
	line-height: 100px;
	color: #E09BAB;
	font-size: 140px;
}
.flow_information{
	display: table-cell;
	text-align: left;
	padding: 0px 10px 0px 20px;
	vertical-align: top;
}
.flow_information h3{
	display: inline-block;
	width: auto; height: 40px;
	padding: 0px 5px;
	line-height: 40px;
	font-size: 26px;
	font-weight: 400;
	background: linear-gradient(transparent 70%, #E09BAB 70%);
}
.flow_information p{
	width: 100%; height: auto;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 5px;
	line-height: 1.6em;
	font-size: 18px;
}
/*step1*/
.step0{
	background-color: #EECFC7;
}
.step0:before{
	border-top: 55px solid #EECFC7;
}
/*step2*/
.step1{
	background-color: #C6E0DB;
}
.step1:before{
	border-top: 55px solid #C6E0DB;
}
/*step3*/
.step2{
	background-color: #CAB79B;
}
.step2:before{
	border-top: 55px solid #CAB79B;
}
/*step4*/
.step3{
	background-color: #F1EEDF;
}
.step3:before{
	border-top: 55px solid #F1EEDF;
}
/*step5*/
.step4{
	background-color: #E6DBEA;
}
.step4:before{
	border-top: 55px solid #E6DBEA;
}
/*step6*/
.step5{
	background-color: #EECFC7;
}