@charset "utf-8";
/* ============================================================ */
/* index */
/* ============================================================ */
#index #contents {
	padding: 0;
}
#index #contents p {
	margin: 0;
}

#index #contents h1 {
	margin: 0 0 75px;
	font-size: 30px;
	font-size: 3.0rem;
}



/*----- #footer_menu -----*/

#index #footer_menu {
	width: 482px;
}

#index #footer_menu ul li#footer_menu01,
#index #footer_menu ul li#footer_menu02,
#index #footer_menu ul li#footer_menu03 {
	display: block;
}



/*----- #btn_global -----*/

#index #btn_global {
	position: fixed;
	top: 0;
	right: 30px;
	z-index: 6;
}

#index #btn_global div {
	height: 60px;
	background: url(/hospital/common/img/common/space.png) 0 0 no-repeat;
}

#index #btn_global div > a {
	position: relative;
	display: block;
	padding: 6px 20px 6px 42px;
	background: url(/hospital/common/img/index/ico_global.png) 18px 8px no-repeat #51147c;
	color: #fff;
	font-size: 14px;
}

#index #btn_global div > a:before {
	position: absolute;
	bottom: -8px;
	left: 50%;
	display: block;
	width: 17px;
	height: 17px;
	margin: 0 0 0 -8px;
	content: url(/hospital/common/img/index/ico_arrow01.png);
}

#index #btn_global ul {
	position: absolute;
	left: 0;
	width: 110px;
	padding: 8px 15px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #7e7e7e;
	font-size: 12px;
	text-align: left;
	z-index: 15;
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .5s;
}

#index #btn_global ul.not-touch {
	transition: .5s;
}

#index #btn_global div:hover ul.not-touch {
	opacity: 1;
	top: 50px;
	visibility: visible;
}

#index #btn_global ul:before {
	display: block;
	position: absolute;
	top: -16px;
	left: 30px;
	content: "";
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #7e7e7e;
}

#index #btn_global ul li {
	margin: 2px 0 0;
}

#index #btn_global ul li:first-child {
	margin: 0;
}

#index #btn_global ul li a {
	color: #fff;
}

#index #btn_global ul li a i.fa {
	margin: 0 8px 0 0;
}

/*----- #visual -----*/

#index #visual {
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 960px;
	min-height: 100%;
	margin: 0 0 75px;
	background: url(/hospital/common/img/index/pic_index_visual01.png) center center no-repeat;
	background-size: cover;
	z-index: 5;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#index #visual {
	margin: 0 0 20px \9;
}

#index #visual > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-position: center center;
	background-size: cover;
}

#index #visual p,
#index #visual nav {
	z-index: 2;
}

#index #visual p {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -155px 0 0 -140px;
}

#index #visual nav {
	width: 100%;
	position: absolute;
	bottom: 0;
}
 /* ie8 
#index #visual nav {
	display: none\9;
}
*/
 /* ie9 
#index #visual nav:not(:target) {
	display: block\9;
}
*/

#index #visual nav ul {
	width: 625px;
	margin: 0 auto;
	overflow: hidden;
}

#index #visual nav ul li {
	float: left;
	margin: 0 0 0 20px;
}

#index #visual nav ul li:first-child {
	margin: 0;
}

#index #visual #pic_pc_visual img {
	width: 100%;
	height: auto;
}



/*----- .index_menu -----*/
/* ie8 
#index .index_menu {
	margin-bottom: 40px\9; 
}
*/
/* ie9 
#index .index_menu:not(:target) {
	margin-bottom: 0\9 
}
*/
#index .index_menu .menu {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
}

#index .index_menu .menu ul {
	margin: 0 0 50px 0;
	overflow: hidden;
}

#index .index_menu .menu ul li {
	float: left;
	margin: 0 0 0 8px;
	border: 1px solid #dcdcdc;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.4;
	width: 232px;
}

@media only screen and (orientation : portrait) {
	html.tablet #index .index_menu .menu ul li {
		margin: 0 0 0 5px;
	}
}

