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



/* ========================================================================== */
/* TOP
   ========================================================================== */


/*タイトル*/
#flow_ttl {
	/*position: fixed;*/
	position: relative;
	width: 100%;
	padding: 80px 0;
	margin-top: 110px;
	/*background-size:contain;*/
}
	#flow_ttl h1 {
		width: 90%;
		text-align: center;
		margin: 0 auto 30px;
		font-weight: 600;
		line-height: 1.6;
		font-size: 16px;
	}
		#flow_ttl h1 span {
			width: 90%;
			text-align: center;
			margin: 0 auto;
			font-size: 48px;
			font-weight: normal;
			line-height: 1.8;
			letter-spacing: .05em;
			display: block;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#flow_ttl p {
		width: 90%;
		margin: 0 auto;
		text-align: center;
		font-size: 18px;
		line-height: 1.6;
		letter-spacing: .05em;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
		color: #333333;
	}
	


/*各種流れ*/
.flow_box {
	position: relative;
	width: 100%;
	/*margin-bottom: 80px;*/
	padding: 0;
}
	.flow_box div.fl_in {
		position: relative;
		max-width: 920px;
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
	}
	.flow_box div.fl_in h2 {
		width: 100%;
		font-size: 24px;
		margin: 0 auto 30px;
		padding: 10px;
		font-weight: 600;
		line-height: 1.2;
		text-align: center;
	}
	.flow_box div.fl_in h2.fl_ttlcol01 { color: #333333; background: #f3f3f3;}
	.flow_box div.fl_in h2.fl_ttlcol02 { color: #333333; background: #cccccc;}
	.flow_box div.fl_in h2.fl_ttlcol03 { color: #FFFFFF; background: #222222;}
	
	.flow_box div.fl_in div.fl_in_box {
		padding-bottom: 30px;
		background: url(../img/flow/fl_b_m.png) no-repeat center bottom;
	}
	.flow_box div.fl_in div.fl_in_box div {
		width: 100%;
		padding: 35px 40px;
		border: 4px solid #DDDDDD;
	}
		.flow_box div.fl_in div.fl_in_box div dl {
			font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
		}
		.flow_box div.fl_in div.fl_in_box div dl dt {
			font-size: 24px;
			color: #333333;
			margin-bottom: 15px;
			letter-spacing: 0.05em;
			/*font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;*/
		}
		.flow_box div.fl_in div.fl_in_box div dl dd { font-size: 16px; line-height: 1.6;}
		
		.flow_box div.fl_in div.fl_in_box div ul {
			width: 520px;
			list-style: none;
			padding: 20px 0 0 0;
		}
				.flow_box div.fl_in div.fl_in_box div ul li.tel {
					width: 49%;
					margin-right: 1%;
					float: left;
					
					font-family: "bebas", sans-serif;
					font-weight: normal;
					letter-spacing: .06em;
					font-size: 28px;
					text-align: left;
					color: #be0008;
				}
				.flow_box div.fl_in div.fl_in_box div ul li.tel span { font-size: 20px;}
				.flow_box div.fl_in div.fl_in_box div ul li.tel p {
					font-size: 12px;
					color: #666666;
					padding: 8px 0 0 0;
					letter-spacing: normal;
					font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
				}
				.flow_box div.fl_in div.fl_in_box div ul li.btn {
					width: 49%;
					margin-left: 1%;
					float: left;
				}
				.flow_box div.fl_in div.fl_in_box div ul li.btn a {
					font-size: 16px;
					color: #FFFFFF;
					text-decoration: none;
					text-align: center;
					background: #be0008;
					border-radius: 3px;        /* CSS3草案 */  
					-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
					-moz-border-radius: 3px;   /* Firefox用 */
					display: block;
					padding: 16px 0;
					font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
					
					background: -moz-linear-gradient(top left, #be0008, #a00007); 
					background: -webkit-linear-gradient(top left, #be0008, #a00007); 
					background: linear-gradient(to bottom right, #be0008, #a00007);
		
				}
				.flow_box div.fl_in div.fl_in_box div ul li.btn a:hover {
					filter:alpha(opacity=70);
					-moz-opacity: 0.7;
					opacity: 0.7;
				}

.text_area {
	max-width: 920px;
	width: 100%;
	font-size: 16px;	
	margin: 0 auto;
}
.flow_fcon {
	margin-bottom: 80px !important;
}
.bk_none {
	background: none !important;
}


	
@media screen and (max-width: 1024px) {


/*タイトル*/
#flow_ttl { padding: 8% 0;}
	#flow_ttl h1 span { font-size: 42px; line-height: 1.8;}
	#flow_ttl p { font-size: 16px; line-height: 1.8;}


	
/*各種流れ*/
.flow_box {
	width: 92%;
	margin: 0 auto 20px;
}
	.flow_box div.fl_in div.fl_in_box div {
		padding: 30px;
	}
	


	.pc-only { display: none !important; }
		
}



@media screen and (max-width: 480px) {


/*タイトル*/
#flow_ttl { padding: 10% 0;}
	#flow_ttl h1 span {
		margin: 0 auto 10px;
		font-size: 36px;
		line-height: 1.4;
		text-align: center;
	}
	#flow_ttl p {
		font-size: 14px;
		line-height: 1.6;
		text-align: left;
	}

/*各種流れ*/
.flow_box {
	width: 92%;
	margin: 0 auto 20px;
}
	.flow_box div.fl_in h2 {
		font-size: 20px;
		margin: 0 auto 20px;
	}
	.flow_box div.fl_in div.fl_in_box div {
		padding: 30px 25px;
	}
		.flow_box div.fl_in div.fl_in_box div dl dt { font-size: 20px;}
		.flow_box div.fl_in div.fl_in_box div dl dd { font-size: 14px; line-height: 1.4;}
		.flow_box div.fl_in div.fl_in_box div ul {
			width: 100%;
			list-style: none;
		}
				.flow_box div.fl_in div.fl_in_box div ul li.tel {
					width: 100%;
					float: none;
					text-align: center;
					margin-bottom: 15px;
				}
				.flow_box div.fl_in div.fl_in_box div ul li.btn {
					width: 100%;
					float: none;
					margin: 0 auto;
					text-align: center;
				}


.text_area {
	font-size: 14px;
}

.pc-only { display: none !important; }

}