@charset "UTF-8";


/*================================================
 * ご利用の案内（guide）
 ================================================*/



/*===============外来受診される方（index.php）===============*/


/*******診療受付時間*******/
.page-index section#exam_time_area .txt_time {
	font-size: 130%;
	font-weight: 700;
	text-align: left;
}
.page-index section#exam_time_area .txt_time li {
	display: flex;
}
.page-index section#exam_time_area .txt_time li span {
	flex-shrink: 0;
}











/*===============入院される方（nyuin.php）===============*/
/*******入院費用について*******/
.page-nyuin section#nyuin_price_area .table_nyuin_price {
	width: 100%;
	margin: 1.5em 0;
}
.page-nyuin section#nyuin_price_area .table_nyuin_price thead th,
.page-nyuin section#nyuin_price_area .table_nyuin_price tbody th,
.page-nyuin section#nyuin_price_area .table_nyuin_price tbody td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
	line-height: 1.5;
	text-align: center;
	padding: 0.732em 0;
}
.page-nyuin section#nyuin_price_area .table_nyuin_price thead th:last-of-type,
.page-nyuin section#nyuin_price_area .table_nyuin_price tbody td:last-of-type {
	border-right: none;
}
.page-nyuin section#nyuin_price_area .table_nyuin_price thead th {
	background-color: #999;
	color: #fff;
}

.page-nyuin section#nyuin_price_area .table_nyuin_price tbody th {
	background-color: var(--color-table-bg-light);
}








/*===============お見舞い・面会される方（omimai.php）===============*/
.page-omimai section#omimai_area .txt_menkai {
	font-size: 130%;
	font-weight: 700;
	text-align: left;
}










/*===============救急受診される方（emergency.php）===============*/
/*******時間外・休日・夜間の受診について*******/
@media screen and (min-width: 800.1px) {
	.page-emergency section#overtime_area .need_list {
		display: grid; 
		grid-template-columns: 1fr 1fr; 
		gap: 0 1em; 
	}
}
.page-emergency section#overtime_area .need_list li {
	border-radius: 0.25em;
	border: 1px solid var(--color-main);
	display: flex;
	align-items: center;
	line-height: 1.5;
	padding: 0.7em 1em;
}
.page-emergency section#overtime_area .need_list ul li + li {
	margin-top: 1em;
}














/*===============交通アクセス（access.php）===============*/
/*******アクセスマップ*******/
.page-access section#map_area .map_box {
	height: 0;
	padding-top: 60%;
	overflow: hidden;
}
.page-access section#map_area .map_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-access section#map_area .detail_box {
	margin-top: 1.5em;
}
.page-access section#map_area .detail_box .link_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 0.5em;
}

.page-access section#map_area .detail_box .link_list [class*="btn_icon_arrow"] {
	padding-left: 1em;
}

@media screen and (min-width: 800.1px) {
	.page-access section#map_area .detail_box .link_list {
		width: 21em;
		flex-shrink: 0;
	}
	.page-access section#map_area .detail_box .link_list [class*="btn_icon_arrow"] em {
		font-size: 80%;
	}
	.page-access section#map_area .detail_box .link_list [class*="btn_icon_arrow"] [class*="icon-"] {
		font-size: 100%;
	}
}

.page-access section#map_area .detail_box .txt_add h5 {
	font-size: 110%;
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-bottom: 0.3em;
}







