/** style-staff_detail.css **/

/*==========================================
 mainImg
===========================================*/
/**********
 mainImg_pc
**********/
.mainImg_pc{
	border-bottom: 5px solid #FFDA2E;
}


#mainImg_pc_seikotsuin{
	background: url("../staff/seikotsuin/img/mainImg_seikotsuin.jpg");
	height: calc(82vh - 110px);
	background-size: cover;
	background-repeat: no-repeat;
}

#mainImg_pc_kinou{
	background: url("../staff/kinou/img/mainImg_kinoukunnrenn.jpg");
	height: calc(82vh - 110px);
	background-size: cover;
	background-repeat: no-repeat;
}

#mainImg_pc_kango{
	background: url("../staff/kango/img/mainImg_kango.jpg");
	height: calc(82vh - 110px);
	background-size: cover;
	background-repeat: no-repeat;
}

#mainImg_pc_kaigo{
	background: url("../staff/kaigo/img/mainImg_kaigo.jpg");
	height: calc(82vh - 110px);
	background-size: cover;
	background-repeat: no-repeat;
}

#mainImg_pc_soudan{
	background: url("../staff/soudan/img/mainImg_soudan.jpg");
	height: calc(82vh - 110px);
	background-size: cover;
	background-repeat: no-repeat;
}






#mainImg_staff{
	position: relative;
	font-weight: bold;
	text-align: left;
	width: 90%;
	height: 100%;
	margin: 0 auto 15px;
}

#mainImg_staff #occupation{
    display: block;
    position: absolute;
    top: 20%;
    left: -1px;
}

#mainImg_staff #occupation p span{
	font-size:2.4em;
	display: block;
}

#mainImg_staff h2{
    display: block;
    position: absolute;
    top: 40%;
}

#mainImg_staff h2 span{
	border-top:3px solid #F7931E;
	padding-top: 8px;
	font-size: 5rem;
}

#mainImg_staff #staff_name{
    position: absolute;
	right: 0;
	bottom: 15px;
}

@media screen and (max-width: 768px) {
	.mainImg_pc{
		border-bottom: none;
	}

	#mainImg_staff{
		position: static;
		display: none;
	}
	
	#mainImg_pc_seikotsuin,
	#mainImg_pc_kinou,
	#mainImg_pc_kango,
	#mainImg_pc_kaigo,
	#mainImg_pc_soudan{
		display: none;
	}
	
	
	#mainImg_mb img{
		border-bottom: 5px solid #FFDA2E;	
	}
}



/*==========================================
 midashi
===========================================*/
/*********
 midashi
**********/
#midashi{
	margin-top: 15px;
	display: none;
}

@media screen and (max-width: 768px) {
	#midashi{
		display: block;
	}
	
	#midashi h2{
		font-weight: normal;
		color: #5D5D5D;
	}

	#midashi h2 span{
		font-size: 1.2em;
		font-weight: bold;
	}
	
	#midashi h3{
		margin: 10px 0 0;
	}

	#midashi h3 span{
		font-size: 3rem;
		border-top:2px solid #F7931E;
		padding-top: 8px;
	}
	
	#midashi h4{
	margin-bottom: 10px;
	font-weight: normal;}
}




/*==========================================
 staff_faq
===========================================*/
/*********
 staff_faq
**********/
#staff_faq{
	margin-top: 70px;
	margin-bottom: 100px;
}


/** faq_txt **/
#staff_faq .faq_txt{
	width: 50%;
}

#staff_faq .faq_txt h3{
	font-size: 1.2em;
	margin-bottom: 35px;
}

#staff_faq .faq_txt > div{
	margin-bottom: 50px;
}

#staff_faq .faq_txt > div:last-of-type{
	margin-bottom: 0;
}

#staff_faq .faq_txt > div p{
	display: block;
	color: #F15A24;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
	border-top: 1px solid #000;
	padding-top: 6px;
}


/** faq_img **/
#staff_faq .faq_img{
	width: 40%;
}

#staff_faq .faq_img p{
	font-size: 1.1em;
	margin-bottom: 26px;
	text-align: center;
	color: #f15a24;
}

#staff_faq .faq_img img{
	width: 100%;
	max-width: 470px;
	margin: 0 0 0 auto;
}


@media screen and (max-width: 768px) {

	#staff_faq{
		margin-top: 30px;
		margin-top: 40px;
	}

	/** faq_txt **/
	#staff_faq .faq_txt{
		width: 100%;
		margin-bottom: 55px;
	}
	#staff_faq .faq_txt h3{
		margin-bottom: 25px;
	}
	/** faq_img **/
	#staff_faq .faq_img{
		width: 100%;
		text-align: center;
	}
	
	#staff_faq .faq_img img{
		width: 100%;
		max-width: 470px;
		margin: 0 auto;
	}

	
}


/*==========================================
 staff_member
===========================================*/
/*********
 staff_member
**********/

#staff_member{
	background: #FFF8E1;
	padding: 60px 0;
	margin: 0 0 50px;
}


/** member_blk **/
#staff_member .contentInner .member_blk{
	margin-bottom: 80px;
}

#staff_member .contentInner .member_blk:last-of-type{
	margin-bottom: 0;
}


/** member_txt **/
#staff_member .contentInner .member_blk .member_txt{
	width: 50%;
}

#staff_member .contentInner .member_blk:nth-of-type(odd) .member_txt{
	order: 2
}

#staff_member .contentInner .member_blk .member_txt h3{
	font-size: 1.16em;
}

#staff_member .contentInner .member_blk .member_txt p{
	display: block;
	color: #F15A24;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 30px;
	margin-bottom: 10px;
	border-top: 1px solid #000;
	padding-top: 6px;}


/** member_img **/
#staff_member .contentInner .member_blk .member_img{
	width: 40%;
}

#staff_member .contentInner .member_blk .member_img img{
	width: 100%;
	max-width: 460px;
	border-radius: 24px;
}



@media screen and (max-width: 768px) {
	#staff_member .contentInner .member_blk .member_txt{
		width: 100%;
		padding-bottom: 25px;
	}
	#staff_member .contentInner .member_blk .member_img{
		width: 100%;
	}
	#staff_member .contentInner .member_blk:nth-of-type(odd) .member_txt{
		order: 1;
	}
	#staff_member .contentInner .member_blk:nth-of-type(odd) .member_img{
		order: 2;
	}
}



/*==========================================
 staff_navi
===========================================*/
/*********
 staff_navi
**********/

#staff_navi{}

#staff_navi .contentInner{
	max-width: 1080px;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

#staff_navi .contentInner a{
	display: block;
	border-radius: 40px;
	background: #FFDA2E;
	text-decoration: none;
	width: 30%;
	color: #000;
	font-weight: 700;
	margin-bottom: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#staff_navi .contentInner a.here{
	background: #F15A24;
	color: #fff;
}



#staff_navi .contentInner:after{
	content: "";
	display: block;
	width: 30%;
	height: 0;
}

#staff_navi a span{
	display: block;
	padding: 15px;
	text-align: center;
}

#staff_navi a:hover,
#staff_navi a:active{
	background: #FBB03B;
}

@media screen and (max-width: 768px) {
	#staff_navi .contentInner a{
		width: 48%;
	}
}