@charset "utf-8";

/* 英語ページと共有のcssです */

/* 共通 */

:root {
	--main-color: #707070;
	--main-boder-color: #DEDEDE;
	--main-boder-bg:#F3F3F3;
	--main-scroll-color:#141E28;
	--accordion-bg: #647788;
}

.uq_mt_26 {
	margin-top: 26px;
}


.uq_mb_60 {
	margin-bottom: 60px;
}
.uq_mb_60-28 {
	margin-bottom: 60px;
}

.uq_mb_60-20 {
	margin-bottom: 60px;
}

.uq_mb_36-25 {
	margin-bottom: 30px;
}

.uq_mb_42-32 {
	margin-bottom: 42px;
}

.el_bold {
 font-weight: 600;
}

/* 役員紹介 */

.el_board_member_name_annotation {
	font-size: 0.8em;
	font-weight: 900;
}

.el_board_title {
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.bl_board_member_contents {
	display: flex;
	letter-spacing: 0.1em;
	line-height: 1.3;
}

.bl_board_member_contents_card {
	width: 50%;
	border-bottom: 1px var(--main-color) solid;
}

.bl_board_member_contents_card:nth-child(odd) {
	border-right: 1px var(--main-color) solid;
	padding-right: 30px;
}

.bl_board_member_contents_card:nth-child(even) {
	padding-left: 30px;
}

.el_board_member_name {
	font-size: 20px;
	margin-bottom: 9px;
}

.bl_board_member_profile_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 60px;
	margin-bottom: 30px;
}

.bl_board_member_profile_wrap p {
    margin-bottom: 11px;
	font-size: 16px;

}

.el_board_member_img {
	height: 174px;
	width: 150px;
}

.el_board_member_career_text {
	margin-bottom: 19px;
	margin-left: -10px;
}

.bl_year_number_wrap li {
    margin-bottom: 11px;
	display: flex;
	column-gap: 24px;
	font-size: 16px;
	line-height: 1.5;
}

.bl_year_number_wrap li:last-of-type {
	margin-bottom: 36px;
}

.el_year_number,
.el_affiliation {
	display: block;
	letter-spacing: 0px;
}

.el_year_number {
	width: 89px;
	text-wrap: nowrap;
}

.el_affiliation {
	flex: 1;
}

.el_reason_for_selection {
	margin-bottom: 36px;
	font-size: 16px;
}

.bl_operating_officer_wrap li {
	display: flex;
	gap: 24px;
	margin-bottom: 25px;
}

.el_operating_officer_name,
.el_operating_officer_text {
	display: block;
}

.el_operating_officer_name {
	width: 124px;
	text-wrap: nowrap;
	font-weight: 600;
}

.el_operating_officer_text {
	flex: 1;
}

@media screen and (max-width: 750px) {
	.uq_mb_60-28 {
		margin-bottom: 20px;
	}

	.uq_mb_60-20 {
		margin-bottom: 20px;
	}

	.uq_mb_36-25 {
		margin-bottom: 25px;
	}

	.uq_mb_42-32 {
		margin-bottom: 32px;
	}

	.el_board_member_img {
		height: 112px;
		width: 97px;
	}

	.bl_board_member_contents {
		flex-direction: column;
	}

	.bl_board_member_contents_card {
		width: 100%;
	}

	.bl_board_member_profile_wrap {
		padding-top: 30px;
		margin-bottom: 25px;
	}

	.bl_board_member_contents_card {
		border-bottom: none;
		border-top: 1px var(--main-color) solid;
	}

	.bl_board_member_contents_card:nth-child(odd) {
		border-right: none;
		padding-right: 0;
	}

	.bl_board_member_contents_card:nth-child(even) {
		padding-left: 0;
	}

	.bl_operating_officer_wrap li {
		flex-direction: column;
		gap: 16px;
		margin-bottom: 16px;
	}

}

/* 取締役・監査役の主な専門分野 */

.bl_board_member_table_wrap {
	width: 100%;
	overflow-x: auto;
	padding-bottom: 12px;
}

.bl_board_member_table_wrap::-webkit-scrollbar {
	height: 10px;
}

.bl_board_member_table_wrap::-webkit-scrollbar-track {
	background: fff;
}

.bl_board_member_table_wrap::-webkit-scrollbar-thumb {
	background: var(--main-scroll-color);
	border-radius: 4px;
}

.bl_board_member_table_wrap::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.bl_board_member_table {
	border-collapse: collapse;
	width: 1100px;
	min-width: 100%;
}

.bl_board_member_table th,
.bl_board_member_table td {

	border: solid 1px var(--main-boder-color);
}

.bl_board_member_table th {
	background-color: var(--main-boder-bg);
	text-align: center;
	height: 120px;
	font-size: 16px;
}

.bl_board_member_table td {
	height: 84px;
	text-align: center;
}
.bl_board_member_table th:first-of-type {
	width: 130px;
}

.bl_board_member_table th:nth-of-type(2){
	width: 81px;
}

.bl_board_member_table th:nth-of-type(3),
.bl_board_member_table th:nth-of-type(4),
.bl_board_member_table th:nth-of-type(5),
.bl_board_member_table th:nth-of-type(6),
.bl_board_member_table th:nth-of-type(7),
.bl_board_member_table th:nth-of-type(8),
.bl_board_member_table th:nth-of-type(9),
.bl_board_member_table th:nth-of-type(10){
	width: 110px;
	padding: 0 8px;
}


