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

/*===============================================
●SP.css 画面の横幅が750px以下
===============================================*/

body {
  font-size:11px;
}

body p{
  font-size:14px;
}
.pc{
	display:none;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}


#roof{
	border:none;
	border-top:3px #bbb solid;
	margin:0;
	padding:0;
	line-height:0;
	float:left;
	width:100%;
}
header{
	width:100%;
	float:left;
	box-sizing:border-box;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-top:3px #ddd solid;
	float:left;
}
header a p{
	padding-top:5px;
}

header img {
	width:100%;
	max-width:330px;
}
.sp #mv img{
	width:100%;
}
.sp #mv img{
	width:100%;
}


.nav {
	float:left;
	width:100%;
	border:1px solid #ddd;
	box-sizing:border-box;
}



.nav a{
	width:100%;
	background-color:#999;
	height:100px;
	text-align:center;
}

.nav a .pallet{
	float:left;
	display:inline;
	width:50%;
	height:auto;
	padding:0px 0 17px;
	background-color:#fff;
	border:1px solid #ddd;
	box-sizing:border-box;
}






.nav p{
	font-size:85%;
	font-family: 'Gentium Basic', serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	color:#666;
}


.nav #clinic,.nav #clinic h1,.nav #nursing,.nav #nursing h1{
	color: #fff;	
}
.nav #clinic{
	background-color:#5284c2;
	background-image: url(../images/right1.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 8px center;
}

.nav #clinic p{
	color:#bcd1e5;
}
.nav #nursing p{
	color:#fdd390;
}
.nav #nursing:hover > p{
	color:#fdd390;
}

.nav #visit h1,.nav #contact h1,.nav #visit2 h1,.nav #contact2 h1{
	color:#8297a5;
}
.nav #clinic2 h1{
	color:#5284c2;
}
.nav #nursing2 h1{
	color:#f89b41;
}
.nav #nursing{
	background-color:#f89b41;
	background-image: url(../images/right1.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 8px center;
}
.nav #clinic2,.nav #nursing2,.nav #visit,.nav #contact,.nav #visit2,.nav #contact2{
	background-image: url(../images/right2.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 7px center;
}



.contents{
	float:left;
	padding:50px 3.8% 0%;
}
.contents .image_r,.contents .image_l{
	padding-bottom:6.5%;
	padding-top:1%;
}
.contents .image_r img,.contents .image_l img{
	float:left;
	width:100%;
	max-width:100%;
	margin:15px auto;
	position:static;
	padding:0;
}


.text_l,.text_r{
	float:left;
	width:100%;
}

aside img{
	padding:3%;
	box-sizing:border-box;
}
aside{
	padding-bottom:55px;
}

#googlemap_s{
	width:100%;
	max-width:100%;
	margin:0px auto 50px;
	text-align:center;
	box-sizing:border-box;
	float:none;
	height:auto;
}
#googlemap_s h1{
	font-family: 'Gentium Basic', serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	font-size:170%;
	color:#2d718d;
	padding-bottom:0px;
	line-height:155%;
}
#mapinner{
	border:solid 3px #2d718d;
	box-sizing:border-box;
	margin:15px 3.8%;
}
#googlemap_s p{
	padding-top:10px;
}

#googlemap_s p a{
	color:#666;
	text-decoration:underline;
	}

.back_top{
	width:100%;
	padding:35px 0;
}

#bottomlogoback{
	text-align:center;
	padding:13% 0 9%;
	float:left;
	width:100%;
	}
#bottomlogoback p{
	padding-top:4%;
	}
#bottomlogoback a p{
	color:#666;
	}
	
.back_top i{
	font-size:160%;
}

#bottomlogoback img{
	max-width:90%;
}

#copy{
	margin:0px auto;
	float:left;
	padding-bottom:32px;
	padding-top:32px;
}


/*==========================================
index　コンテンツ
===========================================*/

#mv{
	float:left;
}

.nav2 a img{
	max-width:50%;
	height:auto;
	float:left;
}

.mainmenu #left,.mainmenu #right{
	width:100%;
	padding:7% 3%;
}

.mainmenu .summary a{
	padding:15px;
	margin-bottom:15px;
}

.mainmenu #left{
	background-color:#5284c2;
}
.mainmenu #right{
	background-color:#f89b41;
}
.mainmenu #left section img{
	border:solid 4px #5284c2;
}
.mainmenu #right section img{
	border:solid 4px #;
}
.mainmenu p,.mainmenu h2{
	padding-bottom:5px;
}

.btn-area{
    background: #5287cd;
    text-align: center;
    text-decoration: none;
    position: relative;
    width: 100%;
    height: 50px;
    font-size: 20px;
    box-sizing:border-box;
    border:2px solid #5287cd;
    cursor: pointer;
    transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -webkit-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
}
.w300{
    width: 100%;
}
.btn-area:after{
    content:"";
    display: inline-block;
    background: url(../images/recruit_arrow.png) no-repeat;
    width: 11px;
    height: 18px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -9px;
}

.btn-area a{
    color:#fff;
    text-decoration: none;
    line-height: 50px;
    padding: 4% 36%;
    cursor: pointer;
}

.btn-area:hover{
    background: #fff;
    border:2px solid #5287cd;
    box-sizing:border-box;
}

.btn-area:hover a{
    color:#5287cd;
}

.btn-area:hover:after{
    background: url(../images/recruit_arrow_on.png) no-repeat;
}