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

/*//////////////////////////////////////Default*/

body,html{
	min-width:950px;}

body,html,
h1,h2,h3,h4,h5,h6,
div,p,ul,ol,li,
dl,dt,dd,table,th,td,
form,input,i,em {
	margin:0;
	padding:0;
	font-style:normal;}

img{
	line-height:0;}


p{
	margin-bottom: 1em;
	line-height: 1.8;
	font-size: 16px;}

p,em,
ul,ol,li,i,
table,tr,td,input,select,textarea,
a,h4,h5,h6,h7{
	font-weight:500;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#484848;}

h1,h2,h3{
	color: #484848;
	font-family:"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

h4{
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 20px;
	border-bottom: 2px solid #002e73;}

h5{
	font-weight: bold;
	margin: 2em 0 1em 0;
	font-size: 18px;
	background: rgba(219,233,255,1.00);
	padding: 5px;}

ol,ul,li {
	list-style-type: none;}

a,img{
	outline:none;
	border:0;
	text-decoration:none;}

a{
	-webkit-transition: all, 0.3s;
	transition: all, 0.3s;}

a:hover {
	-webkit-transition: all, 0.3s;
	transition: all, 0.3s;}

a:hover img{
	-webkit-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity:0.7;}

::-moz-selection {
	background: rgba(91,129,185,0.70);
	color: #fff;}

::selection {
	background: rgba(91,129,185,0.70); 
	color: #fff;}

.pagetop{
	position: fixed;
	bottom: 1em;
	right: 1em;}

table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #002e73;
	border-left: 1px solid #002e73;}

table td{
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #002e73;
	border-right: 1px solid #002e73;}

table td p{
	margin-bottom: 0;
	padding: 0;}

table tr:first-child td{
	background: rgba(219,233,255,1) !important;}

table tr td:first-child{
	background: rgba(219,233,255,0.4);}


/*//////////////////////////////////////Default*/

.sp{
	display: none;}

#top{
	position: relative;}

#top h2 {
	width: 530px;}

#top h2 img.pc{
	display: none;}

#top h2 img{
	width: 40%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;	margin: auto;
	z-index: 10;}

#top ul{
	overflow: hidden;}

#top ul li{
	position: relative;
	height: 85vh;
	float: left;
	width: 50%;}

#top ul li#shoki{
	background-image: url(../images/shoki_ttl.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;}

#top ul li#koki{
	background-image: url(../images/koki_ttl.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;}

#top ul li#hospital{
	background-image: url(../images/hospital_ttl.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;}

#top ul li a{
	position: relative;
	z-index: 10000;
	height: 100%;
	display: block;}

#top ul li a .btn {
	z-index: 100;
	background-color: rgba(255,255,255,0.1);
	transition: background-color 0.1s linear;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	color: #fff;
	text-align: center;
	width: 320px;
	margin: auto;
	border: 3px solid #fff;
	border-radius: 10px;
	padding: 15px 0;
	font-size: 25px;
	font-weight: bold;}

#top ul li a:hover .btn{
	background-color: rgba(255,255,255,0.6);}

#header{
	width: 100%;
	position: relative;
	z-index: 1000;
	padding: 20px 0;}

#header #headerBox{
	width: 980px;
	margin: 0 auto;}

#sp-head{
	display: none;}
 
#header h1{
	line-height: 0;}

#footer{
	position: relative;
	z-index: 10;
	padding-top: 20px;
	width: 980px;
	margin: 0 auto 60px;
	text-align: right;}

#footer a{
	color: #cfcfcf;
	padding: 0 10px;
	border-right: 1px solid #cfcfcf;
	font-weight: bold;}

#footer a:first-child{
	border-left: 1px solid #cfcfcf;}


