@charset "UTF-8";
/*==============
    paage flow
================*/
@media screen and (min-width: 769px) {

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


/* ------------------------------
    flow1
------------------------------ */
.flow1{
	margin-bottom: 82px;
}
.img_chart{

}

@media screen and (max-width: 768px) {
	.flow1{
		width: 87%;
		margin-bottom: 20vw;
	}
	.flow1 .ttl1{
		margin-bottom: 11.2vw;
	}
}



/* ------------------------------
    flow2
------------------------------ */
.flow2{
	padding-bottom: 72px;
}
.flowli{

}
.flowli li{

}
.flowli li .ttl{
	background: #4D4D4D;
	color: #fff;
	font-size: 2.6rem;
	line-height: 1;
}
.flowli li .ttl p{
	
}
.flowli li .txt{
	background: #fff;
	padding: 24px 37px;

}
.flowli li .txt p{
	line-height: 1.5;
	font-size: 1.4rem;
}
.flowli li+li{
	margin-top: 60px;
}

@media screen and (min-width: 769px) {
	.flowli li{
		display: flex;
		min-height: 117px;
	}
	.flowli li .ttl{
		width: 316px;
		display: flex;
		align-items: center;
		padding-left: 30px;
	}
	.flowli li .txt{
		flex: 1;
	}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
}
@media screen and (max-width: 768px) {
	.flow2{
		padding-bottom: 20vw;
		width: 82.7%;
	}
	.flow2 .ttl1{
		margin-bottom: 22vw;
	}
	.flowli{
	}
	.flowli li{
	}
	.flowli li .ttl{
		font-size: 3.2vw;
		padding: 2.6vw 4.2vw;
	}
	.flowli li .ttl p{
	}
	.flowli li .txt{
		padding: 3.2vw 4.2vw 4.6vw;
	}
	.flowli li .txt p{
		line-height: 1.35;
		font-size: 3.2vw;
	}
	.flowli li+li{
		margin-top: 5.8vw;
	}
}




/* ------------------------------
    
------------------------------ */
.{
}
. .txt{
}
. .img{
}
.:before,.:after{
	content: "";
	display: block;
	position: absolute;
}
.:before{
	content: "";
	display: block;
	position: absolute;
}
.:before{

}
.:after{
	
}
/*---- --------------------*/
@media screen and (min-width: 769px) {

}
@media screen and (min-width: 769px) and (max-width: 1280px) {
}
@media screen and (max-width: 768px) {
}