#staff {
	margin: 0 0 32px;
}
#staff_view {
	padding: 32px 0;
	text-align: center;
}
#staff_view h1 {
	margin: 0 0 8px;
	color: #1F0B01;
}
#staff_view h1 span {
	font-size: 22px;
}
#staff_view h1 img {
	margin-top: 8px;
	zoom: .5;
}
#staff_view h1 + p {
	font-size: 11px;
	margin: 0 0 40px;
	padding: 0 16px;
}
@media screen and (min-width: 768px) {
	#staff {
		margin: 0 0 80px;
	}
	#staff_view h1 {
		margin: 0 0 8px;
		padding: 0 0 32px;
		background: url(../../common/img/staff/mouton_staff_pc.png) no-repeat;
		background-position: bottom center;
	}
	#staff_view h1 span {
		font-size: 44px;
	}
	#staff_view h1 + p {
		font-size: 14px;
		margin: 0 0 72px;
		padding: 0;
	}
	p.contact_btn.web.page a {
	    padding: 30px 0 0 80px;
	}
}
#staff_page_navi {
	background: url(../../common/img/staff/line_ground.png) no-repeat;
	background-size: 823px;
	background-position: bottom 36px center;
}
#staff_page_navi ul {
	position: relative;
	margin: 0 auto;
}
#staff_page_navi li {
	display: inline-block;
	width: 22%;
	margin: 0 1%;
}
#staff_page_navi li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 100%;
	max-width: 69px;
	height: 167px;
	margin: 0 auto;
	transition: all 0s;
}
#staff_page_navi li a:hover {
	opacity: 1;
}
#staff_page_navi li:first-child a {
	background: url(../../common/img/staff/staff1_sp.png) no-repeat;
	background-size: 50px;
	background-position: bottom center;
}
#staff_page_navi li:nth-child(2) a {
	background: url(../../common/img/staff/staff2_sp.png) no-repeat;
	background-size: 45px;
	background-position: bottom center;
}
#staff_page_navi li:nth-child(3) a {
	background: url(../../common/img/staff/staff3_sp.png) no-repeat;
	background-size: 68.5px;
	background-position: bottom center;
}
#staff_page_navi li:nth-child(4) a {
	background: url(../../common/img/staff/staff4_sp.png) no-repeat;
	background-size: 41.5px;
	background-position: bottom center;
}
@media screen and (min-width: 768px) {
	#staff_page_navi {
		background-size: auto;
		background-position: bottom 100px center;
	}
	#staff_page_navi ul::before {
		content: '';
		position: absolute;
		display: block;
		width: 177px;
		height: 107px;
		left: 16px;
		bottom: 128px;
		background: url(../../common/img/staff/obj_mouton_staff.png) no-repeat;
	}
	#staff_page_navi ul::after {
		content: '';
		position: absolute;
		display: block;
		width: 60px;
		height: 61px;
		right: 96px;
		bottom: 112px;
		background: url(../../common/img/staff/obj_sheep.png) no-repeat;
	}
	#staff_page_navi li {
		width: 140px;
		margin: 0 1%;
	}
	#staff_page_navi li a {
		position: relative;
		display: block;
		white-space: nowrap;
		overflow-x: hidden;
		text-indent: 100%;
		max-width: 137px;
		height: 360px;
		margin: 0 auto;
	}
	#staff_page_navi li:first-child a {
		background: url(../../common/img/staff/staff1_pc.png) no-repeat;
		background-size: auto;
		background-position: bottom 34px center;
	}
	#staff_page_navi li:nth-child(2) a {
		background: url(../../common/img/staff/staff2_pc.png) no-repeat;
		background-size: auto;
		background-position: bottom 34px center;
	}
	#staff_page_navi li:nth-child(3) a {
		background: url(../../common/img/staff/staff3_pc.png) no-repeat;
		background-size: auto;
		background-position: bottom 34px center;
	}
	#staff_page_navi li:nth-child(4) a {
		background: url(../../common/img/staff/staff4_pc.png) no-repeat;
		background-size: auto;
		background-position: bottom 34px center;
	}
	#staff_page_navi li:first-child a:hover {
		background: url(../../common/img/staff/staff1_pc_hover.png) no-repeat;
		background-size: auto;
		background-position: bottom 34px center;
	}
	#staff_page_navi li:nth-child(2) a:hover {
		background: url(../../common/img/staff/staff2_pc_hover.png) no-repeat;
		background-size: auto;
		background-position: bottom 34px center;
	}
	#staff_page_navi li:nth-child(3) a:hover {
		background: url(../../common/img/staff/staff3_pc_hover.png) no-repeat;
		background-size: auto;
		background-position: bottom 34px center;
	}
	#staff_page_navi li:nth-child(4) a:hover {
		background: url(../../common/img/staff/staff4_pc_hover.png) no-repeat;
		background-size: auto;
		background-position: bottom 34px center;
	}
	#staff_page_navi li a:hover::after {
		content: '';
		position: absolute;
		display: block;
		width: 19px;
		height: 24px;
		bottom: 0px;
		background: url(../../common/img/staff/arrow_down.png) no-repeat;
	}
	#staff_page_navi li:first-child a:hover::after {
		left: 70px;
	}
	#staff_page_navi li:nth-child(2) a:hover::after {
		left: 62px;
	}
	#staff_page_navi li:nth-child(3) a:hover::after {
		left: 56px;
	}
	#staff_page_navi li:nth-child(4) a:hover::after {
		left: 56px;
	}
}
@media screen and (min-width: 1647px) {
	#staff_page_navi {
		background-size: contain;
	}
}
/*staff_file*/
.staff_file {
	margin-bottom: 48px;
	background: url(../../common/img/staff/line_dot.png) repeat-x;
	background-size: 7px;
	background-position: top 32px center;
}
.staff_file h2 {
	margin: 0 0 16px;
	text-align: center;
}
.staff_file h2 img {
	zoom: .5;
}
.staff_file .detail {
	padding: 0 16px;
}
.staff_file .detail figure {
	margin: 0 0 20px;
	text-align: center;
}
.staff_file .detail figure img {
	zoom: .5;
}
.staff_file .detail dl {
	font-size: 10px;
}
.staff_file .detail dt {
	display: inline-block;
	margin: 0 0 8px;
	padding: 4px;
	color: #330000;
	font-size: 9px;
	font-weight: bold;
	box-shadow: 1px 1px 0px 0px #2A0A01,
				2px 2px 0px 0px #2A0A01;
	-moz-box-shadow: 1px 1px 0px 0px #2A0A01,
					2px 2px 0px 0px #2A0A01;
	-webkit-box-shadow: 1px 1px 0px 0px #2A0A01,
						2px 2px 0px 0px #2A0A01;
}
.staff_file .detail dd:not(:last-child) {
	margin: 0 0 20px;
}
.staff_file .detail dd img {
/*	zoom: .5;*/
}
span.right_border {
	position: relative;
	margin-right:1em;
	font-weight: bold;
}
span.right_border::after {
	content:'';
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 14px;
	bottom: -2px;
	right: -4px;
	background: #330000;
}
span.degree {
	display: inline-block;
	text-align: center;
	width: 56px;
	margin-left: 1em;
	padding: 1px 2px;
	color: #FFFFFF;
	font-size: 8px;
	font-weight: bold;
	background: #91652C;
}
@media screen and (min-width: 768px) {
	.staff_file {
		margin-bottom: 48px;
		background-size: 14px;
		background-position: top 64px center;
	}
	.staff_file h2 {
		margin: 0 0 40px;
	}
	.staff_file h2 img {
		zoom: 1;
	}
	.staff_file .detail {
		padding: 0;
	}
	.staff_file .detail figure {
		float: left;
		margin: 0 32px;
		text-align: center;
	}
	.staff_file .detail figure img {
		zoom: 1;
	}
	.staff_file .detail figure + div {
		float: left;
		width: 584px;
		padding: 24px 0 0;
	}
	.staff_file .detail dt {
		margin: 0 0 16px;
		padding: 4px 8px;
		font-size: 14px;
		font-weight: bold;
		box-shadow: 1px 1px 0px 0px #2A0A01,
					2px 2px 0px 0px #2A0A01,
					3px 3px 0px 0px #2A0A01,
					4px 4px 0px 0px #2A0A01;
		-moz-box-shadow: 1px 1px 0px 0px #2A0A01,
						2px 2px 0px 0px #2A0A01,
						3px 3px 0px 0px #2A0A01,
						4px 4px 0px 0px #2A0A01;
		-webkit-box-shadow: 1px 1px 0px 0px #2A0A01,
						2px 2px 0px 0px #2A0A01,
						3px 3px 0px 0px #2A0A01,
						4px 4px 0px 0px #2A0A01;
	}
	.staff_file .detail dd {
		margin: 0 0 24px;
		font-size: 14px;
	}
	.staff_file .detail dd img {
		width: auto;
		zoom: 1;
	}
	span.right_border::after {
		width: 2px;
		height: 18px;
		bottom: -2px;
		right: -8px;
	}
	span.degree {
		width: 104px;
		margin-left: 1em;
		padding: 2px 8px;
		font-size: 14px;
	}
}
#staff ul.btn_list {
	overflow:hidden;
	width:1000px;
	margin:80px auto 20px;
}
#staff ul.btn_list li {
	float:left;
	width:320px;
	margin-right:20px;
}
#staff ul.btn_list li:nth-of-type(3) {
	margin:0;
}
.staffbox {
    max-width: 100%;
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.st {
    width: 50%;
    padding: 0 2%;
	margin: 0 0 30px;
}
.st .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 20px;
}
.st .head figure {
    width: 30%;
}
.st .head .info {
    width: 60%;
}
.comm {
    border-top: 3px solid #eeeeee;
    padding-top: 10px;
    line-height: 1.7em;
    text-align: left;
    padding: 10px 10px 0;
}
@media screen and (max-width: 768px) {
	.st {
	    width: 100%;
	}
}