/* --------メインここから-------- */


	
.lead {
	margin-bottom: 50px;
		display: block;
	text-align: center;
}
	
.displayflex {
		display: flex;

	}
	
h2 {
	margin: 10px 0 25px 0 ;
	padding-left: 17px;
	font-size: 23px;
	border-left:3px solid #03004c;
	line-height: 1.25;

}
	
	.sec01 {
		height: 100%;
		width: 680px;
		float: left;
	}
	
	.sec02 .sec_inner{
		margin-bottom: 0;
		height: 100%;
		width: 320px;
	}
	

	
	.text1,
	.text2,
	.text3,
	.text4,
	.text5,
	.text6,
	.text7,
	.text8,
	.text9{
		padding-bottom: 30px;
	}
	

	.sec02 img{
		padding-bottom: 35px;
	}

	


/* --------メインここまで-------- */


/* --------レスポンシブ ここから-------- */
@media screen and (max-width: 767px) { /*ウィンドウ幅が767pxまでの場合に適用*/

	
.lead {
	text-align: left;
}
	
.displayflex {
	display: block;
}

.h2 {
	width: 95%;
	padding-left: 5%;
}

.sec01 {
	width: 100%;
}
	
.sec02 .sec_inner{
	width: 100%;
	text-align: center;;
}


}
/* --------レスポンシブ ここまで-------- */