@charset "UTF-8";
/*リセットcss---------------------------*/
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh; }

@media screen\0 {
	body {
		display: block; } }
a {
	color: #000;
	text-decoration: none;
	background-color: transparent; }

a:hover {
	color: #005BAB;
	text-decoration: none; }

p, ol, ul, li, table, th, td, dl, dt, dd, a, address, figcaption {
	font-feature-settings: "palt";
	margin-bottom: 0;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.8em;
	font-size: 1.6rem; }

ul {
	list-style-type: none;
	margin: 0;
	padding: 0; }

table {
	width: 100%;
	border-spacing: 0; }

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none; }
	button:focus {
		outline: 0; }

/*フォント関連----------------------*/
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; }

html {
	font-size: 62.5%; }

h1 {
	font-size: 2.8rem;
	margin:0 10px 0 0; }

h2 {
	font-size: 2.2rem; }

h3 {
	font-size: 2rem; }

h4 {
	font-size: 1.8rem; }

h5 {
	font-size: 1.6rem; }

/*汎用クラス*/
.font_s {
	font-size: 1.35rem !important; }

.font_sm {
	font-size: 1.6rem !important; }

.font_m {
	font-size: 2rem !important; }

@media only screen and (min-width: 992px) {
	h1 {
		font-size: 3.5rem; }

	h2 {
		font-size: 3rem; }

	h3 {
		font-size: 2.4rem; }

	h4 {
		font-size: 2.2rem; }

	h5 {
		font-size: 2rem; }

	/*汎用クラス*/
	.font_lg_sm, .font_s {
		font-size: 1.8rem !important; }

	.font_sm {
		font-size: 2rem !important; }

	.font_m, .font_mm {
		font-size: 2.4rem !important; } }


/* 共通部品置き場 ---------------------------*/
.content {
	padding-top: 30px !important;
	padding-bottom: 30px !important; }

.content_pt {
	padding-top: 30px !important; }

.content_pb {
	padding-bottom: 30px !important; }

.container_pc {
	width: 100%;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto; }

.bg_img_blue_light {
	background:#fbf6e8; /*url(images/bg-light.png) repeat;*/
	position: relative;
	z-index: 1; }

.bg_img_blue {
	background:url(images/bg-dark2.jpg); /* #c1c1c3*/
	background-size:contain;
	position: relative;
	z-index: 1;
}

/*
.bg_img_blue h2 { background:none; }

#toppage .bg_img_blue:first-of-type::after {
	content: "";
	position: absolute;
	background: url(images/bg-dark-arrow.png) no-repeat;
	background-size: 80px 20px;
	width: 80px;
	height: 20px;
	bottom: -19px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
}

#toppage .bg_img_blue:first-of-type { position: relative; }
#toppage .bg_img_blue:first-of-type::after {
	content: "";
	position: absolute;
	border: 40px solid transparent;
	border-top: 20px solid #c1c1c3;
	width: 25px;
	height: 10px;
	bottom: -59px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
}
*/

.bg_arrow_white { position: relative; }
.bg_arrow_white::after {
	content: "";
	position: absolute;
	border: 40px solid transparent;
	border-top: 20px solid #fff;
	width: 25px;
	height: 10px;
	bottom: -59px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
}

.font_rounded {
	font-family: 'M PLUS Rounded 1c', sans-serif; }

.img_hover:hover {
	opacity: 0.5; }

.ul_circle {
	list-style-type: disc;
	margin-left: 20px; }

.border_radius_10 {
	border-radius: 10px !important; }

.border_radius_15 {
	border-radius: 15px !important; }

.border_radius_23 {
	border-radius: 23px !important; }

.page_link {
	margin-top: -100px;
	padding-top: 100px; }

.two_column_box div:not(:last-child) {
	margin-bottom: 30px; }

.line_height_1_5 {
	line-height: 1.5em; }

.line_height_2 {
	line-height: 2em; }

.min_width_auto {
	min-width: auto !important; }

