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

@import url("../webfonts/FOT-MatissePro-M/stylesheet.css");
@import url("../webfonts/FOT-MatissePro-DB/stylesheet.css");

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォン向けレイアウト指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/
body {
  width: 100%;
  max-width:1920px;
  margin:0 auto;
  background-color:#FFF;
  	font-family:'Helvetica Neue', Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-size:14.5px;
  color:#222;
}

h1, h2, h3, h4, h5, h6, p{
	font-weight:normal;
  line-height:198%;

}


a{
	
  text-decoration:none;
  color:#222;
}

img{
	line-height:0;
	vertical-align: bottom;
}





/*==========================================
 ヘッダーのスタイル
===========================================*/



.nav h1,.nav h2,.nav p{	
	line-height:160%;
}

.nav h1{
	padding-top:20px;
	font-size:88%;
}
.nav h2{
	font-size:96%;
}
.nav p{
	font-size:85%;
	font-family: 'Gentium Basic', serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	color:#777;
}

.nav #clinic h1{
	color:#5284c2;
}
.nav #nursing h1{
	color:#f89b41;
}

.nav #visit h1,.nav #contact h1,.#imp h1{
	color:#2ba1c2;
}

.nav #clinic:hover{
	background-color:#5284c2;
	color:#fff;
}
.nav #clinic:hover > h1,.nav #nursing:hover > h1{
	color:#fff;
}
.nav #clinic:hover > p{
	color:#bcd1e5;
}

.nav #nursing:hover{
	background-color:#f89b41;
	color:#fff;
}
.nav #nursing:hover > p{
	color:#fdd390;
}





/*==========================================
 コンテンツのスタイル
===========================================*/


.contents{
	float:left;
	padding:1% 4% 1.8%;
	width:100%;
	box-sizing:border-box;
}
.contents .image_r{
	float:left;
	position:relative;
	padding-top:50px;
	width:100%;
}

.contents .image_l{
	float:left;
	position:relative;
	padding-top:50px;
	width:100%;
}


.contents h1{
	font-size:170%;
	font-family:FOT-MatissePro-DB;
	color:#2d718d;
	padding-bottom:13px;
	line-height:155%;
}
.contents p{
	padding-bottom:13px;
}
.contents p.supplement{
	font-size:85%;
	color:#444;
}
.contents .image_r img{
	width:27%;
	padding-left:3%;
}

.contents .image_l img{
	width:27%;
	padding-right:3%;
}


.text_l{
	float:left;
	width:70%;
}
.text_r{
	float:right;
	width:70%;
}
.text_o{
	float:left;
	width:100%;
}



.widephoto{
	float:left;
	padding-top:30px;
	padding-bottom:45px;
	max-width:100%;
}




/*==========================================
 フッターのスタイル
===========================================*/

footer .pc{
	float:left;
	width:100%;
}

footer #nav3{
	width:77%;
	padding:3% 3% 3% 4.6%;
	box-sizing:border-box;
	background-color:#FFF;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	float:left;
}

footer #nav3 span{
	color:#bbb;
}

footer #nav3 a:hover{
	color:#666;
	text-decoration:underline;
}

.back_top{
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	float:left;
	width:23%;
	padding:3%;
	box-sizing:border-box;
	background-color:#FFF;
	text-align:center;
	background-image:url(../images/bg_blue2.png);
	background-repeat: repeat;
	color:#FFF;
}
.back_top:hover{
	background-image: url(../images/bg_blue1.png);
	background-repeat: repeat;
}

.pc #nav3 i,.pc .back_top i{
	font-size:160%;
}
.back_top i a:hover{
	text-decoration:underline;
}

#address{
	text-align:center;
	padding:65px;
	box-sizing:border-box;
	width:100%;
	float:left;
}


#address img{
	max-width:90%;
}
#address img:hover{
	opacity:0.8;
}



#googlemap{
	width:44.85%;
	float:left;
	height:380px;
	margin-left:4%;
}
#sitemap{
	width:44.85%;
	float:right;
	height:378px;
	margin-right:4%;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
#sitemap p{
	line-height:237%;
	color:#888;
	padding-top:24px;
	box-sizing:border-box;
}
#sitemap p a{
	color:#333;
}

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

#sitemap p span{
	font-size:120%;
	color:#2d718d;
}
#sitemap p span a{
	color:#2d718d;
	font-weight:bold;
}
#sitemap p span a:hover{
	color:#088fb6;
	text-decoration:none;
}

