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

article{
}


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

.displayflex {
	display: flex;

}




.h2 {
	margin-bottom: 25px;
	padding-left: 17px;
	font-size: 23px;
	border-left:3px solid #001c58;
	line-height: 1.25;

}

.h2 span {
	font-size: 30px;	
}

.sec01 {
	margin-bottom: 70px;
}

.sec02 {
	margin-bottom: 70px;
}

.name {

	width: 680px;
	display: flex;
	align-items: center;

}

.photo {	
	width: 320px;
	
}

.photo img {
	width: 320;
	height: 180;
	margin-left: auto;	
}

.carrer {
	width: 320px;
	padding: 0 50px 0 0;
}

.message {
	width: 650px;
}



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



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

.lead {
	text-align: left;
}

.displayflex {
	display: block;
}

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

.h2 .responsive_fontsize_1 {
	font-size: 30px;	
}

.h2 .responsive_fontsize_2 {
	font-size: 20px;
}

.sec01 {
	margin-bottom: 70px;
}

.sec02 {
	margin-bottom: 70px;
}

.name {
	width: 100%;
	display: block;
	align-items: center;
}

.photo {	
	width: 320px;
	margin: 0 auto;
}

.carrer {
	width: 100%;
	margin: 25px 0;
	padding: 0;
}

.message {
	width: 100%;
}


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