@charset "UTF-8";
/* CSS Document */


/*================================================================== 
    キービジュアル
===================================================================*/
#flow #heroArea.underPages {
	background-image: url(../img/flow/bg_flow.png);
	background-position: top right;
}
@media screen and (max-width: 768px) {
	#flow #heroArea.underPages {
		background-position: top right;
	}
}
/*================================================================== 
    電話番号エリア
===================================================================*/
.tel {
	width: 642px;
}
.tel a {
	color: #333333;
}
.tel .numberBox {
	margin-top: 0px!important;
}
.tel .numInfo {
	font-size: 14px;
	right: 70px;
}
.tel .mukyu {
	font-size: 10px;
}
/*================================================================== 
    フローコンテンツエリア
===================================================================*/
#flow .flowBox > li:nth-of-type(2n) {
	background-image: url(../img/flow/bg_tile2.png);
}
#flow ul li {
	position: relative;
	overflow: hidden;
}
#flow .flowBox .tri_w {
	position: absolute;
	width: 70px;
	height: 20px;
	z-index: 10;
	left: 48%;
}
#flow .lastTri .tri_w {
	position: absolute;
	width: 70px;
	height: 20px;
	z-index: 10;
	left: 48%;
}
#flow ul li .liBox {
	width: 684px;
	margin: 0 auto;
	font-size: 15px;
}
#flow ul .liTop:first-of-type {
	padding-bottom: 70px;
}
#flow ul li h3 {
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 29px;
	padding-top: 70px;
}
#flow ul li h3 img {
	display: inline-block;
	padding-right: 20px;
}
#flow ul li .flowText {
	line-height: 1.5;
	padding-bottom: 70px;
}
#flow ul li:first-of-type .flowText {
	line-height: 1.5;
	padding-bottom: 20px;
}
#flow ul li:nth-of-type(4) {
	padding-bottom: 70px;
}
#flow ul li:nth-of-type(4) .flowText {
	line-height: 1.5;
	padding-bottom: 35px;
}
#flow ul li:nth-of-type(4) .kakiNaiyo {
	background-color: #fff;
	padding: 45px;
	font-size: 14px;
}
#flow ul li:nth-of-type(4) .kakiNaiyo .shorui {
	font-weight: bold;
	position: relative;
	padding-bottom: 29px;
}
#flow ul li:nth-of-type(4) .kakiNaiyo .shorui:after {
	position: absolute;
	bottom: 0px;
	left: -3%;
	content: "";
	background-color: #cccccc;
	height: 1px;
	width: 105%;
	margin: 0 auto;
}
#flow ul li:nth-of-type(4) .kakiNaiyo dl {
	padding-top: 24px;
}
#flow ul li:nth-of-type(4) .kakiNaiyo dl dt {
	font-weight: bold;
	float: left;
	width: 90px;
	margin-right: 40px;
}
#flow ul li:nth-of-type(4) .kakiNaiyo dl dd {
	float: left;
	width: 350px;
}

@media screen and (max-width: 768px) {
	#flowContents {
		/*width: 90%;
		margin: 0 auto;*/
	}
	#flow .flowBox .tri_w {
		left: calc(50% - 35px);
	}
	#flow .lastTri .tri_w {
		left: calc(50% - 35px);
	}
	#flow ul li .liBox {
		width: 100%;
		padding: 0 8%;
		font-size: 15px;
	}
	#flow ul .liTop:first-of-type {
		padding-bottom: 30px;
	}
	#flow ul li h3 {
		font-size: 2rem;
		padding-top: 40px;
	}
	#flow ul li .flowText {
		padding-bottom: 30px;
	}
	
	#flow ul li:nth-of-type(4) {
		padding-bottom: 30px;
	}
	#flow ul li:nth-of-type(4) .kakiNaiyo {
	background-color: #fff;
	padding: 22px;
	font-size: 14px;
}
	#flow ul li:nth-of-type(4) .kakiNaiyo dl dt {
		float: none;
		width: 100%;
	}
	#flow ul li:nth-of-type(4) .kakiNaiyo dl dd {
		float: none;
		width: 100%;
	}
}
/*================================================================== 
    コンタクト
===================================================================*/
.recContact {
	margin-top: 100px;
}
@media screen and (max-width: 768px){
	.tel {
		width: 100%;
	}
}