@charset "Shift-JIS";

#nagare *{box-sizing: border-box;}
#nagare{width: 950px;margin: 0 auto}
#nagare .contents-item h2{margin-top: 5%;}
#nagare .nagarearea{padding: 2% 0;border-bottom: 1px solid #d0d3d5;}/*線で区切るとき*/
#nagare img{width:100%;}

/*-------------------------------------
PC
-------------------------------------*/

/*テキスト
-------------------------------------*/
/*読ませるテキスト*/
#nagare .contents-item p
{
	font-size: 17px;
	color: #434343;
	margin: 2% auto;
	padding: 0 2%;
}
#nagare .contents-item p.indent{
	padding: 0 4%;
}


#nagare .contents-item li
{
	color: #434343;
	margin: 2% auto 2% 35px;
}

#nagare .contents-item a,
#nagare .contents-item a:hover,
#nagare .contents-item a:visited{
	color: #3a76b2;
}

/*強調*/
#nagare .contents-item p .big{
	font-size: 19px;
	font-weight: bolder;
	color: #3a76b2;
}


/*中央揃え*/
#nagare .p_center{
	text-align: center;
	margin: 2% auto 2% 0 !important;
}



/*WEB予約・お電話・FAX予約
-------------------------------------*/
#nagare .call_number{
	background-color: #f2f2f2;
	width: 95%;
	margin: 2% auto 4% auto;
	display: flex;
	flex-direction: column;
    align-items: center;
	padding: 4% 0;
}

#nagare .call_number dt{
	font-size: 28px;
	color: #3a76b2;
	font-weight: bold;
}

#nagare .call_number dd{
	font-size: 25px;
	font-weight: normal;
}


#nagare .call_number .line{
	border-bottom: solid 3px #3a76b2;
	width: 77%;
	margin: 2% auto;
}

#nagare .call_number dd a{
	color: #3a76b2;
	font-weight: bold;
}

#nagare .call_number dd span{
	font-size: 20px;
	font-weight: 100;
}

/*WEB手順
-------------------------------------*/

#nagare .step{
	background-color: #f2f2f2;
	display: flex;
	flex-direction: row;
	/*align-items: center;*/
	padding: 4% 2%;
	width: 100%;
	margin-bottom: 5%;
}

#nagare .step li{
	width: 516px;
    margin: 10px 20px;
	position: relative;
}

#nagare .step li::after{
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: '\f054';
	color: #454545;
	font-size: 42px;
	font-weight: bold;
	top: 80px;
	right: -32px;
}

#nagare .step li:nth-child(3)::after{
	content: '';
}


/*電話手順
-------------------------------------*/
#nagare .step_number{
	background-color: #f2f2f2;
    text-align: center;
    padding: 3% 0;
}
#nagare .step_number dd{
	margin-bottom: 1%;
}

#nagare .step_number dd:last-child{
	margin-bottom: 0;
}


/*リンクボタン
-------------------------------------*/
#nagare .cate ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 3%;
}

#nagare .cate ul li{
	display: flex;
	justify-content: center;	
	position: relative;
	height: 95px;
	width: calc(98%/2);
	font-size: 26px;
	font-weight: bold;
	margin: 0 2% 2% 0;
	background-color: #4296d7;
	color: #fff;
	border: 5px solid #4296d7;
	border-radius: 10px;
	transition: 0.5s;
	align-items: center;
}

#nagare .cate ul li:nth-child(2n){
	margin: 0 0 2% 0;
}

#nagare .cate ul .bt_smalltxt{
	font-size: 22px;
}

#nagare .cate ul li:hover{
	background-color: #fff;
	color: #4296d7;
}

#nagare .cate ul li:after{
	font-family: "Font Awesome 5 Free";
	content: '\f054';
	margin: 1.5% 0 0 2%;
}

#nagare .cate ul li a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}




