/* ========================================
   会社概要ページ専用スタイル
   （共通のレイアウトは global.css を参照）
   ======================================== */

/* このページはタイトル画像を中央寄せにする */
.page-title {
	text-align: center;
}

.page-title img {
	margin: 0 auto;
}

/* 会社概要テーブル */
#gaiyo {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	    font-size: 1rem;
}

#gaiyo .set {
	display: flex;
	align-items: stretch;
	width: 100%;
	margin: 0;
	padding: 0;
}

#gaiyo .title {
	flex: 0 0 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 40px 10px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	background-color: #e4e0e0;
	/* border-left: 2px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC; */
}

#gaiyo .tex {
	flex: 1;
	display: flex;
	align-items: center;
	/* margin: 0 0 0 1px; */
	padding: 12px 16px;
	text-align: left;
	line-height: 1.6;
	background-color: #F7F7F7;
	/* border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC; */
}

#gaiyo .tex p {
	margin: 0;
	line-height: 1.6;
}
/* 
#gaiyo .set:first-child .title,
#gaiyo .set:first-child .tex {
	border-top: 1px solid #CCCCCC;
} */



/* ========================================
   レスポンシブ調整
   ======================================== */

@media screen and (max-width: 500px) {
	#gaiyo .set {
		flex-direction: column;
	}

	#gaiyo .title {
		flex: 1 1 auto;
		padding: 1rem;
		width: 100%;
		border-left: none;
		border-top: 2px solid #CCCCCC;
	}

	
	#gaiyo .tex {
		width: 100%;
		/* margin: 0;
		border-left: 1px solid #CCCCCC; */
	}

	#gaiyo .set:first-child .title {
		border-top: 1px solid #CCCCCC;
	}
}