@charset "utf-8";


.staff{
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.staff_inner{
	width: 1100px;
	margin: 0 auto;
	padding: 63px 0;
	position: relative;
	z-index: 10;
}
.staff_main{
background: #fff;
position: relative;
z-index: 1;
}
.staff_main_photo{

}
.staff_main_prof{
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
background: #fff;
width: 474px;
padding: 110px 0 0 60px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.staff_main_name{
margin: 0 0 40px;
}
.staff_main_post{
font-size: 20px;
color: #666666;
}
.staff_main_name_jp{
font-size: 25px;
}
.staff_main_id{
	background: url(../img/about/staff/icon3.png) 0 50% no-repeat;
	font-weight: bolder;
	padding: 0 0 0 27px;
	font-size: 15px;
	color: #3D3938;
}

.staff_bg{
	position: absolute;
	z-index: 1;
	max-width: none;
}


.staff_cat{
	text-align: center;
	padding: 30px 0;
	position: relative;
	z-index: 5;
}
.staff_cat_title_jp{
font-size: 40px;
line-height: 1.0;
}
.staff_cat_title{

}
.staff_cat_ya{
	position: absolute;
	z-index: 5;
	bottom: -10px;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 0;
}

.staff_sub{
	background: #547981;
	padding: 60px 0;
}
.staff_sub_list{
	width: 1100px;
	margin: 0 auto;
}
.staff_sub_list li{
	float: left;
	margin: 0 4.96%;
	background: #fff;
	padding: 16px 1.4%;
	width: 27.22%;
}
.staff_sub_list li:first-child{
	margin: 0;
}
.staff_sub_list li:last-child{
	margin: 0;
}
.staff_sub_photo{
}
.staff_sub_prof{

}
.staff_sub_post1{
font-size: 24px;
font-weight: bolder;
color: #537980;
}
.staff_sub_post2{font-size: 14px;min-height: 51px;}
.staff_sub_name{
font-size: 20px;
}
.staff_id{
	font-size: 15px;
	background: url(../img/about/staff/icon3.png) 0 50% no-repeat;
	font-weight: bolder;
	padding: 0 0 0 27px;
	font-size: 15px;
	color: #3D3938;

}


.staff_box{
	background: #47638D;	
}
.staff_box_inner{
	width: 1100px;
	margin: 0 auto;
	padding: 21px 0 35px;
}
.staff_box_title{
	text-align: center;
	color: #fff;
	font-size: 34px;
	padding: 13px 0 0;
}
.staff_box_title h3 span{
	display: block;
	font-size: 20px;
}
.staff_box_title1{
	background: url(../img/about/staff/sub_icon1.png) 16px 0 no-repeat;
	width: 425px;
	margin: 0 auto;
	padding: 76px 0 39px;
}

.staff_box_title2{
	background: url(../img/about/staff/sub_icon2.png) 16px 0 no-repeat;
	width: 424px;
	margin: 0 auto;
	padding: 76px 0 39px;
}
.staff_box_title3{
	background: url(../img/about/staff/sub_icon3.png) 16px 0 no-repeat;
	width: 439px;
	margin: 0 auto;
	padding: 76px 0 39px;
}

.staff_box_cat{
	color: #fff;
	font-size: 20px;
	background: url(../img/about/staff/icon1.png) 0 50% no-repeat;
	padding: 0 0 0 30px;
	margin: 0 0 15px;
}
.staff_box_list{

}
.staff_box_list li{
	background: #fff;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 48.2%;
	padding: 12px 1.2%;
	margin: 0 3.6% 20px 0;
}
.staff_box_list li:nth-child(even){
	margin: 0 0 20px;
}

.staff_box_photo{
float: left;width: 25.6%;}
.staff_box_prof{
float: right;width: 70%;}
.staff_box_post1{
color: #46638C;
font-size: 22px;min-height: 64px;font-weight: bolder;line-height: 1.4;}
.staff_box_post1 a{
color: #46638C;
}
.staff_box_post2{

}
.staff_box_name{
font-size: 22px;
}
.staff2 .staff_main_prof {
    padding: 50px 0 0 60px;
}
/* All SP & Tablet */
@media screen and (max-width: 1200px) {

	.staff{}
	.staff_inner{
    width: auto;
}
	.staff_main_photo{}
	.staff_main_prof{
    width: 50%;
    padding: 60px 25px 0;
}
	.staff_main_name{}
	.staff_main_post{
    font-size: 17px;
}
	.staff_main_name_jp{}
	.staff_main_id{}

	.staff_bg{}


	.staff_cat{}
	.staff_cat_title_jp{
    font-size: 30px;
}
	.staff_cat_title{}
	.staff_cat_ya{}

	.staff_sub{
    padding: 46px 3%;
}
	.staff_sub_list{
    width: auto;
}
	.staff_sub_list li{
    margin: 0 1.96%;
    width: 29.22%;
}
	.staff_sub_list li:first-child{}
	.staff_sub_list li:last-child{}
	.staff_sub_photo{}
	.staff_sub_prof{}
	.staff_sub_post1{
    font-size: 20px;
}
	.staff_sub_post2{}
	.staff_sub_name{
    font-size: 19px;
}
	.staff_id{}


	.staff_box{}
	.staff_box_inner{
    width: auto;
    padding: 7px 3%;
}
	.staff_box_title{}
	.staff_box_title1{}

	.staff_box_title2{}
	.staff_box_title3{}

	.staff_box_cat{}
	.staff_box_list{}
	.staff_box_list li{}
	.staff_box_list li:nth-child(even){}

	.staff_box_photo{}
	.staff_box_prof{}
	.staff_box_post1{
    font-size: 20px;
}
	.staff_box_post2{}
	.staff_box_name{
    font-size: 19px;
}


}

/* All SP */
@media screen and (max-width: 639px) {


	.staff{}
	.staff_inner{}
	.staff_main{}
	.staff_main_photo{}
	.staff_main_prof{
    padding: 10px 9px !important;
}
	.staff_main_name{
    width: 124px;
    margin: 0 0 15px;
}
	.staff_main_post{
    font-size: 14px;
}
	.staff_main_name_jp{
    font-size: 20px;
}
	.staff_main_id{
    font-size: 12px;
}

	.staff_bg{}


	.staff_cat{
    padding: 17px 0;
}
	.staff_cat_title_jp{
    font-size: 20px;
}
	.staff_cat_title{
    width: 112px;
    margin: 0 auto;
}
	.staff_cat_ya{
}

	.staff_sub{}
	.staff_sub_list{}
	.staff_sub_list li{
    float: none;
    width: auto;
    margin: 0 0 15px !important;
}
	.staff_sub_list li:first-child{
}
	.staff_sub_list li:last-child{}
	.staff_sub_photo{
    width: 130px;
    margin: 0 auto 7px;
}
	.staff_sub_prof{}
	.staff_sub_post1{
    font-size: 18px;
}
	.staff_sub_post2{
    min-height: auto;
}
	.staff_sub_name{
    font-size: 18px;
}
	.staff_id{}


	.staff_box{}
	.staff_box_inner{}
	.staff_box_title{}
	.staff_box_title h3 span{
		font-size: 17px;
	}
	.staff_box_title1{
    width: auto;
    font-size: 19px;
    background-size: 82px;
    padding: 24px 0 32px;
}

	.staff_box_title2{
    width: auto;
    font-size: 19px;
    background-size: 82px;
    padding: 24px 0 32px;
}
	.staff_box_title3{
    width: auto;
    font-size: 19px;
    background-size: 82px;
    padding: 24px 0 32px;
}

	.staff_box_cat{
    font-size: 16px;
}
	.staff_box_list{}
	.staff_box_list li{
    width: auto;
    margin: 0 0 15px;
    float: none;
}
	.staff_box_list li:nth-child(even){}

	.staff_box_photo{}
	.staff_box_prof{}
	.staff_box_post1{
    font-size: 18px;
}
	.staff_box_post2{}
	.staff_box_name{
    font-size: 18px;
}

}

/* Portrait */
@media screen and (max-width:479px) {
}