.bl_board_member_table .bl_board_member_table_tbody tr:nth-child(even) {
	background-color: #F5F9FC;
}

.bl_board_member_table .bl_board_member_table_tbody tr td:first-of-type {
	background-color: var(--main-boder-bg);
	text-align: start;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 600;
}

[alt="男性"],
[alt="女性"] {
	height: 40px;
	width: 13px;
	margin-inline: auto;
}

.bl_board_member_table_tbody td:nth-of-type(3) img {
	width: 66px;
	aspect-ratio: 1/1;
	margin-inline: auto;
	object-fit: cover;
}


/* 取締役会の構成等 */

.bl_board_of_directors_table_wrap {
	width: 100%;
	overflow-x: auto;
	padding-bottom: 12px;
}

.bl_board_of_directors_table_wrap::-webkit-scrollbar {
	height: 10px;
}

.bl_board_of_directors_table_wrap::-webkit-scrollbar-track {
	background: fff;
}

.bl_board_of_directors_table_wrap::-webkit-scrollbar-thumb {
	background: var(--main-scroll-color);
	border-radius: 4px;
}

.bl_board_of_directors_table_wrap::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.bl_board_of_directors_table {
	border-collapse: collapse;
	width: 1100px;
	min-width: 100%;
	font-size: 18px;
}

.bl_board_of_directors_table th,
.bl_board_of_directors_table td {
	border: 1px solid var(--main-boder-color);
	padding: 8px;
	text-align: center;
}

.bl_board_of_directors_table th {
	background-color: var(--main-boder-bg);
}

.uq_board_of_directors_first_item {
	background-color: var(--main-boder-bg);
	font-weight: 600;
	height: 158px;
}

.bl_board_of_directors_table_figure figcaption{
	margin-bottom: 10px;
	font-size: 16px;
}

.bl_board_of_directors_table_tbody img {
	margin-inline: auto;
}

.bl_board_of_directors_table_tbody [alt="社内取締役"]{
	height: 40px;
	width: 72px;
	margin-bottom: 20px;
}

.bl_board_of_directors_table_tbody [alt="社外取締役"]{
	height: 40px;
	width: 53px;
	margin-bottom: 20px;
}

.bl_board_of_directors_table_tbody [alt="社外監査役"]{
	height: 40px;
	width: 73px;
	margin-bottom: 20px;
}

.bl_board_of_directors_table_tbody [alt="取締役会における女性割合"],
.bl_board_of_directors_table_tbody [alt="社取締役会における女性割合"]{
	height: 84px;
	aspect-ratio: 1/1;
	margin-bottom: 11px;
}
.uq_board_of_directors_NumberOfPeople {
	height: 40px;
	padding-bottom: 0;
}


/* アコーディオン */

@media screen and (max-width: 750px) {
	.nav-open {
		position: relative;
	}

	.nav-open::before {/* 閉じている時 */
		content: "－";
		position: absolute;
		right: 21px;
		top: 10px;
		cursor: pointer;
		z-index: 1;
		color: white;
		transition: transform 0.3s;
	}

	.nav-open::after {
		content: "";
		position: absolute;
		right: 20px;
		top: 11px;
		height: 36px;
		width: 36px;
		background: var(--accordion-bg);
	}


	.nav-open.active::before{/* 開いている時 */
		content: "＋";
	}

	.nav-open.active {
		border-bottom: 1px solid #B2B2B2;
		padding-bottom: 32px;
	}
}

/* 英語ページ */

.nav-en-open::after {
	right: 17px;
}

.uq_en_mt_46 {
	margin-top: 46px;
}

.el_en_board_title,
.bl_en_board_member_contents,
.bl_en_board_member_content {
	letter-spacing: 0em;
}

.el_en_operating_officer_name {
	width: 200px;
	font-weight: 600;
}

[alt="men"],
[alt="women"] {
	height: 40px;
	width: 13px;
	margin-inline: auto;
}

.bl_board_of_directors_table_tbody [alt="Inside Directors"]{
	height: 40px;
	width: 72px;
	margin-bottom: 20px;
}

.bl_board_of_directors_table_tbody [alt="Outside Directors"]{
	height: 40px;
	width: 53px;
	margin-bottom: 20px;
}

.bl_board_of_directors_table_tbody [alt="Outside Auditors"]{
	height: 40px;
	width: 73px;
	margin-bottom: 20px;
}

.bl_board_of_directors_table_tbody [alt="Percentage of women on the board of directors"],
.bl_board_of_directors_table_tbody [alt="Percentage of women on corporate boards"]{
	height: 84px;
	aspect-ratio: 1/1;
	margin-bottom: 11px;
}

.bl_en_board_of_directors_table_thead {
	height: 124px;
}

.uq_en_oard_of_directors_first_item {
	height: 206px;
}

.bl_board_member_name_img_wrap {
	width: 275px;
	height: 40px;
	margin-inline: auto;
	margin-bottom: 20px;
}

.el_board_member_name_img {
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 275/40;
}