@charset "UTF-8";
/*----------
	/corporate/data/boardmember/
	会社情報 役員紹介
----------*/
/* スキルマトリックス */
.p-tb_boardmember01 {
	position: relative;
	width: 100%;
	max-width: 860px;
}
.p-tb_boardmember01 .c-table-scroll {
	display: inline-block !important;
}
.p-tb_boardmember01 .c-table__inner {
	overflow: auto;
	padding-bottom: 8px;
}
.p-tb_boardmember01 table th {
	text-align: center;
}
.p-tb_boardmember01 table td {
	background-color: #fff;
	text-align: center;
}
.p-tb_boardmember01 table th:nth-child(1),
.p-tb_boardmember01 table td:nth-child(1) {
	width: 142px;
}
.p-tb_boardmember01 table th:nth-child(2),
.p-tb_boardmember01 table td:nth-child(2) {
	width: 158px;
}
@media (max-width: 767px) {
	.p-tb_boardmember01 .c-table__inner {
		margin-right: -20px;
		margin-left: -20px;
	}
	.p-tb_boardmember01 .c-table__body {
		width: 1600px;
		padding-right: 20px;
		padding-left: 20px;
	}
}
@media (min-width: 768px), print {
	.p-tb_boardmember01 {
		width: calc(100vw - 400px);
	}
	.p-tb_boardmember01 .c-table__body {
		width: 1240px;
	}
}
@media (min-width: 1025px) {
	.p-tb_boardmember01:before {
		content: "";
		position: absolute;
		top: 57px;
		left: 0;
		display: block;
		width: 143px;
		height: calc(100% - 83px);
		border-right: 1px solid var(--color-border);
		border-left: 1px solid var(--color-border);
		pointer-events: none;
		z-index: 2;
	}
	.p-tb_boardmember01:after {
		content: "";
		position: absolute;
		top: 57px;
		left: 300px;
		display: block;
		width: 1px;
		height: calc(100% - 79px);
		background-color: var(--color-border);
		z-index: 2;
	}
	.p-tb_boardmember01 table th {
		text-align: center;
	}
	.p-tb_boardmember01 table td {
		background-color: #fff;
		text-align: center;
	}
	.p-tb_boardmember01 table th:nth-child(-n+2),
	.p-tb_boardmember01 table td:nth-child(-n+2) {
		position: sticky;
	}
	.p-tb_boardmember01 table th:nth-child(-n+2) {
		border-right: 1px solid var(--color-txt-caption);
	}
	.p-tb_boardmember01 table td:nth-child(-n+2) {
		border-right: 1px solid #fff;
	}
	.p-tb_boardmember01 table th:nth-child(1),
	.p-tb_boardmember01 table td:nth-child(1) {
		left: 0;
		width: 142px;
	}
	.p-tb_boardmember01 table th:nth-child(2),
	.p-tb_boardmember01 table td:nth-child(2) {
		width: 158px;
		left: 142px;
	}
}
@media (min-width: 1025px) and (max-width: 1240px) {
	.p-tb_boardmember01 {
		max-width: 100%;
		width: calc(100vw - 400px);
	}
	.p-tb_boardmember01 .c-table__body {
		width: 1240px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.p-tb_boardmember01 {
		max-width: 100%;
		width: 100%;
	}
	.p-tb_boardmember01:before, .p-tb_boardmember01:after {
		display: none;
	}
	.p-tb_boardmember01 table th:nth-child(-n+2),
	.p-tb_boardmember01 table td:nth-child(-n+2) {
		position: relative;
	}
	.p-tb_boardmember01 table th:nth-child(-n+2) {
		border-right: none;
	}
	.p-tb_boardmember01 table td:nth-child(-n+2) {
		border-right: none;
	}
}