.pagetitle{
	font-size:2.5rem;
	font-weight:500;
	text-align:center;
}
@media screen and (max-width: 768px) {
	.pagetitle{
		font-size:24px;
	}
}
.pagetitle span{
	display:block;
	font-size:1.5rem;
	font-weight:400;
}
@media screen and (max-width: 768px) {
	.pagetitle span{
		font-size:18px;
	}
}


.contents.staff .search_form{
  margin:80px 0 100px;
}

.contents.staff .search_form h3{
  text-align:center;
  font-weight:normal;
}

.contents.staff .search_form .search_items{
  margin:30px 0;
  padding:0 0 45px;
  position:relative;
}

.contents.staff .search_form .search_items h4{
  font-weight:normal;
  font-size:18px;
}

.contents.staff .search_form .search_items ul{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  padding:0;
  margin:0;
}

.contents.staff .search_form .search_items ul li{
  list-style:none;
  display:block;
  text-align:center;
  width:24%;
  margin:5px;
}
.contents.staff .search_form .search_items ul li a{
  display:block;
  padding:12px;
  border:solid 2px #dddddd;
  color:#dddddd;
}

.contents.staff .search_form .search_items ul li a:hover,
.contents.staff .search_form .search_items ul li a.selected{
  border:solid 2px #005629;
  color:#005629;
}
.contents.staff .search_form .search_items ul li.hidden{
  display:none;
}
@media screen and (max-width: 768px) {
.contents.staff .search_form{
	margin:80px 0 30px;
}
.contents.staff .search_form .search_items{
	padding:0;
}
.contents.staff .search_form .search_items ul li{
	width:47%;
}
.contents.staff .search_form .search_items ul li a{
	font-size:14px;
	padding:12px 10px;
}
}

.contents.staff .belong{
	font-size:1.5em;
	margin:3em 0 1em;
	font-weight: normal;
	border-left:4px #005629 solid;
	padding-left:1em;
	line-height: 1;

}
.contents.staff .items .item{
	text-align: center;
	margin-bottom:3em;
	display:block;
}
@media screen and (max-width: 768px) {
.contents.staff .items{
	display:flex;
}
.contents.staff .items .item{
	width:48%;
}
}
.contents.staff .items .item .position{
	color:#005629;
	font-size:0.8em;
	margin:1em 0 0.5em;
}
.contents.staff .items .item .position .staffname{
	font-size:1.25em;
}

.contents.staff_detail .staff_info .img{
	width: 45%;
	max-width: 450px;
}
.contents.staff_detail .staff_info .profile{
	width: 55%;
}
.contents.staff_detail .staff_info .position{
	border-left:2px #005629 solid;
	padding-left:10px;
	color:#005629;
	margin-bottom:1em;
}
.contents.staff_detail .staff_info .staffname{
	font-size: 2em;
}
.contents.staff_detail .staff_info .staffname_en{
	font-size: 0.5em;
	margin-left:2em;
}
.contents.staff_detail .staff_info .license{
	margin-top:0.5em;
}
.contents.staff_detail .staff_info .introduction{
	margin-top:2em;
	font-size: 0.875em;
	line-height: 2;
}
@media screen and (max-width: 768px) {
.contents.staff_detail .staff_info .img{
	width:100%;
}

.contents.staff_detail .staff_info .profile{
	margin:20px 0 0;
	width:100%;


}

}


.contents.staff_detail .relation {
	margin:100px 0 150px;
}
@media screen and (max-width: 768px) {
.contents.staff_detail .relation {
	margin:80px 0;
}
}
.contents.staff_detail .relation .title{
	font-size:2em;
	margin-bottom:1em;
}

.contents.staff_detail .relation .common_slider {
	margin: 0;
	padding: 0;
}
.contents.staff_detail .relation .slideli {
  width: 322px;
  margin: 0 8px;
}
.contents.staff_detail .relation .slideli a {
  color: #323232;
}
.contents.staff_detail .relation .slideli .works_ex_title {
  font-size: 12px;
  margin-top: 10px;
}
.contents.staff_detail .relation .slick-dots {
  bottom: -50px;
}
.contents.staff_detail .relation .slick-dots li button:before {
  font-size: 14px;
  content: '■';
  color: #015428;
}
.contents.staff_detail .relation .slick-dots li.slick-active button:before {
  opacity: 1;
}
.contents.staff_detail .relation .slick-prev {
  position:relative;
  top:21px;
  display:inline-block;
  left:auto;
}
.contents.staff_detail .relation .slick-next {
  position:relative;
  top:21px;
  display:inline-block;
  right:auto;
}
.contents.staff_detail .relation .slick-prev:before,
.contents.staff_detail .relation .slick-next:before {
  color: black;
}

.contents.staff_detail .colleague .relation .slideli{
	text-align: center;
}
.contents.staff_detail .colleague .relation .slideli .license{
	font-size:0.75em;
	margin:1em 0;
}
.contents.staff_detail .colleague .relation .slideli .staffname{
	font-size:1.5em;
}

.contents.staff_detail .colleague{
	margin-bottom:150px;
}

.contents.staff_detail .colleague .backtolist{
	text-align: center;
}