#index .index_menu .menu ul li:first-child {
	margin: 0;
}

#index .index_menu .menu ul li a {
	color: #333;
}

#index .index_menu .menu ul li a > p {
	display: table;
	width: 100%;
	min-height: 70px;
	table-layout: fixed;
}

#index .index_menu .menu ul li a > p:before {
	display: block;
	content: "";
	width: 0;
	min-height: 70px;
}

#index .index_menu .menu ul li a > p > span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 5px 0;
	width: 100%;
}

#index .index_menu .menu ul li a > p > span > span {
	font-size: 15px;
	font-size: 1.5rem;
}

#index .index_menu .menu ul li a:hover {
	text-decoration: none;
}

#index .index_menu .menu ul li a img {
	display: block;
	border-bottom: 1px solid #dcdcdc;
}



/*----- .btn_menu -----*/

#index .btn_menu {
	min-width: 960px;
	padding: 40px 0;
	background: #503764;
}

#index .btn_menu > p {
	margin: -5px 0 20px !important;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
}

#index .btn_menu ul {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}

#index .btn_menu ul li {
	display: table;
	float: left;
	width: 230px;
	margin: 0 0 0 10px;
	background: #fff;
}

#index .btn_menu ul li:first-child {
	margin: 0;

}

#index .btn_menu ul li:before {
	display: block;
	float: left;
	content: "";
	height: 70px;
}

#index .btn_menu ul li a {
	display: table-cell;
	padding: 0 15px 0 40px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
	vertical-align: middle;
	text-align: left;
	text-indent: -0.7em;
}

#index .btn_menu ul li .fa-chevron-right {
	padding: 0 5px 0 0;
	text-align: left;
}



/*----- #index_raiin -----*/

#index #index_raiin #info {
	width: 960px;
	margin: 0 auto 60px;
	border: 1px solid #503764;
	text-align: left;
}

#index #index_raiin #info h2 {
	padding: 10px 20px;
	background: #503764;
	color: #fff;
	font-size: 17px;
	font-size: 1.7rem;
}

#index #index_raiin #info ul {
	margin: 20px;
}

#index #index_raiin #info ul li {
	margin: 0 0 10px;
}

#index #index_raiin #info ul li:last-child {
	margin: 0;
}

#index #index_raiin #info ul li a {
	text-decoration: underline;
}

#index #index_raiin #info ul li a:hover {
	text-decoration: none;
}

#index #index_raiin #gairai {
	min-width: 960px;
	padding: 40px 0 55px;
	background: #f0f0f0;
}

#index #index_raiin #gairai h2 {
	margin: 0 0 35px;
	font-size: 25px;
	font-size: 2.5rem;
}

#index #index_raiin #gairai_inner01 {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#index #index_raiin #gairai_inner02 {
	float: left;
	width: 685px;
}

#index #index_raiin #gairai dl {
	display: table;
	padding: 0 0 15px;
}

#index #index_raiin #gairai #gairai_inner02 dl:first-child {
	padding-bottom: 20px;
}

#index #index_raiin #gairai dl dt,
#index #index_raiin #gairai dl dd {
	display: table-cell;
}

#index #index_raiin #gairai dl dt {
	width: 7em;
	font-size: 18px;
	font-size: 1.8rem;
}

#index #index_raiin #gairai dl dd ul {
	margin: 5px 0 0;
}

#index #index_raiin #gairai dl dd ul li {
	float: left;
	margin: 0 0 0 20px;
}

#index #index_raiin #gairai dl dd ul li:first-child {
	margin: 0;
}


#index #index_raiin #gairai #gairai_‎reserve {
	padding: 25px 0 0;
	border-top: 1px dotted #b8b8b8;
}

#index #index_raiin #gairai #gairai_‎reserve a {
	display: block;
	width: 520px;
	margin: 0 0 5px;
	padding: 8px 0;
	background: #503764;
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
}


