.topflow {
	padding: 40px 0 60px;
}
.flowmain {
	margin: 30px 0 0;
}
.flowpanelFlame {
	padding: 10px 25px 40px;
	background: #fff;
	border-bottom: 1px solid #000000;
	position: relative;
}
.flowpanelFlame:nth-child(n + 2) {
	margin: 50px 0;
}
.flowpanelFlame:before,
.flowpanelFlame:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 20px 0 20px;
	border-color: #000000 transparent transparent transparent;
	content: "";
	z-index: 2;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -19px;
}
.flowpanelFlame:after {
	border-color: #fff transparent transparent transparent;
	z-index: 3;
	bottom: -18px;
}
.flowmain .flowpanelFlame:last-child {
	border: none;
}
.flowmain .flowpanelFlame:last-child:before,
.flowmain .flowpanelFlame:last-child:after {
	display: none;
}
.flowpanel {
	font-size: 19px;
	line-height: 1.7;
	display: flex;
	justify-content: space-between;
}
.flowbox {
	width: 580px;
	padding: 0 20px 0 0;
	.tel {
		vertical-align: text-top;
		margin: 2px 5px 0 0;
	}
	strong,
	strong a {
		color: $primary-color;
	}
}
.flowbox .tit {
	display: flex;
	align-items: center;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 15px;
	color: $primary-color;
}
.flowbox .tit img {
	flex-shrink: 0;
	margin-right: 10px;
}
.flowbox .list li {
	text-indent: -1em;
	padding-left: 1em;
}
.flowbox .list li img {
	vertical-align: middle;
	margin-top: -5px;
}
.flowbox .list li span {
	font-size: 17px;
}
.flowbox .list li a {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}
.flowbox .list li a:hover {
	text-decoration: none;
}

@media screen and (max-width: 979px) {
	.topflow {
		padding: 30px 0 40px;
	}
	.flowmain {
		margin: 15px 0 0;
	}
	.flowpanelFlame:nth-child(n + 2) {
		margin: 35px 0 0;
	}
	.flowpanel + .flowpanel {
		font-size: 15px;
		margin-top: 15px !important;
	}
	.flowpanelFlame {
		padding: 10px;
		font-size: 15px;
	}
	.flowpanel {
		padding-bottom: 15px;
		display: block;
	}
	.flowpanel + .flowpanel {
		margin: 35px 0 0;
	}
	.flowbox {
		width: 100%;
		padding: 0;
		font-size: 15px;
	}
	.flowbox .tit {
		display: flex;
		font-size: 19px;
		margin-bottom: 10px;
	}
	.flowbox .tit img {
		flex-shrink: 0;
		width: 40px;
		margin-right: 5px;
	}
	.flowbox .list li img {
		width: 87px;
		margin-top: -2px;
	}
	.flowbox .list li span {
		font-size: 15px;
	}
	.flowbox .tel {
		width: 22px;
	}
	.flowpanel .img {
		text-align: center;
		margin: 15px 0 0;
	}
	.flowpanel .img img {
		width: 80%;
	}
	.flowtab {
		width: 96%;
		margin: 0 auto;
	}
	.flowtab th {
		width: 100px;
		font-size: 15px;
		padding: 5px 10px;
	}
	.flowtab td {
		padding: 5px 10px;
		font-size: 15px;
	}
}