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

#index #contents p {
	margin: 0;
}

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



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

#index #footer_menu ul {
	float: none;
	width: 295px;
	margin: 0 auto;
}

#index #footer_menu ul li#footer_menu01 {
	margin: 0;
}

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

#index #footer_menu ul li#footer_menu01 a,
#index #footer_menu ul li#footer_menu02 a,
#index #footer_menu ul li#footer_menu03 a {
	display: block;
	width: 75px;
	height: 40px;
	background-size: contain !important;
}

#footer_menu ul li#footer_menu01 a {
	background:url(/hospital/common/img/common/btn_footer_menu01.png) 0 bottom no-repeat;
}

#footer_menu ul li#footer_menu02 a {
	background:url(/hospital/common/img/common/btn_footer_menu02.png) 0 bottom no-repeat;
}

#footer_menu ul li#footer_menu03 a {
	background:url(/hospital/common/img/common/btn_footer_menu03.png) 0 bottom no-repeat;
}

#footer_menu ul li#footer_menu01 a.on,
#footer_menu ul li#footer_menu01 a:hover {
	background:url(/hospital/common/img/common/btn_footer_menu01_on.png) 0 bottom no-repeat;
}

#footer_menu ul li#footer_menu02 a.on,
#footer_menu ul li#footer_menu02 a:hover {
	background:url(/hospital/common/img/common/btn_footer_menu02_on.png) 0 bottom no-repeat;
}

#footer_menu ul li#footer_menu03 a.on,
#footer_menu ul li#footer_menu03 a:hover {
	background:url(/hospital/common/img/common/btn_footer_menu03_on.png) 0 bottom no-repeat;
}

#index #footer_menu ul li#footer_menu01 a img,
#index #footer_menu ul li#footer_menu02 a img,
#index #footer_menu ul li#footer_menu03 a img {
	display: none;
}



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

#index #btn_global {
	position: fixed;
	top: 0;
	right: 20px;
	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: 1.3rem;
}

#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;
	top: 50px;
	width: 110px;
	padding: 8px 15px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #7e7e7e;
	font-size: 1.2rem;
	text-align: left;
	z-index: 5;
	opacity: 0;
	top: 50%;
	visibility: hidden;
}

#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 {
	float: none;
	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-height: 100%;
	margin: 0 0 30px;
	background: url(/hospital/common/img/index/pic_sp_index_visual01.png) center center no-repeat;
	background-size: cover;
}

#index #visual > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-position: center center;
	background-size: cover;
	-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 p,
#index #visual nav {
	z-index: 2;
}

#index #visual p {
	position: absolute;
	top: 0
	display: table-cell;
	width: 100%;
	height: 100%;
}

#index #visual p img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 52%;
	max-height: 52%;
}

#index #visual nav {
	width: 100%;
	position: absolute;
	bottom: 0;
}

#index #visual nav ul {
	display: box;
	display: -webkit-box;
	display: -moz-box;
}

#index #visual nav ul li {
	width: 33%;
	padding: 0 6px;
	box-sizing: border-box;
	text-align: center;
}

#index #visual nav ul li img {
	width: 100%;
}



/*----- .index_menu -----*/

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

#index .index_menu .menu ul li {
	float: left;
	width: 50%;
	margin: 0 0 10px;
	box-sizing: border-box;
	font-size: 1.0rem;
	line-height: 1.4;

}

#index .index_menu .menu ul li:nth-child(2n+1) {
	padding: 0 5px 0 0;
}

#index .index_menu .menu ul li:nth-child(2n) {
	padding: 0 0 0 5px;
}

#index .index_menu .menu ul li a {
	display: block;
	border: 1px solid #dcdcdc;
	color: #333;
}

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

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

#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: 0.9rem;
}


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

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



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

#index .btn_menu {
	margin: 10px 0 0;
	padding: 15px;
	background: #503764;
}

#index #index_kensyui .btn_menu {
	margin-bottom: 20px;
}