#copy{
	width:100%;
	margin:0px auto;
	float:left;
	padding-bottom:45px;
	padding-top:45px;
	text-align:center;
	color:#aaa;
	font-size:90%;
	float:left;
	font-family: 'Gentium Basic', serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height:145%;
}
.pc #sitemap p span a .fa.fa-external-link{
	color:#777;
	font-size:85%;
}


/*==========================================
index　MVのスタイル
===========================================*/

.flexslider{
	float:left;
}


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

.mainmenu{
	float:left;
	text-align:center;
	color:#FFF;
	width:100%;
	
}
.mainmenu #left{
	float:left;
	background-color:#5284c2;
	padding:4% 4.5%;
	width:50%;
	box-sizing:border-box;
}
.mainmenu #right{
	float:right;
	background-color:#f89b41;
	padding:4% 4.5%;
	width:50%;
	box-sizing:border-box;
}
.mainmenu h1{
	font-family:FOT-MatissePro-M;
	font-size:175%;
	padding-bottom:0px;
	line-height:30px;
	padding-top:5px;
}
.mainmenu p{
	font-family: 'Gentium Basic', serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	padding-bottom:15px;
}
.mainmenu h2{
	font-family:FOT-MatissePro-DB;
	font-size:195%;
	line-height:20px;
	padding-bottom:10px;
}
.mainmenu .summary a{
	display:inline-block;
	padding:10px;
	border:#fff solid 1px;
	margin:10px auto 25px;
	color:#FFF;
}


.mainmenu #left .summary a:hover{
	background-color:#4c8fe9;
}
.mainmenu #right .summary a:hover{
	background-color:#ffaf51;
}
.mainmenu section img{
	width:50%;
	float:left;
	box-sizing:border-box;
}
.mainmenu section img:hover{
	width:50%;
	float:left;
	box-sizing:border-box;
}
.mainmenu #left section img{
	border:solid 4px #5284c2;
}
.mainmenu #left section img:hover{
	border:solid 4px #66abeb;
}
.mainmenu #right section img{
	border:solid 4px #f89b41;
}
.mainmenu #right section img:hover{
	border:solid 4px #ffc76e;
}


.mainmenu #left p{
	color:#bcd1e5;
}
.mainmenu #right p{
	color:#fdd390;
}

#recruit i{
	color:#f88691;
}

.contents p.staff{
	color:#2d718d;
	font-size:120%;
	font-weight:bold;
}
#bottomarea{
	padding-bottom:45px;
	float:left;
	width:100%;
}


/*==========================================
下層　ヘッドライン
===========================================*/


.contentslist{
	width:60%;
	float:right;
}




.breadcrumb{
	width:100%;
	padding:24px 4% 40px 4%;
	float:left;
	font-size:90%;
	color:#777;
	box-sizing:border-box;
}
.breadcrumb a{
	color:#777;
}
.breadcrumb a:hover{
	color:#111;
	text-decoration:underline;
}



/*==========================================
料金表
===========================================*/

p.tablebottom{
	float:left;
	padding-top:15px;
}
p.tablebottom2{
	float:left;
	padding-top:15px;
}
p.tablebottom3{
	float:left;
}
p.tablebottom span,p.tablebottom2 span,p.tablebottom3 span{
	font-size:130%;
	font-weight:bold;
}

/*==========================================
看護・介護top
===========================================*/

#contentsmap2{
	padding-top:10px;
	padding-bottom:30px;
	float:left;
	width:100%;
}
#contentsmap2 h3,#contentsmap2 li{
	line-height:150%;
}

.half .nevgroup{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.half .nevgroup h3{
	float:left;
	font-family:FOT-MatissePro-M;
	font-size:150%;
	color:#a55405;
	width:100%;
	padding-top:25px;
	padding-bottom:3px;
	display:block;
	border-bottom:1px solid #f89b41;
	margin-bottom:22px;
}
.half .nevgroup h3 a{
	font-family:FOT-MatissePro-M;
	color:#a55405;
	padding-left:5px;
}
.half .nevgroup h3 a:hover{
	font-family:FOT-MatissePro-M;
	color:#DF7500;
}


.half .nevgroup i{
	color:#f89b41;
	padding-right:5px;
}

.half .nevgroup ul li{
	float:left;
	margin-left:5%;
	width:100%;
	padding:12px 0;
	font-size:115%;
}

.half .nevgroup ul a:hover{
	color:#000;
	text-decoration:underline;
}


@media print{
.mainmenu,footer,aside,.headline,#printout a p,#formWrap,#lunch_plan,.printline2{
	display:none;
}
}


.contents hr.printline{
	padding:0;
	margin:0 auto;
	border:#FFF;
	width:100%;
}

.nl01 {
	line-height:50px;
	vertical-align: bottom;
}