.student_img,
.student_img2{
	background: url(../images/about/about_main.jpg) no-repeat;
	background-size: cover;
}
.banner_img h1 {
	font-size: 60px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 3px;
	text-transform: uppercase;
}
.student_img h1 small {
	font-size: 48px;
	color: #FFFFFF;
	font-weight: 400;
}

h2 span.ic-next img{
	margin: -10px 10px 0 0;
	width: 15px;
}
h2 small{
	font-size: 55%;
	letter-spacing: normal;
}
.banner_img h3 {
	left: calc(50% - 3.3em);
}
.banner_img2 h3 {
	left: calc(50% - 3.2em);
}
.staff_wrap{
	margin-top: 60px;
}
.staff_box{
	position:relative;
	background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 7px;
    display: block;
    color: rgb(51, 51, 51);
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
    text-decoration: none;
	margin-bottom: 30px!important;
}
.staff_box a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.staff_box a:hover{
	opacity: 0.1;
	background-color: #88C3FD;
}
.staff_box .table_50{
    width: 100%;
}
.staff_list{
	display: flex;
    flex-wrap: wrap;
}
/*.staff_list::after{
	display: block;
	content:"";
	width: 47.5%;
}
*/
.staff_list_tit {
    display: block;
	width: 100%;
	border-bottom: solid 2px #004187;
	margin: 5em 0 3em 0;
}
.staff_list_tit h4 {
	color: #004187;
	font-size: 2.4em!important;
	text-align: center;
	margin: 0 auto 0.5em auto;
}
.size_lg{
	width: 80%;
	margin: 0 auto;
}
.size_md .staff_box{
	width: 48%;
	margin: 0 1%;	
}
.size_xs .staff_box{
	width: 31.33%;
	margin: 0 1%;	
}
.size_xxs .staff_box{
	width: 23%;
	margin: 0 1%;	
}
.left_wrap {
	/*padding-right: 3%;*/
	text-align: center;
	margin: 0 auto;
}
.left_wrap p{
	/*padding-right: 3%;*/
	text-align: left;
}
.left_wrap img{
	width: 85%;
	margin: 0 auto;
}
.right_wrap {
	padding-right: 3%;
}
.size_md .left_wrap,
.size_xs .left_wrap{
	width: 75%;
	float: none;
	padding: 0;
	margin: 0 auto;
}
.size_xxs .left_wrap{
	width: 100%;
	float: none;
	padding: 0;
	margin: 0 auto;
}

.size_md .right_wrap{
	width: 85%;
	float: none;
	padding: 0;
	margin: 0 auto;
}

.size_xs .right_wrap{
	width: 90%;
	float: none;
	padding: 0;
	margin: 0 auto;
}

.size_xxs .right_wrap{
	width: 90%;
	float: none;
	padding: 0;
	margin: 0 auto;
}

.size_md .wrap_title,
.size_xs .wrap_title{
	padding: 10px 0;
}

.size_xxs .wrap_title{
	padding: 0px 0;
}

.size_md h2,.size_xs h2{
	font-size: 22px;
	margin-top: 10px;
}

.size_xxs h2{
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 0;
}

.size_md h4,.size_xs h4{
	font-size: 18px;
}

@media (min-width: 993px) {
	.size_md h2,.size_xs h2{
		font-size: 24px;
}
	
}



@media (max-width: 992px) {
	.size_lg{
		width: 100%;
}	
}

@media (max-width: 768px) {
	.size_xs .staff_box,
	.size_xxs .staff_box{
		width: 47.5%;
}
	.left_wrap img {
    width: 70%;
    margin: 0 auto;
}
    h2 span.ic-next img{
		margin: -8px 10px 0 0;
		width: 11px;
	}
}


