@charset "utf-8";

div#contents div.section_fraime01,
div#contents div.section_fraime02{
    margin: 0 5px 3em;
}
div#contents div.section_fraime01 p,
div#contents div.section_fraime02 p{
	margin-left: .5rem;
}
.row-list {
	display: grid;
	gap: .125rem;
	grid-template-columns: repeat(9, minmax(0, 1fr));
}
.row-list02 {
	grid-template-columns: repeat(10, minmax(0, 1fr));
}
.row-list > a {
	border: 1px solid #ccc;
	border-radius: 8px 8px 0 0;
	display: grid;
	font-size: 1.25rem;
	font-weight: bold;
	padding: 1rem;
	place-items: center;
	text-decoration: none!important;
}
.row-list > a:not(:last-of-type) {
	margin-right: .125rem;
}
    .row-list > a:hover,
    .department-list > a:hover,
    .highlight {
      background: #fecaca;
    }
    .row-list > a:link,
    .row-list > a:visited,
    .department-list > a:link,
    .department-list > a:visited {
      color: #333;
    }
    .department-list {
      display: grid;
      gap: .25rem;
      grid-auto-rows: 1fr;
      grid-template-columns: repeat(4, 1fr);
    }
    .department-list > a {
      align-items: center;
      border: 1px solid #ccc;
      border-radius: .25rem;
      display: flex;
      flex-direction: row;
	  font-size: 1.25rem;
      font-weight: bold;
      justify-content: center;
      padding: 1rem .7rem;
      text-decoration: none;
      overflow-y: hidden;
    }
.floar {
	border: 1px solid #ccc;
	/* margin-bottom: 4.5rem; */
	padding: 2rem 1rem;
}
.floar__num {
	border-bottom: 2px solid #ccc;
	font-size: 1.25rem;
	font-weight: bold;
	margin: 1rem 0  !important;
}
.guide {
	padding: 0 1rem;
}
.guide__title-box {
	border-bottom: 2px solid #ccc;
	display: grid;
	margin-bottom: 1rem;
	place-items: center;
}
.guide__title {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 1rem!important;
	padding-left: 46px;
	text-indent: -46px;
}
.guide__title--border{
	border-bottom: 2px solid;
	padding: 0 .5em;
}
.ward1-color{
	color: #0c8999;
}
.ward2-color{
	color: #faaab3;
}