@media only screen and (min-width: 768px) {
	.content {
		padding-top: 60px !important;
		padding-bottom: 60px !important; }

	.content_pt {
		padding-top: 60px !important; }

	.content_pb {
		padding-bottom: 60px !important; }

	.two_column_box div:nth-last-child(2) {
		margin-bottom: 0; }

	.border_right_md_dash {
		border-right: 1px dashed #005BAB; } }

@media only screen and (min-width: 992px) {
	#toppage .bg_img_blue_light::after, #toppage .bg_img_blue::after {
		background-size: 115px 25px;
		width: 115px;
		height: 25px;
		bottom: -25px; }

	.bg_arrow_white::after {
		border: 60px solid transparent;
		border-top: 30px solid #fff;
		bottom: -89px; }

	.border_radius_lg_15 {
		border-radius: 15px !important; }

	.border_radius_lg_30 {
		border-radius: 30px !important; }

	.border_radius_lg_46 {
		border-radius: 46px !important; }

	.two_column_box div:not(:last-child) {
		margin-bottom: 100px; }
	.two_column_box div:nth-last-child(2) {
		margin-bottom: 0; }

	.py_lg_60 {
		padding-top: 60px !important;
		padding-bottom: 60px !important; } }





@media only screen and (min-width: 1200px) {
	.container_pc {
		max-width: 1140px;
		padding-right: 15px; }

	.max_width_2column {
		max-width: 540px; }

	.page_link {
		margin-top: -200px;
		padding-top: 200px; } }

/* ボタン置き場 -----------------------------*/
/*基本ボタン*/
.btn_layout, .pager {
	margin-top: 25px; }
	.btn_layout a, .pager a {
		display: block;
		width: 100%; }
	.btn_layout a, .pager a {
		border: 1px solid #005BAB;
		color: #005BAB;
		font-size: 1.8rem;
		border-radius: 10px;
		text-align: center;
		font-weight: bold;
		padding: 10px 0;
		background:#EEE; /*#FFE33F;*/
	}

/*電話*/
.tel {
	width: 100%;
	width: 35px;
	height: 75px;
	font-family: 'M PLUS Rounded 1c', sans-serif; }


	.tel a {
		color: #005BAB;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 75px; }



		.tel a::before {
			content: "";
			display: block;
			width: 25px;
			height: 25px;
			background: url(images/icon/icon-tel.svg) no-repeat;
			background-size: contain;
			margin: -4px auto 0; }
	.tel .tel_sp_text {
		font-size: 1rem;
		margin-top: 12px;
		line-height: 1; }

/*footer版　電話*/
.footer_tel {
	position: relative;
	height: auto;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	width: 50%; }
	.footer_tel a {
		padding: 5px 0;
		height: auto;
		flex-direction: row;
		background:#EEE; /*#FFE33F;*/
		border-top: 1px solid #005BAB;
		border-left: 1px solid #005BAB;
		border-bottom: 1px solid #005BAB;
		border-radius: 5px 0px 0px 5px;
	}
	.footer_tel a::before {
			display: inline-block;
			width: 20px;
			height: 20px;
			margin: 0; }

@media only screen and (max-width: 1199px) {
	.footer_tel:nth-child(2) a{
		border-left: none;
		border-radius: 0px 5px 5px 0;
		border-right: 1px solid #005BAB;
	}
	footer .footer_access { margin-top:5px; width:100%; }
	footer .footer_access a{
		border-radius:5px;
		border-left: 1px solid #005BAB;
	}
	footer .footer_access a::after{ display:none; }
}

@media only screen and (min-width: 1200px) {
	.footer_tel:nth-child(2) a{
		border-left: none;
		border-radius: 0;
	}
	footer .footer_access { width:/*175px*/33%; }
	footer .footer_access a{
		border-radius: 0px 5px 5px 0;
	}

}

	.footer_tel:nth-child(2) a::after{
		content: "";
		height: 25px;
		width: 1px;
		background: #0058AB;
		position: absolute;
		left: 0;

	}

	.footer_tel:nth-child(2) a{
		
		border-left: none;
		
	}

	.footer_tel .tel_pc_text {
		font-size: 1.6rem;
		text-align: center; }
	.footer_tel a {
		width: 100%;
		color: #005BAB;
		display: flex;
		align-items: center;
		justify-content: center; }
		.footer_tel a::before {
			content: "";
			background: url(images/icon/icon-tel.svg) no-repeat;
			background-size: contain; }






/*アクセス*/
.header_access {
	width: 60px;
	height: 75px;
	font-family: 'M PLUS Rounded 1c', sans-serif; }
	.header_access a {
		color: #005BAB;
		padding: 5px 0 0;
		font-size: 1rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 75px; }
		.header_access a:hover {
			opacity: .8; }
		.header_access a::before {
			content: "";
			display: block;
			width: 30px;
			height: 30px;
			background: url(images/icon/icon-header-car.svg) no-repeat;
			background-size: contain;
			margin: 0 auto; }

/*footer版　アクセス*/

footer .footer_access {
	height: auto;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	}
	.footer_access a {
		/*margin-top: 5px;*/
		height: auto;
		padding: 5px;
		font-size: 1.6rem;
		flex-direction: row;
		background:#EEE; /*#FFE33F;*/
		position: relative;
		border-right: 1px solid #005BAB;
		border-top: 1px solid #005BAB;
		border-bottom: 1px solid #005BAB;
		 }
		.footer_access a::before {
			display: inline-block;
			width: 25px;
			height: 20px;
			margin: 0 10px 0 0; }

	.footer_access a::after{
		content: "";
		height: 25px;
		width: 1px;
		background: #0058AB;
		position: absolute;
		left: 0;

	}


		/*.footer_access a::after {
			content: "";
			height: 25px;
			width: 1px;
			background: #005BAB;
			position: absolute;
			left: 0; }*/
	.footer_access a {
		width: 100%;
		color: #005BAB;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%; }
		.footer_access a:hover {
			opacity: .8; }
		.footer_access a::before {
			content: "";
			background: url(images/icon/icon-header-car.svg) no-repeat;
			background-size: contain; }

/* Web予約 */
.webReserve { width:60px; height:75px; }
.webReserve a {
	width:50px; height:75px;
	display:flex;flex-direction:column; align-items:center; justify-content:center;
	font-size:1rem; color:#005BAB;
}
.webReserve a:hover  { opacity:.8; }
.webReserve a:before {
	content:""; display:inline-block; width:30px; height:30px; margin:0 0 5px;
	background: url(images/icon/icon-header-guidance.svg) no-repeat;
	background-size: contain;
}
.pc { display:none; }
/**/
footer .webReserve a {
	margin:0 0 5px 0; padding:5px 20px; flex-direction:row;
	background:#EEE; /*#F93;*/ border:1px solid #005BAB; border-radius:5px;
	font-size: 1.6rem;
}
footer .webReserve a:before { width:25px; height:20px; margin:0; }
footer .webReserve, footer .webReserve a { width:100%; height:auto; }
footer .pc { display:inline; }
/**/



/*----------------------------------
WEB予約はこちら　（右固定バナー）
----------------------------------*/
.float-button__wrap {
    display: block;
    width: 60px;
    height: 190px;
    position: fixed;
    bottom: calc(50% - (190px / 2));;

    right: 0px;
    z-index: 1000;

}
.float-button__wrap a {
	border-radius: 10px 0px 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-color: #0069b3 ;
    color: #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.float-button__wrap a:hover{ opacity:0.6; }


.num {
  text-combine-upright: all;
}
/*----------------------------------*/


@media only screen and (min-width: 768px) {
	/*基本ボタン*/
	.btn_layout, .pager {
		margin-top: 60px; }
		.btn_layout a, .pager a {
			min-width: 250px;
			padding: 10px 20px;
			font-size: 2rem; } }
@media only screen and (min-width: 992px) {
	/*基本ボタン*/
	.btn_layout a, .pager a {
		position: relative;
		font-size: 2rem;
		border-radius: 20px;
		background: none; }
		.btn_layout a::before, .pager a::before {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			left: 7px;
			top: 5px;
			z-index: -1;
			background-color:#EEE; /*#FFE33F;*/
			transition: all 200ms ease-out;
			border-radius: 20px; }
		.btn_layout a:hover::before, .pager a:hover::before {
			top: 0;
			left: 0; } }

@media only screen and (min-width: 1200px) {
	/*電話*/
	.tel {
		height: auto;

		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; }
		.tel a {
			padding: 5px 0;
			height: auto;
			flex-direction: row;
			background:#EEE; /*#FFE33F;*/
			border-top: 1px solid #005BAB;
			border-left: 1px solid #005BAB;
			border-bottom: 1px solid #005BAB;
			border-radius: 5px 0 0 5px;
		}
			.tel a::before {
				display: inline-block;
				width: 20px;
				height: 20px;
				margin: 0; }


		.tel:nth-child(2) a#rehabilitation {
			padding: 5px 0;
			height: auto;
			flex-direction: row;
			background:#EEE; /*#FFE33F;*/
			border-top: 1px solid #005BAB;
			border-left: none;
			border-bottom: 1px solid #005BAB;
			border-radius: unset;
			position: relative;
		}
		.tel:nth-child(2) a#rehabilitation::after{
			content: "";
			height: 25px;
			width: 1px;
			background: #0058AB;
			position: absolute;
			left: 0;
		}


		.tel .tel_pc_text {
			font-size: 1.6rem;
			text-align: center; }

	.tel, .footer_tel {
		width: /*185px*/33%; }
		.tel a, .footer_tel a {
			width: /*185px*/100%; }




	/*アクセス*/
	.header_access {
		height: auto;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; }
		.header_access a {
			height: auto;
			font-size: 1.6rem;
			flex-direction: row;
			background:#EEE; /*#FFE33F;*/
			position: relative;
			border-top: 1px solid #005BAB;
			border-right: 1px solid #005BAB;
			border-bottom: 1px solid #005BAB;
			border-radius: 0 5px 5px 0;
		}
			.header_access a::before {
				display: inline-block;
				width: 25px;
				height: 20px;
				margin: 0 10px 0 0; }
			.header_access a::after {
				content: "";
				height: 25px;
				width: 1px;
				background: #005BAB;
				position: absolute;
				left: 0; }
		.header_access a {
			padding: 5px 0; }

	.header_access, .footer_access {
		width: /*175px*/33%; }
		.header_access a, .footer_access a {
			width: /*175px*/100%;
			padding: 5px 0; }

	/* WEB予約 */
	.webReserve a {
		padding:5px 20px; flex-direction:row;
		background:#EEE;/*#F93*/ border:1px solid #005BAB; border-radius:5px;
		font-size: 1.6rem;
	}
	.webReserve a:before { width:25px; height:20px; margin:0; }
	.webReserve, .webReserve a,
	footer .webReserve, footer .webReserve a { width:auto; height:auto; }
	.webReserve a, footer .webReserve a { margin:0 5px 0 0; }
	.pc { display:inline; }

	/*
.webReserve { width:60px; height:75px; }
.webReserve a {
	width:50px; height:75px;
	display:flex;flex-direction:column; align-items:center; justify-content:center;
	font-size:1rem; color:#005BAB;
}
.webReserve a:hover  { opacity:.8; }
.webReserve a:before {
	content:""; display:inline-block; width:30px; height:30px; margin:0 0 5px;
	background: url(images/icon/icon-header-guidance.svg) no-repeat;
	background-size: contain;
}
.pc { display:none; }
	*/
}

/* 色の汎用クラス置き場 ---------------------------*/
/*テキスト色*/
.text_black {
	color: #000 !important; }

.text_blue {
	color: #005BAB !important; }

.text_orange {
	color: #F60 !important; }

/*背景色*/
.bg_blue_light {
	background: #E8F8FF !important; }

.bg_blue {
	background: #005BAB !important; }

/* 共通見出し置き場 ---------------------------*/
/*タイトルレイアウト*/
.title_layout {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 30px;
	font-size: 2.2rem;
	font-family: 'M PLUS Rounded 1c', sans-serif; }

.title_news {
	background-position: left center !important; }
	.title_news::before {
		content: "";
		display: inline-block;
		width: 40px;
		height: 30px;
		background: url(images/icon/icon-head-news.svg) no-repeat;
		background-size: contain;
		margin-right: 10px; }

.title_guidance {
	background-position: left center !important; }
	.title_guidance::before {
		content: "";
		display: inline-block;
		width: 40px;
		height: 30px;
		background: url(images/icon/icon-head-guidance.svg) no-repeat;
		background-size: contain;
		margin-right: 10px; }

.title_medical {
	background-position: left center !important;
	background: url(images/icon/title-diagnosis.svg) no-repeat;
	background-size: 100px; }
	.title_medical::before {
		content: "";
		display: inline-block;
		width: 40px;
		height: 30px;
		background: url(images/icon/icon-head-medical.svg) no-repeat;
		background-size: contain;
		margin-right: 10px; }

.title_about {
	background-position: left center !important;
	background: url(images/icon/title-hospital.svg) no-repeat;
	background-size: 80px; }
	.title_about::before {
		content: "";
		display: inline-block;
		width: 35px;
		height: 30px;
		background: url(images/icon/icon-head-about.svg) no-repeat;
		background-size: contain;
		margin-right: 10px; }

.title_access {
	background-position: left center !important;
	background: url(images/icon/title-access.svg) no-repeat;
	background-size: 80px; }
	.title_access::before {
		content: "";
		display: inline-block;
		width: 25px;
		height: 20px;
		background: url(images/icon/icon-head-access.svg) no-repeat;
		background-size: contain;
		margin-right: 10px; }

/*下層タイトルレイアウト*/
.title_subvisual_wrapper {
	padding-top: 75px; }

.title_subvisual_layout {
	background: url(images/sub-visual/sub-visual-sp.jpg) no-repeat;
	padding: 80px 0;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden; }
	.title_subvisual_layout h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		color: #fff;
		padding: 0 15px;
		text-align: center; }
	.title_subvisual_layout::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 91, 171, 0.5); }

.page_about .title_subvisual_layout {
	background: url(images/sub-visual/sub-visual-about-sp.jpg) no-repeat;
	background-size: cover;
	background-position: center; }

.page_doctor .title_subvisual_layout {
	background: url(images/sub-visual/sub-visual-doctor-sp.jpg) no-repeat;
	background-size: cover;
	background-position: center; }

.page_medical .title_subvisual_layout {
	background: url(images/sub-visual/sub-visual-medical-sp.jpg) no-repeat;
	background-size: cover;
	background-position: center; }

.page_customer .title_subvisual_layout {
	background: url(images/sub-visual/sub-visual-customer-sp.jpg) no-repeat;
	background-size: cover;
	background-position: center; }

.page_guide .title_subvisual_layout {
	background: url(images/sub-visual/sub-visual-guide-sp.jpg) no-repeat;
	background-size: cover;
	background-position: center; }

.page_access .title_subvisual_layout {
	background: url(images/sub-visual/sub-visual-access-sp.jpg) no-repeat;
	background-size: cover;
	background-position: center; }

@media only screen and (min-width: 768px) {
	/*タイトルレイアウト*/
	.title_medical, .title_about, .title_access {
		background-size: contain; }

	/*下層タイトルレイアウト*/
	.title_subvisual_layout {
		background: url(images/sub-visual/sub-visual-pc.jpg) no-repeat;
		padding-top: 60px;
		padding-bottom: 60px;
		background-size: cover;
		background-position: center; }

	.page_about .title_subvisual_layout {
		background: url(images/sub-visual/sub-visual-about-pc.jpg) no-repeat;
		background-size: cover;
		background-position: center; }

	.page_doctor .title_subvisual_layout {
		background: url(images/sub-visual/sub-visual-doctor-pc.jpg) no-repeat;
		background-size: cover;
		background-position: center; }

	.page_medical .title_subvisual_layout {
		background: url(images/sub-visual/sub-visual-medical-pc.jpg) no-repeat;
		background-size: cover;
		background-position: center; }

	.page_customer .title_subvisual_layout {
		background: url(images/sub-visual/sub-visual-customer-pc.jpg) no-repeat;
		background-size: cover;
		background-position: center; }

	.page_guide .title_subvisual_layout {
		background: url(images/sub-visual/sub-visual-guide-pc.jpg) no-repeat;
		background-size: cover;
		background-position: bottom; }

	.page_access .title_subvisual_layout {
		background: url(images/sub-visual/sub-visual-access-pc.jpg) no-repeat;
		background-size: cover;
		background-position: center; } }
@media only screen and (min-width: 992px) {
	/*タイトルレイアウト*/
	.title_layout {
		margin: 0 0 60px;
		font-size: 3rem; }

	.title_news::before, .title_guidance::before, .title_guidance::before, .title_about::before, .title_access::before {
		width: 50px;
		height: 40px; }

	/*下層タイトルレイアウト*/
	.title_subvisual_layout {
		padding-top: 80px;
		padding-bottom: 80px; } }
@media only screen and (min-width: 1200px) {
	/*下層タイトルレイアウト*/
	.title_subvisual_wrapper {
		padding-top: 140px; }

	.title_subvisual_layout {
		padding-top: 100px;
		padding-bottom: 100px; } }
/* ヘッダー関連 ------------------------*/
.page_header {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 75px;
	background: #fff; }
	.page_header .ul_nav_header .active a {
		background: #005BAB; }
	.page_header .ul_nav_header .nav_link {
		padding: 2.5rem;
		color: #fff;
		font-size: 2.2rem;
		background: #5594CC;
		border-bottom: 1px solid #005BAB;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		display: flex; }
		.page_header .ul_nav_header .nav_link::before {
			content: "";
			display: inline-block;
			width: 10px;
			height: 10px;
			background: #7DCCF3;
			border-radius: 50%;
			margin: auto 10px auto 0; }
	.page_header .ul_nav_header .nav_item:last-child .nav_link {
		border-bottom: none; }
	.page_header .ul_nav_header .sub_nav_wrapper .nav_link {
		padding: 2.5rem 2.5rem 0 2.5rem;
		border-bottom: none; }
	.page_header .ul_nav_header .sub_nav_wrapper .sub_nav .nav_item:last-child .nav_link {
		border-bottom: 1px solid #005BAB;
		padding-bottom: 2.5rem; }
	.page_header .ul_nav_header .sub_nav_wrapper .sub_nav .nav_link {
		padding: 0 2.5rem;
		font-size: 2rem;
		border-bottom: none;
		padding-left: 5.5rem; }
		.page_header .ul_nav_header .sub_nav_wrapper .sub_nav .nav_link::before {
			content: none; }

/*gnav　開いた時*/
.nav_open {
	display: block !important;
	position: fixed;
	overflow-y: auto;
	top: 75px;
	left: 0;
	padding-bottom: 80px;
	width: 100%;
	height: 100%;
	z-index: 9;
	opacity: 0;
	background: #5594CC;
	animation: 0.3s 1 normal forwards fade-in;
	-webkit-animation: 0.3s 1 normal forwards fade-in; }

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0); }
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0); } }
@keyframes fade-in {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0); }
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0); } }
/*html　固定*/
.noscroll {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0; }