#index .btn_menu > p {
	margin: 0 0 10px !important; 
	color: #fff;
}

#index .btn_menu ul {
	width: 100%;
	margin: 0 0 -10px;
	overflow: hidden;
}

#index .btn_menu ul li {
	display: table;
	float: left;
	width: 50%;
	margin: 0 0 10px;
	box-sizing: border-box;
}

#index .btn_menu ul li:nth-child(2n) {
	padding: 0 0 0 5px;
}

#index .btn_menu ul li:nth-child(2n+1) {
	padding: 0 5px 0 0;
}

#index .btn_menu ul li a {
	display: table-cell;
	background: #fff;
	padding: 5px 5px 5px 25px;
	box-sizing: border-box;
	font-size: 1.0rem;
	vertical-align: middle;
	text-align: left;
	text-indent: -0.7em;
	line-height: 1.5;
}

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

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



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

#index #index_raiin #info {
	background: #f8f8f8 none repeat scroll 0 0;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	margin: 0 0 40px;
	padding: 20px 5px;
}

#index #index_raiin #info h2 {
	font-size: 1.4rem;
}

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

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

#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 {
	padding: 30px 15px;
	background: #f0f0f0;
	text-align: left;
}

#index #index_raiin #gairai h2 {
	margin: 0 0 15px;
	font-size: 1.6rem;
}

#index #index_raiin #gairai dl {
	margin: 0 0 20px;
}

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

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

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

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


#index #index_raiin #gairai #gairai_‎reserve a {
	display: block;
	padding: 10px 0;
	background: #503764;
	color: #fff;
	text-align: center;
}

/*2016.08.03順天堂追加*/
#index #index_raiin #gairai #gairai_‎renkei a {
	display: block;
	margin-top:10px;
	padding: 10px 0;
	background: #503764;
	color: #fff;
	text-align: center;
}
/*2016.08.03順天堂追加*/

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

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

#index #index_raiin #gairai #gairai_inner01 > ul li:last-child {
	display: none;
}


/*2016.06.23順天堂追加*/
#index #index_raiin .menu ul li:nth-child(2n+1) {
	padding: 0 0 0 5px;
}

#index #index_raiin .menu ul li:nth-child(2n) {
	padding: 0 5px 0 0;
}

#index #index_raiin .menu ul li:first-child {
	width: 100%;
	padding: 0;
	font-size: 1.4rem;
}

#index #index_raiin .menu ul li:first-child a > p {
	min-height: 50px;
}

#index #index_raiin .menu ul li:first-child a > p:before {
	min-height: 50px;
}
/*2016.06.23順天堂追加*/


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

#index #index_jujisha .menu ul li:nth-child(2n+1),
#index #index_kensyui .menu ul li:nth-child(2n+1) {
	padding: 0 0 0 5px;
}

#index #index_jujisha .menu ul li:nth-child(2n),
#index #index_kensyui .menu ul li:nth-child(2n) {
	padding: 0 5px 0 0;
}

#index #index_jujisha .menu ul li:first-child,
#index #index_kensyui .menu ul li:first-child {
	width: 100%;
	padding: 0;
	font-size: 1.4rem;
}

#index #index_jujisha .menu ul li:first-child a > p,
#index #index_kensyui .menu ul li:first-child a > p {
	min-height: 50px;
}

#index #index_jujisha .menu ul li:first-child a > p:before,
#index #index_kensyui .menu ul li:first-child a > p:before {
	min-height: 50px;
}



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

#index .bnr_recruit {
	margin: 10px 0 20px;
	padding: 15px;
	background: #503764;
}

#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 0 no-repeat;
}

#index .bnr_recruit p:first-child {
	font-size: 1.4rem;
	text-align: center;
}

#index .bnr_recruit ul {
	width: 100%;
	margin: 15px 0 5px;
	overflow: hidden;
}

#index .bnr_recruit ul li {
	float: left;
	width: 50%;
	margin: 0 0 10px;
	box-sizing: border-box;
}

