@charset "UTF-8";
/********************************************************************************

page-message.css　メッセージページcss

********************************************************************************/

/*============================================================
 セクション共通
*============================================================*/
#page-message .section {
}

/*============================================================
 採用メッセージ
*============================================================*/
#page-message #sec-message {
	margin-bottom: 80px;
}
#page-message #sec-message .block {
	gap: 40px;
	margin-bottom: 80px;
}
#page-message #sec-message .block .image {
	width: 36%;
	margin-bottom: 0;
}
#page-message #sec-message .block .info {
	width: 59%;
}
#page-message #sec-message .block .info p {
	line-height: 1.8;
	color: var(--common-color-main);
}
#page-message #sec-message .image-list {
	gap: 50px;
}
#page-message #sec-message .image-list .item {
	width: 30%;
}

/*============================================================
 求める人物像
*============================================================*/
#page-message #sec-person .inner {
}
#page-message #sec-person .list {
}
#page-message #sec-person .list .item {
	padding-bottom: 32px;
	border-bottom: 1px solid #D3D3D3;
	margin-bottom: 48px;
}
#page-message #sec-person .list .item p {
	font-size: 24px;
	color: var(--common-color-main);
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1048px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
	
	#page-message #sec-message .block {
		gap: 32px;
	}
	
	#page-message #sec-message .image-list {
		gap: 24px;
	}
	
    

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
     セクション
    *============================================================*/
	#page-message #sec-message .block {
		flex-direction: column;
		align-items: center;
	}
	#page-message #sec-message .block .image {
		width: 100%;
	}
	#page-message #sec-message .block .info {
		width: 100%;
	}
	
	#page-message #sec-message .image-list .item {
		width: 45%;
	}
	
	#page-message #sec-person .list .item {
		padding-bottom: 20px;
		margin-bottom: 32px;
	}
	#page-message #sec-person .list .item p {
		font-size: 20px;
		line-height: 1.6;
	}

}