@charset "utf-8";


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

lower.cssにある似た名前と被らないよう "u-" を付けてます。
------------------------------*/



/*================================
ページタイトル
================================*/
.page-title_wrap {
	background: url(img/page_ttl_bg.jpg)center/cover;
}

/*飾り、影*/
/*------------------------------*/
/*deco_frame01*/
.deco_frame01 {
	display: inline-block;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 6px 6px 0 #9bd5d8;
	box-shadow: 6px 6px 0 #9bd5d8;
}
.deco_frame01::after {
	position: absolute;
	content: "";
	background: url(img/deco01.png)center/contain no-repeat;
	width: 30%;
	height: 24%;
	top: 2%;
	right: -6%;
}
/*deco_frame02*/
.deco_frame02 {
	display: inline-block;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: -6px 6px 0 #9bd5d8;
	box-shadow: -6px 6px 0 #9bd5d8;
}
.deco_frame02::after {
	position: absolute;
	content: "";
	background: url(img/deco02.png)center/contain no-repeat;
	width: 25.5%;
	height: 25.5%;
	top: 3%;
	left: -6%;
}
/*deco_frame03*/
.deco_frame03 {
	display: inline-block;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: -6px 6px 0 #9bd5d8;
	box-shadow: -6px 6px 0 #9bd5d8;
}
.deco_frame03::after {
	position: absolute;
	content: "";
	background: url(img/deco03.png)center/contain no-repeat;
	width: 27.4%;
	height: 13.5%;
	bottom: 3%;
	right: -5%;
}
/*deco_frame04*/
.deco_frame04 {
	position: relative;
	z-index: 1;
}
.deco_frame04::before {
	position: absolute;
	content: "";
	background: url(img/deco04.png)center top/contain no-repeat;
	width: 7.8%;
	min-width: 36px;
	height: 109px;
	top: -12px;
	left: -5%;
}
.deco_frame04::after {
	position: absolute;
	content: "";
	background: url(img/deco04.png)center bottom/contain no-repeat;
	width: 7.8%;
	min-width: 36px;
	height: 109px;
	bottom: -12px;
	right: -5%;
}

/*名前*/
/*------------------------------*/
.staff_name {
	margin-bottom: 50px;
	color: #583c32;
}
.staff_name .post {
	display: inline-block;
	padding-right: 20px;
}
.staff_name .jp {
	display: inline-block;
	padding-right: 20px;
	font-size: 3rem;
}
.staff_name .en {
	display: inline-block;
}

/*経歴*/
/*------------------------------*/
.biography_title {
	margin-bottom: 30px;
}
.biography_title .word {
	display: inline-block;
	padding: 0 2em;
	background: #f0eed6;
	font-size: 2.2rem;
	text-align: center;
	color: #583c32;
}
.biography_dl {}
.biography_dl dt {
	float: left;
	width: 6em;
}
.biography_dl dd {
	padding-left: 6em;
}

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


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


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

	/*経歴*/
	/*------------------------------*/
	.biography_title {}
	.biography_title .word {}
	.biography_dl {}
	.biography_dl dt {
		float: none;
		width: 100%;
	}
	.biography_dl dd {
		margin-bottom: 10px;
		padding-left: 1em;
	}


}