/*===============よくある質問（faq.php）===============*/
.page-faq section#faq_area .faq_list dt,
.page-faq section#faq_area .faq_list dd .inr {
	display: flex;
	align-items: flex-start;
}
.page-faq section#faq_area .faq_list dt > span:first-of-type,
.page-faq section#faq_area .faq_list dt > span:last-of-type,
.page-faq section#faq_area .faq_list dd .inr > span {
	flex-shrink: 0;
}
.page-faq section#faq_area .faq_list dt {
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	padding: 0.825em 1em 0.825em 0;
}
.page-faq section#faq_area .faq_list dd + dt {
	margin-top: 1em;
}
.page-faq section#faq_area .faq_list dt:first-of-type {
	margin-top: -0.825em;
}
.page-faq section#faq_area .faq_list dt > span:first-of-type,
.page-faq section#faq_area .faq_list dd .inr > span {
	font-size: 130%;
	font-weight: 600;
	width: 1.5em;
	line-height: 1;
	padding-top: 0.13em;
}
.page-faq section#faq_area .faq_list dt > span:first-of-type {
	color: var(--color-main);
}
.page-faq section#faq_area .faq_list dt em {
	flex-grow: 1;
	font-size: 120%;
	font-weight: 500;
	line-height: 1.5;
	text-align: left;
	padding-right: 0.5em;
}
.page-faq section#faq_area .faq_list dt > span:last-of-type {
	align-self: center;
	position: relative;
	font-size: 130%;
	width: 1em;
	height: 1em;
	margin-left: auto;
}
.page-faq section#faq_area .faq_list dt > span:last-of-type::before,
.page-faq section#faq_area .faq_list dt > span:last-of-type::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 100%;
	height: 2px;
	background-color: var(--color-main);
	transition: all 0.3s linear;
}
.page-faq section#faq_area .faq_list dt > span:last-of-type::before {
	transform: translate(-50%,-50%);
}
.page-faq section#faq_area .faq_list dt > span:last-of-type::after {
	transform: translate(-50%,-50%) rotate(90deg);
}
.page-faq section#faq_area .faq_list dt.open span:last-of-type::after {
	transform: translate(-50%,-50%);
	opacity: 0;
}


.page-faq section#faq_area .faq_list dd {
	text-align: left;
	padding: 1.3em 3em 1.3em 0;
	display: none;
}
.page-faq section#faq_area .faq_list dd .inr > span {
	color: #eb8f8f;
}
.page-faq section#faq_area .faq_list dd .inr div a {
	color: var(--color-blue);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}
.page-faq section#faq_area .faq_list dd .inr div a:hover {
	opacity: 1;
	text-decoration: none;
}






/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width: 800px) {


/*===============外来受診される方（index.php）===============*/


/*******診療受付時間*******/
.page-index section#exam_time_area .txt_time {
	font-size: 4.8vw;
}











/*===============入院される方（nyuin.php）===============*/
/*******入院費用について*******/
.page-nyuin section#nyuin_price_area .table_nyuin_price thead th:first-of-type {
	width: 14vw;
}







/*===============お見舞い・面会される方（omimai.php）===============*/
.page-omimai section#omimai_area .txt_menkai {
	font-size: 4.8vw;
}





















/*===============交通アクセス（access.php）===============*/
/*******アクセスマップ*******/
.page-access section#map_area .detail_box .link_list {
	gap: 0 2.5vw;
}

.page-access section#map_area .detail_box {
	margin-top: 5vw;
}


.page-access section#map_area .detail_box .link_list [class*="btn_icon_arrow"] em {
	font-size: 3.4vw;
}
.page-access section#map_area .detail_box .link_list [class*="btn_icon_arrow"] [class*="icon-"] {
	font-size: 4.5vw;
}
	
.page-access section#map_area .detail_box .txt_add {
	margin-top: 5vw;
}
.page-access section#map_area .detail_box .txt_add h5 {
	font-size: 4.8vw;
}












/*===============よくある質問（faq.php）===============*/
.page-faq section#faq_area .faq_list {
	margin-top: -4vw;
}
.page-faq section#faq_area .faq_list dt {
	padding: 4vw 1vw 4vw 0;
}
.page-faq section#faq_area .faq_list dt > span:first-of-type,
.page-faq section#faq_area .faq_list dd .inr > span {
	font-size: 5vw;
	width: 8vw;
}
.page-faq section#faq_area .faq_list dt > span:last-of-type {
	font-size: 4.5vw;
}


.page-faq section#faq_area .faq_list dd {
	padding: 4vw 0 4vw;
}

















}