@charset "utf-8";
/* flow A*/
/*.flow{
	margin-bottom: 120px;
}*/
.flow-text{
	margin-bottom: 30px;
}
.flow-list-dl {
	display: table;
	width: 100%;
}
.flow-list-dl dt {
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #222222;
	font-size:18px;
	background: #f3f3e8;
	padding:0 30px;
	vertical-align: middle;
	width: 20%;
	display: table-cell;
	letter-spacing: 1px;
}
.flow-list-dl dd{
	padding:20px 15px;
	width: 80%;
	display: table-cell;
	border:5px solid #f3f3e8;
}

.flow-list-title{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #222222;
	font-size:18px;
	line-height: 1.4;
	font-weight: bold;
}

.flow-list{
	counter-reset:flow-list-number;
}

.flow-list-number::after{
	content: counter(flow-list-number) " ";  
	counter-increment: flow-list-number; 
}
.flow-list-arrow{
	text-align: center;
	display: block;
}

.flow-list-arrow i{
	font-size:50px;
	display: inline-block;
	color: #555555;
}
.flow-list-items:last-child .flow-list-arrow,
.flow-list-items:last-child .flow-list-arrow i{
	display: none;
}
.flow-notebox{
	margin-top: 30px;
	padding:10px;
	border:1px dotted #CCCCCC;
}


@media (max-width:767px) {
	.flow-list-dl dd{
		padding: 10px 15px;
		border: 3px solid #f3f3e8;
	}
	.flow-text{
		margin-bottom: 30px;
	}
}
@media (max-width: 575px) {
	.flow h3{
		font-size:20px;
	}
/*	.flow{
		margin-bottom: 0;
	}*/
	.about-img{
		padding:0 !important;
	}
	.flow-list-dl dt {
		font-size:16px;
		margin-bottom:0;
	}
	.flow-list-dl,
	.flow-list-dl dt,
	.flow-list-dl dd {
		display: block;
		width: 100%;
	}
	.flow-list-dl dt{
		padding:5px 10px;
	}
	.flow-list-dl dd {
		border-top: 0;
		border-bottom: 2px solid #f3f3e8;
		border-left: 2px solid #f3f3e8;
		border-right: 2px solid #f3f3e8;
		padding:5px;
		margin-bottom: 0;
	}

	.flow-list-arrow i{
		font-size:40px;
	}

}