/*2016.08.03順天堂追加*/
#index #index_raiin #gairai #gairai_‎renkei {
	padding: 25px 0 0;
	/*border-top: 1px dotted #b8b8b8;*/
}

#index #index_raiin #gairai #gairai_‎renkei a {
	display: block;
	width: 520px;
	margin: 0 0 10px;
	padding: 8px 0;
	background: #503764;
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
}
/*2016.08.03順天堂追加*/



#index #index_raiin #gairai #gairai_inner01 > ul {
	float: right;
	width: 220px;
	border-top: 1px solid #ccc;
}

#index #index_raiin #gairai #gairai_inner01 > ul li {
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
}

#index #index_raiin #gairai #gairai_inner01 > ul li img {
	margin: 10px 0;
}


/*2016.05.10順天堂追記*/
#index #index_raiin #gairai #gairai_inner01 > ul li:nth-last-child(2) {
	display: none;
}
/*2016.05.10順天堂追記*/

/*2016.06.22順天堂追記*/
#index #index_raiin .menu ul {
}
#index #index_raiin .menu ul li {
	width: 228px;
	line-height: 1;
	margin: 0 0 10px 10px;
}
#index #index_raiin .menu ul li:first-child {
	width: 468px;
	margin-left: 5px;
	line-height: 1;
	font-size: 24px;
	font-size: 2.4rem;
}
/*2016.06.22順天堂追記*/


/*----- #index_jujisha #index_kensyui -----*/

#index #index_jujisha .menu ul,
#index #index_kensyui .menu ul {
}

#index #index_jujisha .menu ul li,
#index #index_kensyui .menu ul li {
	width: 228px;
	margin: 0 0 10px 10px;
}

#index #index_jujisha ul li:first-child,
#index #index_kensyui ul li:first-child {
	width: 468px;
	margin-left: 5px;
	font-size: 24px;
	font-size: 2.4rem;
}



/*----- .bnr_recruit -----*/

#index .bnr_recruit {
	min-width: 960px;
	margin: 0 0 50px;
	padding: 40px 0 30px;
	background: #503764;
}

#index .bnr_recruit .inner {
	width: 960px;
	margin: 0 auto;
}

#index .bnr_recruit p {
	color: #fff;
	text-align: left;
}

#index .bnr_recruit p a {
	color: #fff;
}

#index .bnr_recruit .ico_new_window {
	background: url(/hospital/common/img/common/ico_pc_newwidow.png) right 6px no-repeat;
}

#index .bnr_recruit p:first-child {
	margin: -5px 0 20px !important;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;
}

#index .bnr_recruit ul {
	width: 960px;
	margin: 0 0 20px;
	overflow: hidden;
}

#index .bnr_recruit ul li {
	float: left;
	width: 232px;
	margin: 0 0 0 10px;
	background: #fff;
}

#index .bnr_recruit ul li:first-child {
	margin: 0;
}



/*----- #index_now -----*/

#index #index_now {
	width: 960px;
	min-width: 960px;
	margin: 70px auto 80px;
}

#index #index_now ul {
	margin: 0 0 0 5px;
	text-align: left;
	overflow: hidden;
}

#index #index_now ul li {
	position: relative;
	float: left;
	width: 228px;
	border: 1px solid #dcdcdc;
	margin: 0 0 11px 10px;
	overflow: hidden;
}

#index #index_now ul li:first-child {
	width: 468px;
	margin-left: 0;
}

#index #index_now ul li a {
	color: #fff;
}

#index #index_now ul li a div {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 135px;
	background: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000);
	line-height: 1.6;
}

#index #index_now ul li a:hover div {
	background: rgba(0, 0, 0, 0.5);
}

#index #index_now ul li a div h2 {
	margin: 15px 0 5px;
	font-size: 18px;
	text-align: center;
	text-decoration: underline;
	line-height: 1.4;
}

#index #index_now ul li div p {
	margin: 0 10px;
	font-size: 13px;
}

#index #index_now ul li:first-child div p {
	margin: 10px 15px 0;
	font-size: 15px;
}