@media (max-width: 600px) {
	
	.wrap_title {
		padding: 10px 0;
	}
	.wrap_title h2{
		font-size: 24px;
		margin-top: 10px;
		letter-spacing: 5px;
		text-align: center;
	}
	.wrap_title h4{
		font-size: 18px;
	}
	.wrap_title h4.noto{
		margin-top: 0;
		font-size: 18px;
		
	}
	.staff_img img{
	   width: 100%;
	}
	h2 span.ic-next img{
		margin: -8px 10px 0 0;
		width: 10px;
	}
	.size_md .staff_box{
		width: 100%;
		margin: 0;	
	}
	.size_xs .staff_box{
		padding: 15px;
	}
	
	.size_lg .right_wrap{
		width: 80%;
		margin: 0 auto;
	}
	.size_xs .right_wrap h2{
		font-size: 20px;
		margin-bottom: 0;
	}
	.size_xs .right_wrap h4{
		font-size: 16px;
		margin: 0;
	}
	.size_md .left_wrap, .size_xs .left_wrap{
		width: 100%;
	}
	.size_xs .right_wrap table>tbody>tr>td:first-child{
		width: 24%;
	}
	.size_xs .right_wrap table td{
		font-size: 12px;
		padding: 0.3em;
	}
	.size_xxs h2 {
	margin-top: 0;
	margin-bottom: 0;
	}
}

@media (max-width: 480px) {
.student_img h1 {
	font-size: 8vw;
}
.student_img h1 small {
	font-size: 4vw;
}
.student_img h3 {
	bottom: 20%;
    font-size: 14px;
    left: auto;
}
	.size_lg .right_wrap,.size_md .right_wrap,.size_xs .right_wrap{
	width: 100%;
	margin: 0 auto;
}
	
	.size_xs .right_wrap h2,
	.size_xxs .right_wrap h2{
		font-size: 16px;
		margin-bottom: 0px;
	}
	
	.size_xs .right_wrap h4{
		font-size: 14px;
	}
	.size_xs .right_wrap h2 span.ic-next img{
		margin: -4px 6px 0 0;
		width: 6px;
	}
}





/* 医局員紹介 */

.table_50 h4{
	font-size: 1em;
	margin-top: 1.5em;
	color: #004187;
}
.table_50 table {
	width: 100%;
	background-color: #FFFFFF;
}
.table_50 td {
	text-align: left;
	padding: 0.5em 1em;
	border-bottom: 1px solid #B3B3B3;
	border-left: 1px dotted #B3B3B3;
	font-size: 1em;
}

.td_none {
	border-right-width: 0px !important;
	border-right-style: none !important;
}
.table_50 span {
   display: inline-block;
}
.staff_img {
   display:block;
   position: relative;
   width: 100%;
/*   height: 280px;*/
overflow:hidden; 
   margin-top: 0.5em;
}

.sub {
    position: absolute;
    display: block;
    bottom: 1px;
    right: -3px;
    margin-top: 0em;
    margin-bottom: 1em;
}

@media (min-width: 769px) {
.mt00 {
	margin-top: 0 !important;
}

	h2 span.ic-next img{
	margin: -6px 10px 0 0;
	width: 10px;

}
	.size_md h2 span.ic-next img,.size_xs h2 span.ic-next img{
	margin: -8px 10px 0 0;
	width: 8px;
}
}

@media screen and (max-width: 768px) {
.sub {
    position: inherit;
	margin-top: -1em;
}
}

/* スタッフ紹介　個人ページ */

.wrap_title h4.noto {
    /*font-size: 22px;*/
}

.s-detail{
	display: flex;
	flex-wrap: wrap;
}

.s-photo{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 30px;
	text-align: left;
}
.s-career{
	width: 65%;
}

.backBtn{
	width: 19%;
	margin: 0 auto 60px;
}

.messege{
	padding-bottom: 55px;
}

.messege .right_wrap{
	padding: 0 0 0 3%;
}

@media (min-width: 769px) {
.mt00 {
	margin-top: 0 !important;
}
}
@media (max-width: 768px) {
	.s-photo{
		width: 65%;
		margin: 40px auto 0px;
		text-align: center;
	}
	.s-career{
		width: 100%;
	}
	.s-career p.txt01{
		text-align: center;
	}
	
	
	.backBtn{
	width: 80%;
	margin: 0 auto 60px;
}
	.s-career table>tbody>tr>td:first-child{
		width: 24%;
	}
	.messege{
	padding-bottom: 25px;
}	
	.messege .right_wrap{
	padding: 0 0 0 0;
}

}

