@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

.outlineBox {
}
	.outlineBox .companyImgBox {
	}
		.outlineBox .companyImgBox .thum_img {
			width: 33.3333%;
		}
	.outlineBox .list_officer {
	}
		.outlineBox .list_officer dt {
			width: 11em;
			float: left;
		}
		.outlineBox .list_officer dd {
			padding-left: 9em;
		}
	.outlineBox .list_qualification {
		margin-bottom: 20px;
	}
		.outlineBox .list_qualification dt {
			font-weight: bold;
		}
		.outlineBox .list_qualification dd {
			margin-bottom: 10px;
		}
	.outlineBox .list_company {
	}
		.outlineBox .list_company li {
			padding: 0 0 5px 1em;
			text-indent: -1em;
		}
		.outlineBox .list_company li:before {
			content: "・";
		}
	.outlineBox .tbrNormal {
		margin-bottom: 15px;
	}

.pageTitle {
	background-image: url(/images/company/bg_pageTitle.jpg);
}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:768px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.outlineBox .tbrNormal {
}
	.outlineBox .tbrNormal tr th {
		width: 17%;
	}
	.outlineBox .tbrNormal tr td {
		width: 83%;
	}


}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.outlineBox {
}
	.outlineBox .flexible_x_type01 {
		justify-content: space-between;
		flex-wrap: nowrap;
		font-size: 1.4rem;
	}
		.outlineBox .list_company:not(:last-child) {
			padding-right: 30px;
		}
	.outlineBox .tbrNormal {
		margin-bottom: 30px;
	}
		.officeBox #mapBox {
			height: 380px;
		}


}



/* 251024追加 */
/* 既存の .outlineBox .list_company li スタイルを置き換え */
.outlineBox .list_company_dl dd {
	padding: 0 0 5px 1em;
	text-indent: -1em;
	margin-left: 0; /* ddタグのデフォルトマージンをリセット */
}
.outlineBox .list_company_dl dd:before {
	content: "・";
}

/* 見出し（dt）のスタイル */
.outlineBox .list_company_dl dt {
	font-size: 125%;
	font-weight: bold;
	margin: 10px 0 5px;
}
/* 最初の見出しの上に余計なマージンがつかないようにする */
.outlineBox .list_company_dl dt:first-of-type {
	 margin-top: 0;
}


/* -------------------------- */
/* 1024px以上（PC）のスタイル */
/* -------------------------- */

@media only screen and (min-width: 1024px) {

	/* 既存の .flexible_x_type01 スタイルを削除し、以下を追加 */
	.outlineBox .client_list_wrapper {
		column-count: 2; /* リストを2カラムに自動分割 */
		column-gap: 30px;  /* カラム間の隙間を指定 */
		font-size: 1.4rem;
	}
	
	/* カラムの途中で見出しや項目が分割されないようにする */
	.outlineBox .list_company_dl dt,
	.outlineBox .list_company_dl dd {
		break-inside: avoid;
		page-break-inside: avoid;
	}
	
	/* new_column クラスが付いた要素の前で、カラムを強制的に分割する */
	.outlineBox .list_company_dl .new_column {
		break-before: column;  /* この指定でカラムが分割されます */
		margin-top: 0;         /* 2カラム目の先頭になるため、上の余白をリセット */
	}

	/* .outlineBox .list_company:not(:last-child) のスタイルは不要になるので削除 */
	
	/* ... （他の 1024px スタイルはそのまま） ... */
}