.guide__title--1a::before {
	content: url("../vpi/route/file/floor_1/1a.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1b::before {
	content: url("../vpi/route/file/floor_1/1b.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1c::before {
	content: url("../vpi/route/file/floor_1/1c.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1d::before {
	content: url("../vpi/route/file/floor_1/1d.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1e::before {
	content: url("../vpi/route/file/floor_1/1e.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1f::before {
	content: url("../vpi/route/file/floor_1/1f.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1g::before {
	content: url("../vpi/route/file/floor_1/1g.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1h::before {
	content: url("../vpi/route/file/floor_1/1h.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1j::before {
	content: url("../vpi/route/file/floor_1/1j.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1k::before {
	content: url("../vpi/route/file/floor_1/1k.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1l::before {
	content: url("../vpi/route/file/floor_1/1l.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1p::before {
	content: url("../vpi/route/file/floor_1/1p.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1m::before {
	content: url("../vpi/route/file/floor_1/1m.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1n::before {
	content: url("../vpi/route/file/floor_1/1n.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--1r::before {
	content: url("../vpi/route/file/floor_1/1r.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--er::before {
	content: url("../vpi/route/file/floor_1/er.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2a::before {
	content: url("../vpi/route/file/floor_2/2a.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2b::before {
	content: url("../vpi/route/file/floor_2/2b.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2c::before {
	content: url("../vpi/route/file/floor_2/2c.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2d::before {
	content: url("../vpi/route/file/floor_2/2d.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2e::before {
	content: url("../vpi/route/file/floor_2/2e.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2f::before {
	content: url("../vpi/route/file/floor_2/2f.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2h::before {
	content: url("../vpi/route/file/floor_2/2h.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2j::before {
	content: url("../vpi/route/file/floor_2/2j.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2k::before {
	content: url("../vpi/route/file/floor_2/2k.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2l::before {
	content: url("../vpi/route/file/floor_2/2l.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2g::before {
	content: url("../vpi/route/file/floor_2/2g.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--2m::before {
	content: url("../vpi/route/file/floor_2/2m.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--3a::before {
	content: url("../vpi/route/file/floor_3/3a.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--3b::before {
	content: url("../vpi/route/file/floor_3/3b.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--3c::before {
	content: url("../vpi/route/file/floor_3/3c.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__title--3d::before {
	content: url("../vpi/route/file/floor_3/3d.png");
	position: relative;
	top: 10px;
    left: -5px;
}
.guide__flow {
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 3rem;
}
.guide__flow--ward{
	margin-bottom: 5rem;
}
@media screen and (max-width: 650px) {
	.guide__flow--ward{
		margin-bottom: 3rem;
	}
	.guide__flow--ward .guide__content:last-child{
		margin-top: 4rem;
	}
}
.guide__content .guide__table{
	width: 90%;
	margin: auto;
	border: 2px solid black;
}
div#contents div.section .guide__table .guide__table--department,
div#contents div.section .guide__table .guide__table--floor{
	border: 1px solid black;
	font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
	word-spacing: 1.5rem;
}
div#contents div.section .guide__table .guide__table--floor{
	background-color: #fff;
}

.guide__content{
	display: grid;
	gap: 2rem;
	grid-template-columns: 2fr 1fr;
}
.guide__text-box p {
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0 !important;
	padding-left: 1em;
	text-indent: -1em;
}
.guide__text-box a{
	color: #333;
	text-decoration: underline;
}
.guide__img-box {
	aspect-ratio: 4 / 3;
}
.guide__img-box img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.guide__map {
	margin-bottom: 3rem;
	text-align: center;
}
.guide__map img {
	height: auto;
	width: 70%;
}
.guide__map--ward{
	margin-top: 100px;
}
.guide__ward {
	border: 4px solid #1d4ed8;
	margin-bottom: 3em;
	text-align: center;
}
.guide__ward img {
	height: auto;
	width: 100%;
}
.guide__btn{
	margin-bottom: 1rem;
	img{
		max-width: 400px;
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	.row-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.department-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.guide__flow {
		gap: 1rem;
	}
	.guide__content {
		gap: 1rem;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	/* .guide__img-box {
		padding-left: 1rem;
	} */
}

/* iframe高さ 外来*/
@media screen and (min-width: 931px) {
	div#contents div.section_fraime01 iframe{
	height: 1700px;
}}
@media screen and (max-width: 930px) {
	div#contents div.section_fraime01 iframe{
	height: 2010px;
}}
@media screen and (max-width: 857px) {
	div#contents div.section_fraime01 iframe{
	height: 2780px;
}}
@media screen and (max-width: 780px) {
	div#contents div.section_fraime01 iframe{
	height: 1660px;
}}
@media screen and (max-width: 740px) {
	div#contents div.section_fraime01 iframe{
	height: 2010px;
}}
@media screen and (max-width: 667px) {
	div#contents div.section_fraime01 iframe{
	height: 2780px;
}}
@media screen and (max-width: 403px) {
	div#contents div.section_fraime01 iframe{
	height: 3460px;
}}

/* iframe高さ 病棟*/
@media screen and (min-width: 927px) {
	div#contents div.section_fraime02 iframe{
	height: 2700px;
}}
@media screen and (max-width: 926px) {
	div#contents div.section_fraime02 iframe{
	height: 2750px;
}}
@media screen and (max-width: 857px) {
	div#contents div.section_fraime02 iframe{
	height: 3200px;
}}
/* @media screen and (max-width: 840px) {
	div#contents div.section_fraime02 iframe{
	height: 3230px;
}} */
@media screen and (max-width: 780px) {
	div#contents div.section_fraime02 iframe{
	height: 2700px;
}}
@media screen and (max-width: 736px) {
	div#contents div.section_fraime02 iframe{
		height: 2760px;
}}
@media screen and (max-width: 667px) {
	div#contents div.section_fraime02 iframe{
	height: 3230px;
}}
/* @media screen and (max-width: 650px) {
	div#contents div.section_fraime02 iframe{
	height: 3230px;
}} */
@media screen and (max-width: 640px) {
	div#contents div.section .guide__table .guide__table--department,
	div#contents div.section .guide__table .guide__table--floor{
    line-height: 2.5;
}
.guide__map img {
	width: 100%;
}}
@media screen and (max-width: 513px) {
	div#contents div.section_fraime02 iframe{
	height: 3300px;
}}
@media screen and (max-width: 466px) {
	div#contents div.section_fraime02 iframe{
	height: 3520px;
}}
@media screen and (max-width: 393px) {
	div#contents div.section_fraime02 iframe{
	height: 3600px;
}}

