@charset "utf-8";


/*===========================================================================================
components.css (旧style.css)
===========================================================================================*/


/*　---------------------------------
トップ・下層共通 SP
-----------------------------------*/

/* 予約ボタン SP -----------------------*/
.btn-rese a{
	display: block;
	padding:15px 5px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	background-color:#0091ea;
}
.btn-rese a[href="tel:"] {pointer-events: none;}
.btn-rese p:first-child{font-size:14px; font-size: 1.4rem;}
.btn-rese p:last-child{
	max-width: 280px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 21px; font-size: 2.1rem;
	background:url('../img/icon-tel-white.png') no-repeat left 5px;
}
.btn-rese span{font-size: 14px; font-size: 1.4rem;}


/*　---------------------------------
トップページ 共通 SP
-----------------------------------*/

/* メインビジュアル -----------------------*/
.mainViz{
	padding: 0;
	background:none;
}
.mainViz > p{display: block;}
.mainViz ol{padding:20px 15px;
}
.mainViz ol li{
	text-align: left;
	text-shadow: -10px -10px 10px #fff,5px 5px 10px #fff;}
.mainViz ol li:first-child{
	padding-bottom: 5px;
	line-height: 1.5;
	font-size:24px; font-size: 2.4rem;
}
.mainViz ol li:last-child{font-size:18px; font-size: 1.8rem;}
.mainViz ol li br{display: none;}

.slider{
	    margin: 0 auto;
   /* max-width: 1440px;*/
}


/*見出し(h2,h3) SP -------------------*/
.notoH2{
	margin-bottom: 40px;
	text-align: center;
	line-height: 1;
	letter-spacing: 5px;
}
.notoH2 span{display: block;}
.notoH2 span:first-child{
	margin-bottom: 15px;
	padding-bottom: 20px;
	font-size: 24px; font-size: 2.4rem;
}
.notoH2 span:last-child{font-size: 14px; font-size: 1.4rem;}

.line-blue{background: url('../img/bg-line-h2.gif') no-repeat center bottom;}
.line-white{background: url('../img/bg-line-h2w.gif') no-repeat center bottom;}

.notoH3{
	margin-bottom: 30px;
	padding: 30px 0 0 25px;
	line-height: 1;
	border-left: 2px solid #0091ea;
	font-size: 28px; font-size: 2.8rem;
}

/* h4 h5 あたりで使用する見出し　*/
.noto_blue{
	margin-bottom: 10px;
	padding: 2px 20px 0;
	color: #0091ea;
	border: 1px solid #0091ea;
}
.noto_blue_bgline{
	margin-bottom: 20px;
	padding-bottom: 5px;
	color: #0091ea;
	background: url('../img/bgline-h4.gif') no-repeat left bottom;
}
.noto_blue_line{
	padding-bottom: 5px;
	text-decoration: underline;
}
.noto_under_bold{
	padding-bottom: 5px;
	font-weight: bold;
	text-decoration: underline;
}

/* 各部署 dep02.html用 SP　*/
.noto_dep_blue{
	max-width: 840px;
	margin-bottom: 20px;
	padding: 3px 10px;
	border-radius: 4px;
	color: #fff;
	background-color: #0091ea;
	font-size: 18px; font-size: 1.8rem;
	line-height: 1.5;
	display: flex;
}
.noto_dep_blue span{display: block;}
.noto_dep_blue span:first-child{width: 8%;}
.noto_dep_blue span:last-child{width: 92%;}

.icon-pdf{font-size: 13px; font-size: 1.3rem;}
.icon-pdf i{
	padding: 0 5px;
	color: #ff0000;
}


/* メインコンテンツ SP -------------------*/
#container{padding:10px 0 30px;}



/*　---------------------------------
下層ページ 共通 SP
-----------------------------------*/

/*　メインビジュアル SP　--------------------*/
.mainVizPage{
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.mainVizPage p{
	padding: 4em 0;
	text-align: center;
	letter-spacing: 10px;
	font-size: 24px; font-size: 2.4rem;
	text-shadow: -10px -10px 10px #fff,5px 5px 10px #fff;
}

.mainVizPage p span{
	display: block;
	padding-bottom: 10px;
	background:url('../img/bg-line.gif') no-repeat center bottom;
}

.bgpage-about{background-image:url('../img/ph-pagemain-about.jpg');}
.bgpage-consult{background-image:url('../img/ph-pagemain-consult.jpg');}
.bgpage-hospitalization,
.bgpage-dim,
.bgpage-ophthalmology,
.bgpage-rehabilitation{background-image:url('../img/ph-pagemain-hospitalization.jpg');}

.bgpage-diabetes,.bgpage-diabetes-info{
    background-image:url('../img/ph-pagemain-diabetes.jpg');
}

.bgpage-dep06,.bgpage-dep12{
	background-image:url('../img/ph-pagemain-rehabilitation.jpg');
}

.bgpage-obesity{background-image:url('../img/ph-pagemain-obesity.jpg');}
.bgpage-department,
.bgpage-dep01,
.bgpage-dep02,
.bgpage-dep03,
.bgpage-dep04,
.bgpage-dep05,
.bgpage-dep07,
.bgpage-dep08,
.bgpage-dep09,
.bgpage-dep10{background-image:url('../img/ph-pagemain-department.jpg');}
.bgpage-dep11{background-image:url('../img/ph-pagemain-dep11.jpg');}
.bgpage-patient{background-image:url('../img/ph-pagemain-patient.jpg');}
.bgpage-course{background-image:url('../img/ph-pagemain-course.jpg');}
.bgpage-pp{background-image:url('../img/ph-pagemain-1.jpg');}
.bgpage-recipe{background-image:url('../img/ph-pagemain-4.jpg');}

.bgpage-news{background-image:url('../img/ph-pagemain-3.jpg');}
.bgpage-recruit{background-image:url('../img/ph-pagemain-department.jpg');}
.bgpage-contact,
.bgpage-contactform{background-image:url('../img/ph-pagemain-5.jpg');}
.bgpage-rasiku{background-image:url('../img/bg-rashiku.jpg');}
.bgpage-clinic{background-image:url('../img/bg-clinic.jpg');}
.bgpage-search{background-image:url('../img/ph-pagemain-search.jpg');}



/*　下層 ページ内サブメニュー SP-------------*/
.pageSuvNav,.pageSuvNavDia{
	max-width: 940px;
	margin: 0 auto;
	padding: 20px 10px;
	background-color: #eceff1;
}
.pageSuvNav nav,.pageSuvNavDia nav{
	padding: 20px;
	border-radius: 4px;
	background-color: #fff;
}
.pageSuvNav nav ul,.pageSuvNavDia nav ul{text-align:left;}
.pageSuvNav nav ul li,.pageSuvNavDia nav ul li{
	padding: 2px 0;
	display: block;
}
.pageSuvNav nav ul li::after,
.pageSuvNavDia nav ul li::after{content:"";}

.pageSuvNav nav ul li a,
.pageSuvNavDia nav ul li a{text-decoration: underline;}



/* 下層 メインコンテンツ SP -------------------*/
#contentPage{
	padding:50px 15px;
}

/* 下層 見出し（h2） SP -------------------*/
.pageH2{
	padding: 5px 20px 0;
	border-left: 3px solid #0091ea;
	font-size: 30px; font-size: 3.0rem;
	line-height: 1.2;
}
/* 下層 見出し（h3） SP -------------------*/
.pageH3{
	padding-bottom:20px;
	color:#0091ea;
	font-weight: bold;
	font-size: 21px; font-size: 2.1rem;
}



/*----------------------------------------------------
タブレット・PC用
----------------------------------------------------*/
@media only screen and (min-width: 768px) {

	/*　---------------------------------
	トップページ 共通 PC 768
	-----------------------------------*/

	/* メインビジュアル PC -----------------------*/

	.mainViz{
	/*	padding: 20em 15px 2em;
		background:url('../img/bg-topmain.jpg') no-repeat center top;
		background-size: 1440px;*/
		position: relative;
	}

	.mainViz > p{display: none;}
	.miniViz > div{display:none}

	.mainViz ol{

	}

	.mainViz ol li{text-align: center;}
	.mainViz ol li:first-child{
		padding-bottom: 30px;
		line-height: 1.5;
		font-size:48px; font-size: 4.8rem;
	}
	.mainViz ol li:last-child{font-size:24px; font-size: 2.4rem;}
	.mainViz ol li br{display: block;}


	/* メインコンテンツ PC -------------------*/
	#container{padding:50px 0 100px;}

	/*トップページ用 見出しh2 PC -------------------*/
	.notoH2 span:first-child{font-size: 36px; font-size: 3.6rem;}
	.notoH3{
		padding:40px 0 0 25px;
		font-size: 36px; font-size: 3.6rem;
	}

	/*　---------------------------------
	下層ページ 共通 PC 768
	-----------------------------------*/

	/* メインビジュアル PC -----------------------*/
	.mainVizPage{background-size: cover;}
	.mainVizPage p{
		padding: 5em 0 4em;
		font-size: 42px; font-size: 4.2rem;
	}

	/*　ページ内サブメニュー PC-------------*/
	.pageSuvNav,.pageSuvNavDia{
		padding: 60px 10px 0;
		background-color: transparent;
	}
	.pageSuvNav nav,.pageSuvNavDia nav{
		padding: 0;
		border-radius: 0;
		background-color:transparent;
	}
	.pageSuvNav nav ul{text-align: center;}
	.pageSuvNav nav ul li{display: inline;}
	.pageSuvNav nav ul li::after{content:" | ";}
	.pageSuvNav nav ul li:last-child::after{content:"";}

	/*　ページ内サブメニュー 糖尿病P用 PC-------------*/
	.pageSuvNavDia nav ul li{text-align: left;}
	.pageSuvNavDia nav ul li{display: inline;}
	.pageSuvNavDia nav ul li::after{content:" | ";}
	.pageSuvNavDia nav ul li:last-child::after{content:"";}


	/* 下層 メインコンテンツ SP -------------------*/
	#contentPage{padding:60px 15px;}

	/* 各部署 dep02.html用 SP　*/
	.noto_dep_blue span:first-child{width: 5%;}
	.noto_dep_blue span:last-child{width: 95%;}


}

/*----------------------------------------------------
タブレット・PC用 1080
----------------------------------------------------*/
@media only screen and (min-width: 1080px) {

	/*　---------------------------------
	トップ・下層共通 PC 1080
	-----------------------------------*/
	.btn-rese a{padding:15px 0;}
	.btn-rese a[href^="tel:"] {pointer-events: none;}
	.clinic_tel {pointer-events: none; color:inherit;}

	/* 予約ボタン PC 1080 -----------------------*/
	.btn-rese p:first-child{font-size:16px; font-size: 1.6rem;}
	.btn-rese p:last-child{
		max-width: 360px;
		padding: 0 0 0 30px;
		font-weight: bold;
		font-size: 28px; font-size:2.8rem;
		background:url('../img/icon-tel-white.png') no-repeat left center;
	}
	.btn-rese span{font-size: 16px; font-size: 1.6rem;}


	/*　---------------------------------
	トップページ 共通 PC 1080
	-----------------------------------*/

	/* メインビジュアル PC 1080 -----------------------*/
	.mainViz{
	/*	padding:25em 0 2em;
		background-size: 1440px;*/
	}

	.mainViz ol{
		position: absolute;
	/*miyano*/
		top:50%;
		left: 10%;
	}
	.mainViz ol li:first-child br{display: none;}

	/*　---------------------------------
	slick スライダー PC 1080
	-----------------------------------*/
	.slick-slider .slick-list{
		max-height: 660px;
	}
	.slick-slide img{
		width: 100%;
	}



	/*　---------------------------------
	下層ページ 共通 PC 1080
	-----------------------------------*/

	/*　ページ内サブメニュー PC 1080-------------*/
	.pageSuvNav{padding: 60px 0 0 0;}

	/* 下層 メインコンテンツ PC 1080  -------------------*/
	#contentPage{padding:60px 0;}

}




/*----------------------------------------------------
タブレット・PC用
----------------------------------------------------*/
@media only screen and (min-width: 1440px) {

	/*　---------------------------------
	トップ・下層共通 PC 1440
	-----------------------------------*/

	/* メインビジュアル PC 1440 -----------------------*/
	.mainViz{
		/*padding:20em 0 7em;*/
		background-size: cover;
	}


}