@charset "utf-8";

/***************************************************************************
*
* PEOPLE STYLE
*
***************************************************************************/
#main{
	background: #F2F4F8;
}

/*.areaPresident*/
.areaPresident {
	padding: 16px 0 61px;
	background: #F2F4F8;
}
.areaPresident .areaTitle {
	margin-bottom: 37px;
}
.areaPresident .boxPresident {
	display: flex;
	justify-content: space-between;
}
.areaPresident .boxPresident .imagePresident {
	width: 367px;
    background: #fff;
    border-radius: 20px;
}
.areaPresident .boxPresident .boxMessage {
	width: calc(100% - (366px + 37px) );
	margin-top: -8px;
}
.areaPresident .boxPresident .boxMessage .messagePresident {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 27px;
	text-align: justify;
}
.areaPresident .boxPresident .boxMessage .signPresident {
	text-align: right;
	padding-right: 4px;
}
.areaPresident .boxPresident .boxMessage .signPresident .sign{
		display: inline-block;
		width: 297px;
	}
/*ENDareaPresident*/

/*.areaStaff */
.areaStaff {
	padding: 56.4px 0 40px;
}
.areaStaff .inner{
	width: 1200px;
	margin: 0 auto;
}
.areaStaff .areaTitle {
	margin-bottom: 45px;
}
.areaStaff .boxStaff {

}

.areaStaff .boxStaff li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 48px;
}
.areaStaff .boxStaff li .detailStaff {
	width: calc(100% - 708px);
	padding-left: 100px;
}
.areaStaff .boxStaff li .imageStaff {
	width: 655px;
}

.areaStaff .boxStaff li:nth-child(even){
	flex-direction:	row-reverse;
}
.areaStaff .boxStaff li:nth-child(even) .detailStaff {
	padding-right: 100px;
	padding-left: 0;
}



.areaStaff .boxStaff li .detailStaff .positionStaff {
	font-size: 32px;
	color: #001B6A;
	text-align: center;
	margin-bottom: 17px;
	letter-spacing: 1.7px;
}
.areaStaff .boxStaff li .detailStaff .textStaff {
	font-size: 16px;
	line-height: 2;
	text-align: justify;
}
/*END.areaStaff */

@media (max-width: 768px){

	/*areaPresident*/
	.areaPresident {
		padding: 30px 0 40px;
	}
	.areaStaff .areaTitle,
	.areaPresident .areaTitle{
		margin-bottom: 40px;
	}
	.areaPresident .boxPresident {
		flex-direction: column;
	}
	.areaPresident .boxPresident .boxMessage{
		width: 100%;
		margin-top: 0;
	}
	.areaPresident .boxPresident .boxMessage .messagePresident {
	    font-size: 14px;
	    line-height: 1.8;
	    margin-bottom: 20px;
	    text-align: justify;
	}
	.areaPresident .boxPresident .boxMessage .signPresident .sign{
		display: inline-block;
		width: 235px;
	}
	.areaPresident .boxPresident .imagePresident {
		width: 100%;
		margin-bottom: 20px;
	}
	.areaStaff{
		padding: 30px 0 40px;
	}
	.areaStaff .inner {
		width: 100%;
        padding: 0 4%;
	}
	.areaStaff .boxStaff li:nth-child(even),
	.areaStaff .boxStaff li {
		flex-direction: column;
		margin-bottom: 40px;
	}
	.areaStaff .boxStaff li .detailStaff,
	.areaStaff .boxStaff li .imageStaff{
		width: 100%;
	}
	.areaStaff .boxStaff li:nth-child(even) .detailStaff,
	.areaStaff .boxStaff li .detailStaff {
		margin: 0 0 20px;
		padding: 0;
	}
	.areaStaff .boxStaff li .detailStaff .positionStaff{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.areaStaff .boxStaff li .detailStaff .textStaff{
		font-size: 14px;
		line-height: 1.8;
	}
}