#index .bnr_recruit ul li:nth-child(2n) {
	padding: 0 0 0 5px;
}

#index .bnr_recruit ul li:nth-child(2n+1) {
	padding: 0 5px 0 0;
}

#index .bnr_recruit ul li img {
	width: 100%;
}

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



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

#index #index_now {
	margin: 30px 0;
}

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

#index #index_now ul li {
	float: left;
	width: 50%;
	margin: 0 0 10px;
	box-sizing: border-box;
}

#index #index_now ul li:nth-child(6),
#index #index_now ul li:nth-child(7),
#index #index_now ul li:nth-child(8),
#index #index_now ul li:nth-child(9) {
	display: none;
}

#index #index_now ul li:nth-child(2n+1) {
	padding: 0 0 0 5px;
}

#index #index_now ul li:nth-child(2n) {
	padding: 0 5px 0 0;
}

#index #index_now ul li:first-child {
	width: 100%;
	padding: 0;
}

#index #index_now ul li a {
	display: block;
	position: relative;
	border: 1px solid #dcdcdc;
}

#index #index_now ul li a img {
	width: 100%;
}

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

#index #index_now ul li a div {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 0 5px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.6);
	font-size: 1.0rem;
	line-height: 1.4;
}

#index #index_now ul li a div h2 {
	margin: 8px 0 5px;
	font-size: 1.1rem;
	text-align: center;
	text-decoration: underline;
}

#index #index_now ul li a div p {
	margin: 0 5px;
}

#index #index_now ul li i {
	position: relative;
	margin: 0 10px 0 0;
	padding: 2px 0 0;
	width: 14px;
	height: 12px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #fff;
	color: #3f3f3f;
	font-size: 1.0rem;
	vertical-align: baseline;
}



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

#index .bnr_slide {
	margin: 0 0 30px;
	padding: 30px 0;
	background: #f0f0f0;
}

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

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

#index .bnr_slide p {
	position: absolute;
	top: 12px;
	width: 15px;
	height: 30px;
}

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

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

#index .bnr_slide p img {
	width: 100%;
}

#index .bnr_slide ul {
	margin: 0 40px;
	overflow: hidden;
	height: 55px;
}

#index .bnr_slide ul li {
	float: left;
	display: table;
	box-sizing: border-box;
	width: 50%;
	height: 55px;
	padding: 0 5px;
	font-size: 1.0rem;
	line-height: 1.4;
}

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



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

#index #index_news {
	margin: 0 15px;
	text-align: left;
}

#index #index_news article {
	margin: 0 0 30px;
}

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

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

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

#index #index_news div ul li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 5px 0 0;
	border: 1px solid #503764;
	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: 10px 0 0;
}


#index #index_news div + p {
	margin: 10px 0 0;
}



/* .lecture_list */

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

#index #index_news .lecture_list p a {
	padding: 0 8px 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 6px;
	border-radius: 3px;
	color: #fff;
	font-size: 1.1rem;
}

#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{
	margin: 0 15px 10px;
}
#index #index_now ul.professor li:first-child{
	position: relative;
	width: 100%;
	height: 50vw;
	margin: 0;
}
#index #index_now ul.professor li a{
	height: 50vw;
	border: none;
}
#index #index_now ul li a div.prof_slide{
	margin: 0;
	background: none;
}
#index #index_now ul li a div#prof_slide{
	margin: 0;
	background: none;
}
#index #index_now ul li a div#prof_slide li{
	width: 33.3333%;
	margin: 0;
	padding: 0;
	border: none;
}
#index #index_now ul li a div#prof_slide div{
	margin: 0;
	padding: 0;
	background: none;
}
#index #index_now ul li a div#prof_slide ul{
	margin: 0;
	overflow: hidden;
}
#index #index_now ul.professor li a > div:last-child{
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
	min-height: 60px;
	padding: 0;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.6);
}