@charset "utf-8";
/*================================
ここから全サイズ適用
================================*/



/*------------------------------
.u-〇〇 …… 下層ページ固有のclass名

lower.cssにあるclass名と被らないよう
接頭文字として "u-" を付けてます。
uniqueの略。
------------------------------*/




/*================================
メインビジュアル
===============================*/
.main-visual {
	background: url(img/mv_bg.jpg)center/cover no-repeat;
}

/*================================
共通パーツ
================================*/

/*タイトル*/
/*-----------------------------*/
.u-title01 {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-family: "Noto Serif JP", serif;
	font-size: 2rem;
	text-align: left;
	line-height: 1.6;
	color: #7f0707;
}
.u-title01::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	bottom: 0;
	width: 2.5rem;
	height: 1px;
	background: #7f0707;
}

/*バナー*/
/*-----------------------------*/
.pickup_link {
	display: block;
	width: fit-content;
	margin: auto;
	transition: .4s;
}
.pickup_link:hover {
	filter: brightness(104%);
	opacity: 0.8;
}

/*役職、名前*/
/*-----------------------------*/
.u-staff_name {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	flex-flow: row wrap;
	gap: 0 3rem;
}
.u-staff_name_job {
	width: 100%;
	font-family: "Noto Serif JP", serif;
	font-size: 2.2rem;
	line-height: 1.6;
	color: #7f0707;
}
.u-staff_name_jp {
	font-family: "Noto Serif JP", serif;
	font-size: 3rem;
	line-height: 1.6;
}
.u-staff_name_en {
	font-family: "Noto Serif JP", serif;
	font-size: 2.2rem;
	line-height: 1.6;
}

/*================================
セクション
===============================*/

/*-----------------------------*/


/*================================
TABLET横 1080px～0px
================================*/
@media (max-width: 1080px) {}


/*================================
TABLET縦 834px～0px
================================*/
@media (max-width: 834px) {}


/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px) {}