#index #index_now ul li i {
	position: relative;
	top: -2px;
	margin: 0px 10px 0 0;
	padding: 7px 0 0;
	width: 24px;
	height: 17px;
	-webkit-border-radius: 12px;/* width,heightの半分 */
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #fff;
	color: #3f3f3f;
	font-size: 11px;
	font-size: 1.1rem;
	vertical-align: baseline;
}



/*----- .bnr_slide -----*/

#index .bnr_slide {
	min-width: 960px;
	margin: 0 0 55px;
	padding: 60px 0 55px;
	background: #f0f0f0;
}

#index .bnr_slide .bnr_slide_inner {
	position: relative;
	width: 840px;
	margin: 0 auto;
	text-align: left;
}

#index .bnr_slide .bnr_slide_inner div {
	width: 100%;
	overflow: hidden;
}

#index .bnr_slide p {
	position: absolute;
	top: 15px;
	z-index: 8;
}

#index .bnr_slide .btn_prev {
	left: -60px;
}

#index .bnr_slide .btn_next {
	right: -60px;
}

#index .bnr_slide ul {
	margin: 0;
	height: 90px;
}

#index .bnr_slide ul li {
	float: left;
	display: table;
	width: 200px;
	height: 90px;
	margin: 0 5px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
}

#index .bnr_slide ul li a {
	display: table-cell;
	border-bottom: 5px solid #d8d8d8;
	background: #fff;
	text-align: center;
	vertical-align: middle;
}



/*----- #index_news -----*/

#index #index_news {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#index #index_news article {
	float: left;
	width: 450px;
}

#index #index_news article:first-child {
	margin: 0 60px 0 0;
}

#index #index_news div {
	margin: 0 0 35px;
	padding: 0 0 8px;
	border-bottom: 1px solid #dcdcdc;
	overflow: hidden;
}

#index #index_news div h1 {
	float: left;
	margin: 0;
	padding: 0 0 0 30px;
	background: url(/hospital/common/img/common/ico_ttl02.png) 0 center no-repeat;
	line-height: 1.3;
}

#index #index_news div ul {
	float: right;
}

#index #index_news div ul li {
	margin: 0 0 3px;
	padding: 0 5px 0 0;
	border: 1px solid #503764;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1;
}

#index #index_news div ul li i {
	margin: 0 5px 0 0;
	padding: 3px;
	background: #503764;
	color: #fff;
}

#index #index_news article > ul li {
	margin: 0 0 10px;
}

#index #index_news article > ul li time {
	float: left;
	margin: 0 25px 0 0;
}

#index #index_news article > ul li p {
	overflow: hidden;
}


/* .lecture_list */

#index #index_news .lecture_list li {
	margin-bottom: 15px;
}

#index #index_news .lecture_list p a {
	padding: 0 10px 0 0;
}

#index #index_news .lecture_list .icon {
	white-space: nowrap;
}

#index #index_news .lecture_list .icon > * {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 1px 8px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
}

#index #index_news .lecture_list .free {
	background: #3c965a;
}

#index #index_news .lecture_list .required {
	background: #dc0000;
}

#index #index_news .lecture_list .not_required {
	background: #aaa;
}

/* .professor */

#index #index_now ul.professor li:first-child{
	width: 948px;
	height: 258px;
}
#index #index_now ul.professor li a > div:last-child{
	right: 0;
	width: 50%;
	height: 258px;
	padding-top: 70px;
	box-sizing: border-box;
}
#index #index_now ul li a div.prof_slide{
	height: 258px;
	margin: 0;
	background: none;
}
#index #index_now ul li a div#prof_slide{
	height: 258px;
	margin: 0;
	background: none;
}
#index #index_now ul li a div#prof_slide li{
	width: 158px;
	height: 258px;
	margin: 0;
	border: none;
}
#index #index_now ul li a div#prof_slide div{
	height: 258px;
	margin: 0;
	background: #fff;
}
#index #index_now ul li a div#prof_slide ul{
	margin: 0;
	overflow: hidden;
}