@import "txt_style.css";


.flowInner{
	margin-bottom: 70px;
}



.flowItem{
	padding:30px 0;
	color: #000;
	border-top: 1px solid #ccc;
}

.flowItem dt{
	font-size: 3rem;
	padding-left: 30px;
	color: #000;
	margin-bottom: 30px;
	position: relative;
}

.flowItem dt::before{
	content: "・";
	position: absolute;
	color: #006c54;
	margin: auto;
	left: 0;
	top: 0;
	bottom: 0;
}

.flowItem dd{
	line-height: 1.5;
}

.flowTelNav{
	display: flex;
	gap: 30px;
	margin-top: 30px;
}

.flowTelNav li{
	color: #006c54;
}

.flowTelNav li strong{
	display: block;
	text-align: center;
	padding-left: 30px;
}



.flowTelNav li .telBox{
	display: flex;
}

.flowTelNav li .telBox img{
	width: 30px;
}

.flowTelNav li .telBoxInner{
	font-size: 3.2rem;
}

.flowTelNav li .telBoxInner a{
	color: #006c54;
}

.flowItem .btnCommon{
	margin-top: 30px;
}

.flowItem.lastChild{
	border-bottom: 1px solid #ccc;
}



.boxTable{
	width: 100%;
	border: 1px solid #e5e5e5;
	color: #000;
	margin-bottom: 10px;
	margin-top: 30px;
}


.boxTable th{
	background: #f3f3f3;
	padding: 30px 20px;
	text-align: left;
	width: 45%;
	border-right: 1px solid #e5e5e5;
	vertical-align: middle;
}

.boxTable td{
	padding: 30px 20px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;	
}

.boxTable tr:last-child th,
.boxTable tr:last-child td{
	border-bottom: none;
}

/* Media Queries ================================================== */
/*896*/
@media screen and (max-width: 896px) {




	.flowTelNav {
  		display: block;
  	}

	.flowTelNav li {
		margin-bottom: 20px;
	}	



	.flowTelNav li .telBox {
	  justify-content: center;
	}


	.flowItem .btnCommon {
		width: 100%;
	}


}