@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic);

.top_title {font-family:'Open Sans',/*"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",*/ "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:2.6em;font-style:italic;font-weight:600;text-align:center;line-height:1.2em;color:#022858;}
.sub_title {display:block;font-size:.35em;font-weight:normal;color:#333;}

.hospital .top_title {font-style:normal;font-weight:normal;}

h2 .sub_title {font-style:normal;}

#slider li img {display:block;height:auto;}
#slider .pager {position:absolute;width:96%;padding:0 2%;text-align:center;bottom:10px;}
#slider .pager li {display:inline-block;width:14px;height:14px;margin:0 5px;border-radius:100%;background:#7fade0;z-index:10;cursor:pointer;}
#slider .pager li.active {background:#022858;}

.hospital #slider .pager li {background:#00984f;}
.hospital #slider .pager li.active {background:#076236;}

/*top_menu*/
#top_menu {background:url(../images/bg_topmenu.jpg) no-repeat center top;background-size:cover;padding-top:80px;}
#top_menu ul {padding-bottom:80px;}
#top_menu li {height:300px;text-align:center;}

#top_menu .tm01 {width:100%;background:url(../images/bg_topmenu01.jpg) no-repeat right top;margin-bottom:50px;}
#top_menu .tm02,
#top_menu .tm03,
#top_menu .tm04 {width:30%;height:240px;float:left;margin-left:5%;}
#top_menu .tm02 {background:url(../images/bg_topmenu02.jpg) no-repeat center top;background-size:cover;margin-left:0;}
#top_menu .tm03 {background:url(../images/bg_topmenu03.jpg) no-repeat center top;background-size:cover;}
#top_menu .tm04 {background:url(../images/bg_topmenu04.jpg) no-repeat center top;background-size:cover;}
#top_menu li a {display:block;color:#fff;font-size:1.4em;line-height:1.4em;background:rgba(0,0,0,0.7) url(../images/btn_arrow.png) no-repeat right 20px center;background-size:380px auto;transition:0.5s;}
#top_menu .tm01 a{height:175px;padding:125px 1em 0;}
#top_menu .tm02 a,
#top_menu .tm03 a,
#top_menu .tm04 a {height:140px;padding:100px 1em 0;background-position:right -20px center;}
#top_menu li a .sub_title {color:#7fade0;font-size:.6em;font-style:italic;font-weight:bold;line-height:1.3em;}
#top_menu li a:hover {background:rgba(0,0,0,0.1) url(../images/btn_arrow.png) no-repeat right -380px center;background-size:380px auto;text-shadow:0 0 4px #111;}

.hospital #top_menu {background:#fff;}
.hospital #top_menu li a {background-color:rgba(53,138,64,0.7);}
.hospital #top_menu li a:hover {background-color:rgba(53,138,64,0.3);}
.hospital #top_menu li a .sub_title {color:#fff;}

.hospital #top_menu .tm02 {background:url(../images/bg_hospital_topmenu01.jpg) no-repeat center top;background-size:cover;}
.hospital #top_menu .tm03 {background:url(../images/bg_hospital_topmenu02.jpg) no-repeat center top;background-size:cover;}
.hospital #top_menu .tm04 {background:url(../images/bg_hospital_topmenu03.jpg) no-repeat center top;background-size:cover;}

.hospital #top_menu.nd {padding-top:0;}
.hospital #top_menu.nd ul {padding-bottom:50px;}
.hospital #top_menu.nd .tm02 {background:url(../../hospital/images/nursingDepartment_menu01.jpg) no-repeat center top;background-size:cover;}
.hospital #top_menu.nd .tm03 {background:url(../../hospital/images/nursingDepartment_menu02.jpg) no-repeat center top;background-size:cover;}
.hospital #top_menu.nd .tm04 {background:url(../../hospital/images/nursingDepartment_menu03.jpg) no-repeat center top;background-size:cover;}


/*news_event*/
#new_event {background:#eee;padding-bottom:50px;}
.archive {display:block;color:#fff;padding:5px 25px 5px 10px;background:#999 url(../images/arrow_white.png) no-repeat right 10px center;position:absolute;right:0;top:70px;transition:.3s;cursor:pointer;}
.archive.under_btn {display:none;}
.archive:hover {background-color:#022858;}
#new_event .top_title {margin:50px 0 30px;}

#new_event ul {padding:25px 30px 5px;background:#fff;clear:both;}
#new_event ul li {border-top:dotted 1px #999;padding:20px 0;}
#new_event ul li:first-child {border:none;padding-top:0;}
#new_event .date {display:table;margin-bottom:10px;}
#new_event .date span {display:inline-block;vertical-align:center;width:130px;font-weight:bold;}
#new_event .date:before {display:none;}
#new_event .date:after {display:inline-block;font-weight:normal;font-size:.8em;color:#fff;text-align:center;width:120px;padding-top:2px;position:relative;top:-2px;}

#new_event .date span,
#new_event ul li a {color:#333;}
#new_event ul li a:hover {text-decoration:underline;}

#pickup {padding:25px 25px 0;background:#fff;border:solid 5px #ccc;margin-bottom:40px;}
#pickup ul {padding:0;}

.hospital #new_event {margin-bottom:80px;}
.hospital #new_event .top_title {color:#076236;font-size:1.5em;text-align:left;margin-bottom:10px;}
.hospital .archive.top_btn {top:48px;}
.hospital .archive:hover {background-color:#00984f;}

.hospital #new_event .left,
.hospital #new_event .right {width:47.5%;position:relative;}
.hospital #new_event .left li {padding:15px 0;}
.hospital #new_event .left li:first-child {padding-top:0;}
/*.hospital #new_event .left .date {margin-bottom:0;}*/
.hospital #new_event .right li {display:table;width:100%;padding:5px 0;}
.hospital #new_event .right li:first-child {padding-top:0;}
.hospital #new_event .right li > div {display:table-cell;vertical-align:top;}
.hospital #new_event .right li > .titles {width:6em;}
.hospital #new_event .right li > .titles > span {display:inline-block;width:5em;background:#eee;padding:5px .5em;vertical-align:middle;text-align:center;}
.hospital #new_event .right li > .text {padding:5px 0 0 30px;font-size:1.1em;}
.hospital .bnr_btn {width:48%;padding:10px 0;color:#fff !important;background:url(../images/arrow_link.png) no-repeat right 10px center;text-align:center;margin:10px 0 3px;}
.hospital .bnr_btn.left {background-color:#00984f;}
.hospital .bnr_btn.right {background-color:#785352;}

.hospital #new_event.nd {margin-bottom:0;}
.hospital #new_event.nd .left .date {margin-bottom:10px;}
.hospital #new_event.nd .right li {padding:15px 0;}
.hospital #new_event.nd .right li:first-child {padding-top:0;}
.hospital #new_event.nd .right li > div {display:block;}

/*photogallery*/
#photogallery {height:800px;padding:50px 0;}
#photogallery .top_title {margin-bottom:30px}
#photogallery li {width:249px;height:160px;position:absolute;overflow:hidden;}
#photogallery .pg03,
#photogallery .pg06 {width:499px;height:321px;}
	#photogallery .pg01 {left:0;top:0;}
	#photogallery .pg02 {left:250px;top:0;}
	#photogallery .pg03 {left:500px;top:0;}
	#photogallery .pg04 {left:0;top:161px;}
	#photogallery .pg05 {left:250px;top:161px;}
	#photogallery .pg06 {left:0;top:321px;}
	#photogallery .pg07 {left:500px;top:321px;}
	#photogallery .pg08 {left:750px;top:321px;}
	#photogallery .pg09 {left:500px;top:481px;}
	#photogallery .pg10 {left:750px;top:481px;}
#photogallery li img {display:block;width:100%;height:auto;}
#photogallery li a {display:block;with:100%;height:100%;}
#photogallery li a:hover img {opacity:.7;}
#photogallery li span {position:absolute;left:10px;bottom:10px;color:#fff;text-shadow:1px 1px 2px #333;}

/*top_link*/
#top_link {margin-bottom:50px;}
#top_link li {width:32%;height:100px;background:#43444a;text-align:center;float:left;margin-left:2%;transition:0.5s;}
#top_link li:first-child {margin-left:0;}
#top_link li a {display:block;height:75px;color:#fff;font-size:1.4em;line-height:1.4em;padding-top:25px;background:url(../images/btn_arrow.png) no-repeat right -10px center;background-size:300px auto;transition:0.3s;}
#top_link li a .sub_title {color:#7fade0;font-size:.6em;font-style:italic;font-weight:bold;line-height:1.5em;}
#top_link li:hover {background:#777;}
#top_link li a:hover {background-position:300px center;text-shadow:0 0 4px #111;}

/*nursingDepartment*/
#nd_mainvisual img {display:block;width:100%;height:auto;}

#nd_submenu {padding-bottom:55px;}
#nd_submenu ul li {width:18%;height:145px;margin-left:2.5%;float:left;}
#nd_submenu ul li:first-child {margin-left:0;}
#nd_submenu ul li a {display:block;width:100%;height:90px;border:solid 1px #00984f;text-align:center;font-size:1.2em;color:#666;padding-top:55px;background:url(../images/btn_arrow_hospital.png) no-repeat right 10px center;transition:.5s;}
#nd_submenu ul li a .sub_title {font-size:.6em;font-weight:bold;color:#999;font-style:italic;}
#nd_submenu ul li a:hover {background-position:right -150px center;}

#ather_bnr {margin-bottom:90px;}
#ather_bnr li {float:left;margin:0 20px 20px 0;}

@media screen and (max-width:1010px){
#top_menu .tm02 a,
#top_menu .tm03 a,
#top_menu .tm04 a {background-position:120% center;}	

#new_event ul li {background:url(../images/arrow_sp_top.png) no-repeat right center;padding-right:3em;}
.hospital #new_event ul li {background:none;padding-right:0;}

#top_link li a {font-size:1.2em;}

#photogallery {height:auto;}
#photogallery li span {font-size:.8em;}
#photogallery li a:hover img {opacity:1;}
}
@media screen and (max-width:680px){
#top_link li a {font-size:1em;}

.hospital #new_event .left,
.hospital #new_event .right {width:auto;float:none;}
.hospital .archive.top_btn {display:none;}
.hospital #new_event .left li,
.hospital #new_event.nd .right li {background:url(../images/arrow_sp_top.png) no-repeat right center;padding-right:3em;width:auto;}
.hospital .archive.under_btn {display:block;width:50px;height:20px;font-size:1.2em;padding:10px 25px 10px 20px;position:static;margin:30px auto 0;}
.hospital .bnr_btn {display:block;}
.hospital #new_event .right li {padding:10px 0;}
.hospital #new_event.nd .right {padding-right:0;}

/*nursingDepartment*/
#nd_submenu ul li {width:100%;float:none;margin:0 0 20px 0;height:80px;}
#nd_submenu ul li a {height:60px;padding-top:20px;}

}
@media screen and (max-width:480px){
#top_menu li a {background-position:150% center;}
#top_menu .tm02,
#top_menu .tm03,
#top_menu .tm04 {float:none;width:100%;height:150px;margin-left:0;background-size:100% auto;}
#top_menu .tm02 a,
#top_menu .tm03 a,
#top_menu .tm04 a {padding-top:50px;height:100px;background-position:130% center;}

#top_menu li {margin-bottom:20px !important;}
#top_menu li a .sub_title {font-weight:normal;}

.archive.top_btn {display:none;}
.archive.under_btn {display:block;width:50px;height:20px;font-size:1.2em;padding:10px 25px 10px 20px;position:static;margin:30px auto 0;}

.hospital #new_event .right li > div {display:block;}
.hospital #new_event .right li > .text {padding:5px 0 0 0;}

 
#top_link.inner li {float:none;width:100%;margin-left:0;background-size:cover;margin-bottom:20px;}
#top_link li a {font-size:1.5em;}

#new_event .date span {width:72px;}
#new_event .date:after {width:110px;}

#ather_bnr li {float:none;text-align:center;margin:0 0 20px 0;}

}