/*閉じるボタン*/
.close_box {
	width: 75px;
	height: 75px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-bottom: 20px;
	background: #005BAB; }

/*閉じるボタン　アイコン*/
.nav_button {
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	border: none;
	width: 30px;
	height: 20px;
	background: none;
	z-index: 1001;
	cursor: pointer; }

/*閉じるボタン　アイコン3本線*/
.icon-bar {
	display: block;
	width: 30px;
	height: 2px;
	border-radius: 1px;
	position: absolute;
	right: 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	background: #fff; }

/*閉じるボタン　アイコン3本線　通常時*/
.icon-bar:first-child {
	top: 0; }

.icon-bar:nth-child(2) {
	top: 48%; }

.icon-bar:nth-child(3) {
	bottom: 0; }

/*閉じるボタン　アイコン3本線　クリックした時*/
.nav_button.move .icon-bar:first-child {
	transform: translateY(12px) rotate(45deg);
	top: -5px; }

.nav_button.move .icon-bar:nth-child(2) {
	opacity: 0; }

.nav_button.move .icon-bar:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
	bottom: 3px; }

.menu_text {
	position: absolute;
	bottom: -25px;
	right: -3px;
	color: #fff;
	font-size: 1.5rem;
	font-family: 'M PLUS Rounded 1c', sans-serif; }

/*ロゴ*/
.logo {
	width: 140px; }

@media only screen and (min-width: 1200px) {
	.page_header {
		padding-top: 30px;
		height: 140px; }
		.page_header .ul_nav_header {
			display: flex; }
			.page_header .ul_nav_header .active a {
				background: none;
				color: #7DCCF3; }
			.page_header .ul_nav_header .nav_link {
				padding: 0 1.3rem 2.2rem;
				font-size: 1.6rem;
				border: none;
				background: none;
				color: #005BAB;
				letter-spacing: 0; }
				.page_header .ul_nav_header .nav_link:hover {
					opacity: 0.6; }
			.page_header .ul_nav_header .nav_item:last-child .nav_link {
				padding-right: 0; }
			.page_header .ul_nav_header .sub_nav_wrapper:hover .sub_nav_box {
				display: block;
				animation: 0.3s 1 normal forwards fade-in;
				-webkit-animation: 0.3s 1 normal forwards fade-in; }
			.page_header .ul_nav_header .sub_nav_wrapper .nav_link {
				padding: 0 1.3rem 2.2rem; }
			.page_header .ul_nav_header .sub_nav_wrapper .sub_nav_box {
				position: absolute;
				background: rgba( 150, 150, 150, 0.9);
				width: 100%;
				left: 0;
				top: 140px;
				display: none; }
			.page_header .ul_nav_header .sub_nav_wrapper .sub_nav {
				max-width: 1110px;
				margin: 0 auto;
				display: flex;
				justify-content: center; }
				.page_header .ul_nav_header .sub_nav_wrapper .sub_nav .nav_item:last-child .nav_link {
					border-bottom: none; }
				.page_header .ul_nav_header .sub_nav_wrapper .sub_nav .nav_item:hover {
					position: relative; }
					.page_header .ul_nav_header .sub_nav_wrapper .sub_nav .nav_item:hover::before {
						content: "";
						position: absolute;
						border: 10px solid transparent;
						border-top: 10px solid #fff;
						width: 10px;
						height: 10px;
						top: 0;
						left: 0;
						right: 0;
						margin: 0 auto;
						z-index: 10;
						background: none;
						border-radius: 0; }
				.page_header .ul_nav_header .sub_nav_wrapper .sub_nav .nav_link {
					padding: 20px;
					font-size: 1.6rem;
					color: #fff; }
				.page_header .ul_nav_header .sub_nav_wrapper .sub_nav .active {
					position: relative; }
					.page_header .ul_nav_header .sub_nav_wrapper .sub_nav .active::before {
						content: "";
						position: absolute;
						border: 10px solid transparent;
						border-top: 10px solid #fff;
						width: 10px;
						height: 10px;
						top: 0;
						left: 0;
						right: 0;
						margin: 0 auto;
						z-index: 10;
						background: none;
						border-radius: 0; }

	/*gnav nav*/
	.nav_header {
		margin-top: 20px; }

	/*ロゴ*/
	.logo {
		width: 230px;
		margin-top: 10px; } }
/*	フッター関連 ----------------------------*/
/*トップに戻る*/
.page_top {
	position: fixed;
	bottom: 10px;
	right: 15px;
	width: 50px;
	height: 50px;
	background:#EEE; /*#FFE33F;*/
	border: 1px solid #005BAB;
	border-radius: 50%;
	z-index: 80;
	cursor: pointer;
	font-size: 1.5rem;
	text-align: center;
	padding-top: 20px; }
	.page_top::before {
		content: "";
		position: absolute;
		top: 5px;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 999;
		width: 15px;
		height: 15px;
		border-top: 2px solid #005BAB;
		border-right: 2px solid #005BAB;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg); }
	.page_top:hover {
		opacity: 0.8; }

.page_footer {
	margin-top: auto;
	position: relative;
/*	background: url(images/bg-light.png) repeat;*/
}
	.page_footer .nav_item {
		width: 50%; }
	.page_footer .nav_link {
		padding: 0;
		color: #005BAB;
		position: relative;
		padding-left: 15px; }
		.page_footer .nav_link::before {
			content: "";
			position: absolute;
			left: 0;
			top: 30%;
			width: 6px;
			height: 6px;
			background: #005BAB;
			border-radius: 50%; }

/*ロゴ*/
.footer_logo {
	width: 90%; }

/*住所*/
address {
	font-size: 1.4rem; }

/*コピーライト*/
.copyright {
	font-size: 1.3rem; }

@media only screen and (min-width: 768px) {
	/*ロゴ*/
	.footer_logo {
		width: 100%; } }
@media only screen and (min-width: 992px) {
	/*
	.footer_btn_box {
		max-width: 400px; }
	*/

	.page_footer .nav_item {
		width: auto;
		margin-right: 40px; }
	.page_footer .nav_link::before {
		width: 10px;
		height: 10px; }

	/*住所、コピーライト*/
	address, .copyright {
		font-size: 1.6rem; } }
@media only screen and (min-width: 1200px) {
	/*ロゴ*/
	.footer_logo {
		width: 350px; } }
/* お知らせ関連 ------------------------*/
.news_box .list-group-item {
	background: none;
	border: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	border-bottom: 1px solid #005BAB;
	margin-bottom: 15px; }
.news_box .news_category {
	min-width: 100px;
	font-size: 1.6rem;
	color: #fff;
	border-radius: 5px; }
.news_box .cat-0 .news_category {
	background:#CCC; /*#7DCCF3*/ }
.news_box .cat-1 .news_category {
	background: #005BAB; }
.news_box a:hover {
	text-decoration: underline;
	color: #005BAB; }
.news_box .btn_layout a:hover {
	text-decoration: none; }

/*トップページのみ*/
#toppage .news_box .list-group-item:last-child {
	margin-bottom: 30px; }

/*お知らせ共通---------------------*/
.news_box div,
.news_box div span,
.news_box p span {
	/*文字体裁を整える用*/
	font-size: 1.6rem !important;
	line-height: 1.8em;
	font-feature-settings: "palt";
	letter-spacing: 0.6px;
	margin-bottom: 0;
	color: #000;
	letter-spacing: .1em; }

.detailUpfile img {
	width: 100%; }

/*お知らせ一覧---------------------*/
/*自動で出力されているところ（aタグ）にcss追記*/
.news_text_box a {
	font-weight: bold; }

/*前へ後ろへボタン*/
.pager a {
	min-width: 150px;
	text-align: center;
	margin: 0 10px;
	position: relative; }
	.pager a::after {
		content: "";
		position: absolute;
		top: 50%;
		width: 13px;
		height: 13px;
		border-top: 2px solid #005BAB;
		border-right: 2px solid #005BAB;
		margin-top: -8px; }
	.pager a:hover {
		text-decoration: none; }
.pager .prev::after {
	left: 15px;
	transform: rotate(-135deg); }
.pager .next::after {
	right: 15px;
	transform: rotate(45deg); }

/*下層ページのみ*/
#subpage .news_box .list-group-item:last-child {
	margin-bottom: 0; }

@media only screen and (min-width: 768px) {
	/*お知らせ記事---------------------*/
	.detailUpfile img {
		width: 100%; }

	/*前へ後ろへボタン*/
	.pager a {
		max-width: 220px; } }
@media only screen and (min-width: 992px) {
	.news_box .news_category {
		border-radius: 10px; } }
/* メイン設定 ---------------------------*/
/*メイン画像---------------------*/
.main_visual {
	position: relative;
	overflow: hidden;
	padding-top: 75px; }

/*アクセス---------------------*/
.map {
	z-index: 1;
	position: relative; }
	.map iframe {
		height: 200px;
		width: 100%;
		border: 0;
		overflow: hidden;
		-webkit-transform: translateZ(0); }

/*来院される方へ*/
.logo_mark {
	width: 110px; }

/*アクセス*/
.access_sub_title {
	background: #005BAB; }

/*診療案内*/
.dl_layout {
	display: flex;
	background:#CCC; /*#7DCCF3;*/
	border-radius: 5px;
}
	.dl_layout dt, .dl_layout dd {
		color: #005BAB; }
	.dl_layout dt {
		border-right: 1px solid #005BAB;
		text-align: center;
		width: 75px; }
	.dl_layout dd {
		font-weight: bold;
		padding-left: 5px; }

.schedule_table {
	table-layout: fixed;
	margin-top: 20px; }
	.schedule_table tr:first-child th {
		background:#CCC; /*#7DCCF3;*/
	}
	.schedule_table tr:nth-child(2) th, .schedule_table tr:nth-child(2) td {
		border-bottom: 1px solid #005BAB; }
	.schedule_table th {
		background: #fff;
		color: #005BAB;
		text-align: center;
		font-size: 1.6rem; }
		.schedule_table th:first-child {
			width: 75px;
			line-height: 1.4em; }
	.schedule_table td {
		background: #fff;
		text-align: center;
		color: #005BAB;
		font-size: 1.6rem; }

@media only screen and (min-width: 768px) {


	/*アクセス*/
	.access_sub_wrapper {
		width: 100%;
		position: relative; }
		.access_sub_wrapper::before {
			content: "";
			background: #005BAB;
			width: 100%;
			height: 30px;
			top: 0;
			left: 0;
			display: block;
			position: absolute; }

	.access_sub_title {
		background: none; } 


}
@media only screen and (min-width: 992px) {

	/*アクセス---------------------*/
	.map iframe {
		height: 350px; }

	/*アクセス*/
	.access_sub_wrapper::before {
		height: 50px; }

	/*診療案内*/
	.dl_layout {
		border-radius: 10px;
		padding: 5px 0; }
		.dl_layout dt {
			width: 140px; }
		.dl_layout dd {
			padding-left: 25px; }

	.schedule_table {
		margin-top: 25px; }
		.schedule_table th:first-child {
			width: 140px; } }
@media only screen and (min-width: 1200px) {
	/*メイン画像---------------------*/
	.main_visual {
		padding-top: 140px; }

	/*診療案内*/
	.dl_layout dt {
		width: 140px; }

	.schedule_table th {
		padding: 8px 0; }
		.schedule_table th:first-child {
			width: 140px; }
	.schedule_table td {
		font-size: 2.1rem;
		padding: 13px; } }


@media only screen and (max-width: 1200px) {
	.tel:nth-child(3) a::before{/*width: 20px;height:20px;*/margin:7px auto 0}

	.tel:nth-child(3){
		width: 35px;
	}

	.tel a#rehabilitation {
		width: 35px;
}
}


/*----------------------------------
電子的診療情報連携体制整備
----------------------------------*/
#electronic ul    { list-style:none; }
#electronic ul li {  position:relative; padding-left:24px;}
#electronic ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #005BAB;
  border-radius: 5px;
}