@charset "utf-8";
/*▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼*/
/* 固有スタイル */
/*▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼*/

/*------------------------------*/
.header_image_box {
	width:100%;
	height:300px;
	background-image:url("/image/leadership_list_header_image.webp");
	background-size:cover;
	background-position:top center;
	position: relative;
}

/* ヘッダー内リンクボタン */
.header_image_button {
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: #ff0000;
	width: calc(100% - 40px);
	max-width: 250px;
	padding: 10px 20px;
	color: #ffffff;
	overflow: hidden;
	z-index: 1;
	transition: 0.3s;
	box-sizing: border-box;
}

.header_image_button::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #b90000;
	z-index: -1;
	transform: translateX(100%);
	transition: transform 0.3s;
}

.header_image_button:hover::before {
	transform: translateX(0);
}
/* ヘッダー内 [>] アイコン*/
.header_image_button_right {
	float:right;
	transition: 0.3s;
}
.header_image_button:hover .header_image_button_right {
	transform: translateX(5px);
}


/*------------------------------*/
/* 役職名枠 */
.position_frame {
	font-size:20px;
	letter-spacing: 0.3em;
	font-weight:bold;
	background: linear-gradient(to right, #4caf50, #ffeb3b);
	padding:5px 10px;
}

/*------------------------------*/
/* HRの隙間調整 */
.hr_padding {
	margin: 3px 0px;
	padding: 0px;
}

/*------------------------------*/
/* 上寄せ専用の調整クラス */
.valign_top {
	vertical-align: top !important;
}