@media screen and (max-width: 645px) {
	
	body,
	html{
		min-width:100%;}
	
	.sp{
		display: block;}
	
	#top h2 img.pc{
		display: none !important;}

	#header h1{
		padding-top: 10px;
		box-sizing: border-box;
		text-align: center;}
	
	#header{
		height: 70px;
		padding: 10px 0 0 0;
		box-sizing: border-box;}
	
	#headerBox{
		top: 0;
		height: 70px;
		background: #fff;
		position: fixed;}
	
	#footer{
		padding: 20px 10px 0 10px;
		box-sizing: border-box;
		margin: 0 auto 70px;}
	
	#footer,
	#header #headerBox,
	#top h2 {
		width: 100%;}
	
	#top h2 {
		padding-bottom: 20px;}
	
	#top h2 img{
		position: static;
		width: 80%;}
		
	h2 img.pc{
		display: none;}
	
	#top ul li {
		margin: 5px 0;
		height: 200px;
		float: none;
		width: 100%;}
	
	#top ul li .btn a{
		bottom: 0;
		top: 0;
		height: 40px;
		padding: 5px 0;}

	#sp-head{
		display: block;}
	
	.inner:after {
		content: "";
		clear: both;
		display: block;}

	#nav-toggle {
	    display: none;
	    position: absolute;
	    right: 10px;
	    top: 15px;
	    width: 40px;
	    height: 30px;
	    cursor: pointer;
	    z-index: 101;}
	
	#nav-toggle div {
	    position: relative;}
	
	#nav-toggle span {
		color: #002e73;
	    display: block;
	    position: absolute;
	    height: 1px;
	    width: 100%;
	    background: #002e73;
	    left: 0;
	    -webkit-transition: .35s ease-in-out;
	    -moz-transition: .35s ease-in-out;
	    transition: .35s ease-in-out;}
	
	#nav-toggle p{
		font-size: 10px;}
	
	#nav-toggle::after {
	    margin-top: 26px;
	    font-size: 9px;
	    content: "";
	    clear: both;
	    display: block;
	    color: #002e73;}
	
	#nav-toggle span:nth-child(1) {
	    top: 0;}
	
	#nav-toggle span:nth-child(2) {
	    top: 11px;}
	
	#nav-toggle span:nth-child(3) {
	    top: 22px;}
	
	#sp-head,.inner {
		width: 100%;
	    padding: 0;}
	
	.inner {
	    top: 0;
	  	position: fixed;
	    margin-top: 0;
		z-index: 100000;}
	
	.ss-nav{
		display: none;}
	
	#sp-head.fixed {
		padding-top: 0;
		background: transparent;}
	
	#global-nav {
		z-index: 100000000000;
		position: absolute;
		top: -510px;
		background: #fff;
		width: 100%;
		text-align: center;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;}
	
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 14px;
		z-index: 100000000000;}
	
	#global-nav ul li {
		border-bottom: 1px solid #002e73;
		float: none;
		position: relative;}
	
	#sp-head #global-nav ul li p,
	#sp-head #global-nav ul li a,
	#sp-head.fixed #global-nav ul li a {
		margin-bottom: 0;
		font-size: 13px;
		font-weight: 500;
		width: 100%;
		display: block;
		color: #002e73;
		padding: 10px;
		text-align: left;
		background-size: 2%;
		box-sizing: border-box;}
	
	#nav-toggle {
		display: block;}
	
	.open #nav-toggle span:nth-child(1) {
	 	top: 11px;
	 	-webkit-transform: rotate(315deg);
	 	-moz-transform: rotate(315deg);
	 	transform: rotate(315deg);}
	
	.open #nav-toggle span:nth-child(2) {
	 	width: 0;
	 	left: 50%;}
	
	.open #nav-toggle span:nth-child(3) {
	 	top: 11px;
	 	-webkit-transform: rotate(-315deg);
	 	-moz-transform: rotate(-315deg);
	 	transform: rotate(-315deg);}
	
	.open #global-nav {
	 	/* #global-nav top + #mobile-head height */
	 	-moz-transform: translateY(579px);
	 	-webkit-transform: translateY(579px);
	 	transform: translateY(579px);}
	
	p.link:after{
		position:absolute;
		right:10px;
		top: 12px;
		z-index: 100;
		content: '';
		background: url(/kenshu/images/open.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		width: 16px;
		height: 13px;
		text-align:right;}
	
	p.active_ss:after{
		content: '';
		background: url(/kenshu/images/close.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		text-align:right;}
	
}


@media screen and (max-width: 400px) {
	
	.pagetop{
		bottom: 0;
		right: 0.5em;}
	
	#header,
	#headerBox{
		height: 50px;}
	
	#global-nav {
		top: -529px;}
	
	#header h1 {
		padding-top: 5px;}
	
	h1 a img{
		width: 140px;}
	
	#sp-head #global-nav ul li p,
	#sp-head #global-nav ul li a,
	#sp-head.fixed #global-nav ul li a{
		padding: 8px;}
	
	#top ul li .btn a{
		height: 32px;
		width: 280px;
		font-size: 20px;}
	
}