@import url('https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap');
/*-------------------------------------------------
  STAFF
-------------------------------------------------*/
.staff_flex {
-webkit-align-items: center;
align-items: stretch;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.staff_flex div.flex_c20{
	width: calc(20% - 20px);
	margin: 10px; margin-bottom:20px;
}
@media (max-width: 991px) {
	.staff_flex div.flex_c20{
		width: calc(25% - 20px);
		margin: 10px; margin-bottom:20px;
	}
}
@media (max-width: 540px) {
	.staff_flex div.flex_c20{
		width: calc(50% - 20px);
		margin: 10px; margin-bottom:20px;
	}
}



.staff_main{
	position:relative;
	background-image:url(../images/staff/main.jpg);
	background-size:cover;
	background-position: top center;
	width:100%;
	padding:30px 10px;
	text-align:center;
}
.staff_main_tit img{ width:180px; }
.staff_sns{
	float:left;
	margin-right:15px;
}
.staff_sns img{ width:30px; }
.archive_staff_posi{
	margin:0 auto;
	background-color:#719781;
	padding:4px 5px;
	text-align:center;
	display:block;
}
.archive_staff_posi_in{
	margin:0 auto;
	font-size:70%;
	line-height:1.3;
	color:#fff;
}
.archive_staff_tit{
	text-align:center;
	padding:10px 5px;
	font-size:110%; letter-spacing:1px;
}
.staff_copy{
	padding:20px 10px;
	font-size:135%;
	line-height:1.3;
	text-align:left;
	font-style: normal;
	font-weight: 500;
}
.staff_pic{ width:215px; height:auto; }

.staff_data{
	margin:0 auto;
	padding:20px;
	padding-top:0;
}
.staff_data_tit{
	border-top:2px solid #719781;
	border-bottom:1px solid #719781;
	color:#719781;
	font-size:105%;
	padding:4px;
	text-align:center;
	font-weight:700;
}
.staff_name{
	padding-bottom:10px;
	font-size:145%;
	line-height:1.5;
	text-align:left;
	color:#719781;
}
.en_name{
	text-align:left;
	font-size:60%;
	padding-left:15px;
	color:#719781;
}
.staff_position{
	padding-bottom:5px;
	text-align:left;
	font-size:90%;
	color:#719781;
}
.salons_icon{ background-color:#719781; color:white; padding:3px 6px; text-align:center; margin-right:4px; font-size: 90%;}
.staff_message_tit{
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	font-size:120%;
	line-height:1.3;
	text-align:left;
	color:#719781;
	font-weight:bold;
}
.staff_message{
	margin:0;
	padding-bottom:10px;
	font-size:100%;
	line-height:1.4;
	text-align:left;
}
table.staff_cap{
	width:100%;
	margin-top:8px;
	font-size:100%;
	line-height:1.4;
	text-align:left;
	font-weight:200;
}
table.staff_cap tr { border-bottom:1px dotted #aaaaaa; }
table.staff_cap tr.noline { border-bottom:0px dotted #aaaaaa; }

table.staff_cap th {
	padding:10px;
	text-align:left;
	vertical-align:top;
}
table.staff_cap td {
	padding:10px;
	text-align:left;
	vertical-align:top;
}
.staff_nav_tit{
	margin:0 auto;
	margin-bottom:10px;
	background-color:#719781;
	padding:4px 15px;
	text-align:center;
	font-size:100%;
	color:#fff;
	display:block;
}
.staff_nav{
	margin-top:0px;
	padding:0;
}
.staff_nav ul{
	margin: 0;
	padding: 0;
}
.staff_nav li{
	border:1px solid #719781;
	padding:8px 12px;
	text-align:center;
	font-size:100%;
	list-style-type: none;
	line-height:1.5;
	float: left;
	display: table;
	margin: 5px;
	color: #719781;
}
.staff_nav li a:link { color: #719781; text-decoration: none; }
.staff_nav li a:visited { color: #719781; text-decoration: none; }
.staff_nav li a:active { color: #719781; text-decoration: none; }
.staff_nav li a:hover { opacity:0.4; }

a.staff_bot{
	margin:0 auto;
	margin-bottom:10px;
	background-color:#5E4D42;
	padding:4px 15px;
	text-align:center;
	font-size:100%;
	color:#fff;
	display:block;
}
a.staff_bot:hover{ opacity:0.8; }

/* タブレット向け：739px〜1023px */
@media screen and (min-width: 739px) ,print{
/* STAFF */
	.staff_main_tit img{ width:240px; }
	.archive_staff_posi{ padding:4px 20px; }
	.archive_staff_posi_in{ font-size:80%; }

	.staff_copy{
		padding:20px 10px;
		font-size:175%;
		line-height:1.6;
		text-align:center;
	}
	.staff_pic{ width:auto; }
	.staff_message{
		font-size:110%;
		line-height:1.6;
	}
}


/* PC向けレイアウトの指定：1024px以上では固定レイアウト */
@media screen and (min-width: 1024px) ,print{/* STAFF */
	.staff_copy{
		padding:20px 10px;
		font-size:200%;
		line-height:1.6;
		text-align:center;
	}
	.staff_pic{ width:auto; }
	.staff_message{
		font-size:110%;
		line-height:1.6;
	}
}


.staffeye_en_name{
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
font-size:17px;
transform: rotate(-0.01turn);
color:#b1a28f;
  letter-spacing: 0;
  margin-bottom:-4px;
}
.staffeye_name{
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
font-size:20px;
color:#b1a28f;
font-weight:600;
}