/*-------------------------------------
スマホ
-------------------------------------*/
@media (max-width: 1059px){
	#nagare{width: 100%;margin: 0 auto}



	#nagare .contents-item p{font-size: 4vw;margin: 2% auto 2% auto;padding: 2% 2% 2% 2%;}
	#nagare .contents-item p .big{font-size: 5vw;}/*強調*/

	#nagare .cate{
		width: 95%;
		margin: 0 auto;
	}

	#nagare .cate ul li{
		height: 18vw;
		font-size: 4vw;
		border: 3px solid #4296d7;
		border-radius: 5px;
		margin: 0 2% 2% 0;
		text-align: center;
	}


	#nagare .cate ul .bt_smalltxt{
		font-size: 3.8vw;
	}

	#nagare .cate ul li:hover{border: 3px solid #4296d7;}

	#nagare .smp_speace{margin-right: 4%;}/*改行でスペース開けたいとき*/
	#nagare .smp_speace2{margin-right: 5%;}/*改行でスペース開けたいとき*/
	#nagare .nagarearea{padding: 10% 0;}/*線で区切るとき*/


	/*WEB予約・お電話・FAX予約
	-------------------------------------*/
	#nagare .call_number{
		width: 95%;
		margin: 2% auto 7% auto;
		padding: 5% 0;
		text-align: center;
	}

	#nagare .call_number dt{
		font-size: 6vw;
		color: #3a76b2;
		font-weight: bold;
	}

	#nagare .call_number dd{
		font-size: 5.5vw;
		font-weight: normal;
	}


	#nagare .call_number .line{
		border-bottom: solid 2px #3a76b2;
		width: 90%;
		margin: 2% auto;
	}

	#nagare .call_number dd a{
		font-weight: bold;
		background: #3a76b2;
		border-radius: 50px;
		color: #fff;
		padding: 2% 0;
		width: 103%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: -10%;
		transition: 0.5s;
		border: solid 1px #3a76b2;
	}

	#nagare .call_number dd a:hover{
		background-color: #fff;
		color: #3a76b2;
		text-decoration: none;
	}

	#nagare .call_number dd span{
		font-size: 4vw;
		font-weight: 100;
	}

	/*WEB手順
	-------------------------------------*/

	#nagare .step{
		background-color: #f2f2f2;
		display: flex;
		flex-direction: column;
	}

	#nagare .step li{
		width: 95%;
		margin:0 auto 10% auto;
		position: relative;
	}

	#nagare .step li:nth-child(3){
		margin:0 auto 0 auto;
	}

	#nagare .step li::after{
		position: absolute;
		font-family: "Font Awesome 5 Free";
		content: '\f078';
		color: #454545;
		font-size: 12vw;
		font-weight: bold;
		top: 99%;
		right: calc(100% / 2 - 6%);
		z-index: 10;
	}

	/*電話手順
	-------------------------------------*/
	#nagare .step_number{
		padding: 3% 6%;
		text-align: left;
		font-size: 4vw;
	}
	#nagare .step_number dd{
		margin-bottom: 1%;
	}

	#nagare .step_number dd:last-child{
		margin-bottom: 0;
	}

	#nagare .step_number dd a{
		font-weight: bold;
		background: #3a76b2;
		border-radius: 50px;
		color: #fff;
		padding: 1% 7%;
		margin-bottom: 5%;
		transition: 0.5s;
		border: solid 1px #3a76b2;
		font-size: 3.5vw;
	}

	#nagare .step_number dd a:hover{
		background-color: #fff;
		color: #3a76b2;
		text-decoration: none;
	}



	/*手順見出し*/
	#nagare .contents-item h3{font-size: 5vw;margin: 2% auto 2% 2%;}
	#nagare .contents-item h3::before{padding: 0px 2vw 0.1vw 2vw;margin-right: 10px;}

	/*エクセルダウンロード*/
	#nagare .excel {margin: 15px auto 0 auto;}
	#nagare .excel ul{width: 100%;}
	#nagare .excel ul li{width: calc(92%/2 - 1%);font-size: 5vw;}



}