@charset "UTF-8";

/* --------------------------------------------
HEADING
--------------------------------------------- */

.heading {
		all: unset;
		box-sizing: border-box;
		display: block;
		font-family: var( --fontFamily);
		font-weight: var( --fontWeight);
		font-feature-settings: "palt" on;
		color: var( --body);
		text-rendering: optimizeSpeed;
}

.heading::before, .heading::after {
		box-sizing: border-box;
}

.heading {
		font-weight: 700;
		letter-spacing: .04em;
		border-bottom-color: currentColor;
		border-bottom-style: solid;
}

.heading::before {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

@media screen and ( max-width: 750px) {
		.heading {
				padding-bottom: calc( 9 var( --remBase));
				font-size: 4.8rem;
				line-height: 1;
				border-bottom-width: calc( 2 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.heading {
				padding-bottom: calc( ( 21 - 8.4) var( --remBase));
				font-size: calc( 28 var( --remBase));
				line-height: 1.6;
				border-bottom-width: 1px;
		}
		.heading::before {
				margin-top: calc( -6.4 var( --remBase));
		}
}

.h1 {
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: .04em;
}

.h1::before, .h1::after {
		display: block;
		font-size: 0;
		content: "";
}

.h1.icon>span {
		display: grid;
		grid-auto-flow: column;
		align-items: center;
		width: 100%;
}

.h1.icon img {
		font-size: 0;
}

@media screen and ( max-width: 750px) {
		.h1 {
				font-size: 6.4rem;
		}
		.h1:not( .icon)::before {
				margin-top: calc( -14.4 var( --remBase));
		}
		.h1:not( .icon)::after {
				margin-bottom: calc( -14.4 var( --remBase));
		}
		.h1.icon::before {
				margin-top: calc( -18.8 var( --remBase));
		}
		.h1.icon::after {
				margin-bottom: calc( -18.8 var( --remBase));
		}
		.h1.icon>span {
				grid-template-columns: calc( 180 var( --remBase)) 1fr;
				column-gap: calc( 30 var( --remBase));
		}
		.h1.icon>span img {
				justify-self: end;
				height: calc( 84 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.h1 {
				font-size: 4.8rem;
		}
		.h1:not( .icon)::before {
				margin-top: calc( -4.8 var( --remBase));
		}
		.h1:not( .icon)::after {
				margin-bottom: calc( -4.8 var( --remBase));
		}
		.h1.icon::before {
				margin-top: calc( -8.8 var( --remBase));
		}
		.h1.icon::after {
				margin-bottom: calc( -8.8 var( --remBase));
		}
		.h1.icon>span {
				grid-template-columns: calc( 100 var( --remBase)) 1fr;
				column-gap: calc( 20 var( --remBase));
		}
		.h1.icon img {
				height: calc( 60 var( --remBase));
		}
}

.h2 {
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: .04em;
}

.h2::before, .h2::after {
		display: block;
		font-size: 0;
		content: "";
}

.h2.border {
		width: 100%;
		margin-bottom:40px;
}

.h2.border span {
		position: relative;
		display: block;
		width: 100%;
}

.h2.border span::before {
		position: absolute;
		left: 0;
		display: block;
		content: "";
		background-color: var( --green01);
}
.h2.border .date time {
		display: block;
		font-family: 'Roboto Flex';
}

@media screen and ( max-width: 750px) {
		.h2 {
				font-size: 5.8rem;
		}
		.h2::before {
				margin-top: calc( -17.4 var( --remBase));
		}
		.h2::after {
				margin-bottom: calc( -17.4 var( --remBase));
		}
		.h2.border span {
				padding-left: calc( 36 var( --percentBase));
		}
		.h2.border span::before {
				top: calc( 18.4 var( --remBase));
				width: calc( 6 var( --percentBase));
				height: calc( 56 var( --remBase));
		}
		.h2.border .date time {
				font-size: 3.6rem;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.h2 {
				font-size: 3.6rem;
		}
		.h2::before {
				margin-top: calc( -10.8 var( --remBase));
		}
		.h2::after {
				margin-bottom: calc( -10.8 var( --remBase));
		}
		.h2.border span {
				padding-left: calc( 24 var( --remBase));
		}
		.h2.border span::before {
				top: calc( 11.8 var( --remBase));
				width: calc( 4 var( --remBase));
				height: calc( 34 var( --remBase));
		}
		.h2.border .date time {
				font-size: 2rem;
		}
}

.h3 {
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: .04em;
}

.h3::before, .h3::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

@media screen and ( max-width: 750px) {
		.h3 {
				font-size: 4.6rem;
		}
		.h3::before {
				margin-top: calc( -13.8 var( --remBase));
		}
		.h3::after {
				margin-bottom: calc( -13.8 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.h3 {
				font-size: 2.8rem;
		}
		.h3::before {
				margin-top: calc( -8.4 var( --remBase));
		}
		.h3::after {
				margin-bottom: calc( -8.4 var( --remBase));
		}
}

.h302::before {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

.h302 span {
		display: grid;
		grid-auto-flow: column;
		align-items: center;
		font-weight: 400;
		line-height: 1.6;
		color: var( --green01);
		letter-spacing: .04em;
		border-bottom-color: #c7ded4;
		border-bottom-style: solid;
}

.h302 span::before {
		font-size: 0;
		content: "";
		background-color: currentColor;
}

.h302.full span {
		width: 100%;
}

.h302.important span {
		border-bottom-color: #dcdcdc;
}

@media screen and ( max-width: 750px) {
		.h302::before {
				/*margin-top: calc( -13.8 var( --remBase));*/
				/*margin-top: calc( 30 var( --remBase)); */
margin-top: calc( -20 var( --remBase));
		}
		.h302 span {
				grid-template-columns: calc( 12 * 100% / 590) auto;
				column-gap: calc( 14 * 100% / 590);
				width: calc( 590 var( --percentBase));
				padding-bottom: calc( ( 50 - 13.8) var( --remBase));
				font-size: 4.6rem;
				border-bottom-width: calc( 6 var( --remBase));
		}
		.h302 span::before {
				height: calc( 4 var( --remBase));
				/*追加*/
				position: relative;
				top: calc( 40 var(--remBase));
				left: -20px;
				display: block;
				width: calc( 20 var(--remBase));
		}
.important.h302 span {
position: relative;
  display: block;
  padding-left: 20px;
}
		.important.h302 span::before {
				height: calc( 4 var( --remBase));
				/*追加*/
				position: relative;
    top: calc( 40 var(--remBase));
    left: -20px;
    display: block;
    width: calc( 20 var(--remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.h302::before {
				margin-top: calc( -8.4 var( --remBase));
		}
		.h302 span {
				grid-template-columns: calc( 10 var( --remBase)) auto;
				column-gap: calc( 12 var( --remBase));
				/*width: calc( 938 var( --percentBase));*/
				padding-bottom: calc( ( 30 - 8.4) var( --remBase));
				font-size: 2.8rem;
				border-bottom-width: calc( 4 var( --remBase));
		}
		.h302 span::before {
				height: calc( 2 var( --remBase));
				/*追加*/
				position: relative;
				top: calc( 23 var(--remBase));
				left: -20px;
				display: block;
				width: calc( 10 var(--remBase));
			
		}


		.important.h302 span::before {
				height: calc( 2 var( --remBase));
				/*追加*/
				position: relative;
				top: calc( 0 var(--remBase));
				left: 0px;
				display: block;
				width: calc( 10 var(--remBase));
			
		}
}

.important.h302 span {
		color: var( --body);

}

.important.h302 span::before {
		background-color: var( --red01);
}

.h4 {
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: .04em;
}

.h4::before, .h4::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

@media screen and ( max-width: 750px) {
		.h4 {
				font-size: 4.2rem;
		}
		.h4::before {
				margin-top: calc( -12.6 var( --remBase));
		}
		.h4::after {
				margin-bottom: calc( -12.6 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.h4 {
				font-size: 2.4rem;
		}
		.h4::before {
				margin-top: calc( -7.2 var( --remBase));
		}
		.h4::after {
				margin-bottom: calc( -7.2 var( --remBase));
		}
}

.h5 {
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: .04em;
}

.h5::before, .h5::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

@media screen and ( max-width: 750px) {
		.h5 {
				font-size: 3.6rem;
		}
		.h5::before {
				margin-top: calc( -10.8 var( --remBase));
		}
		.h5::after {
				margin-bottom: calc( -10.8 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.h5 {
				font-size: 2rem;
		}
		.h5::before {
				margin-top: calc( -6 var( --remBase));
		}
		.h5::after {
				margin-bottom: calc( -6 var( --remBase));
		}
}

@media screen and ( max-width: 750px) {
		.hgroup01>a {
				margin-top: calc( 32 var( --remBase));
				margin-left: calc( 36 var( --percentBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.hgroup01 {
				display: grid;
				grid-auto-flow: column;
				column-gap: calc( 20 var( --remBase));
				align-items: baseline;
				justify-content: start;
		}
}


/* --------------------------------------------
CAPTION
--------------------------------------------- */

.caption {
		all: unset;
		box-sizing: border-box;
		display: block;
		font-family: var( --fontFamily);
		font-weight: var( --fontWeight);
		font-feature-settings: "palt" on;
		line-height: 1;
		line-height: 1.2;
		color: var( --body);
		color: var( --green01);
		border-bottom-color: currentColor;
		border-bottom-style: solid;
		text-rendering: optimizeSpeed;
}

.caption::before {
		display: block;
		content: "";
}

@media screen and ( max-width: 750px) {
		.caption {
				padding-bottom: calc( ( 17 - 2.2) var( --remBase));
				font-size: 2.2rem;
				border-bottom-width: calc( 2 var( --remBase));
		}
		.caption::before {
				margin-top: calc( ( -2.2) var( --remBase));
		}
		.caption.is-pc {
				display: none;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.caption {
				padding-bottom: calc( ( 21 - 1.8) var( --remBase));
				font-size: 1.8rem;
				border-bottom-width: 1px;
		}
		.caption::before {
				margin-top: calc( ( -1.8) var( --remBase));
		}
		.caption.is-sp {
				display: none;
		}
}

.caption02 {
		line-height: 1.2;
		color: var( --green01);
}

.caption02::before, .caption02::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

@media screen and ( max-width: 750px) {
		.caption02 {
				font-size: 3.2rem;
		}
		.caption02::before {
				margin-top: calc( -3.2 var( --remBase));
		}
		.caption02::before {
				margin-bottom: calc( -3.2 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.caption02 {
				font-size: 2.4rem;
		}
		.caption02::before {
				margin-top: calc( -2.4 var( --remBase));
		}
		.caption02::before {
				margin-bottom: calc( -2.4 var( --remBase));
		}
}


/* --------------------------------------------
FONT
--------------------------------------------- */

.bold, strong, em {
		font-weight: 700;
}

@media screen and ( max-width: 750px) {
		.bold-sp {
				font-weight: 700;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.bold-pc {
				font-weight: 700;
		}
}


/* --------------------------------------------
PARAGRAPH
--------------------------------------------- */

@layer base {
		#main p {
				line-height: 1.8;
				letter-spacing: .04em;
		}
		#main p::before, #main p::after {
				display: block;
				height: 0;
				font-size: 0;
				content: "";
		}
		@media screen and ( max-width: 750px) {
				#main p {
						font-size: 3.2rem;
				}
				#main p::before {
						margin-top: calc( -12.8 var( --remBase));
				}
				#main p::after {
						margin-bottom: calc( -12.8 var( --remBase));
				}
		}
		@media print, screen and ( min-width: 750.02px) {
				#main p {
						font-size: 1.6rem;
				}
				#main p::before {
						margin-top: calc( -6.4 var( --remBase));
				}
				#main p::after {
						margin-bottom: calc( -6.4 var( --remBase));
				}
		}
		@media screen and ( max-width: 750px) {
				#main p.small {
						font-size: 2.8rem;
				}
				#main p.small::before {
						margin-top: calc( -11.2 var( --remBase));
				}
				#main p.small::after {
						margin-bottom: calc( -11.2 var( --remBase));
				}
		}
		@media print, screen and ( min-width: 750.02px) {
				#main p.small {
						font-size: 1.4rem;
				}
				#main p.small::before {
						margin-top: calc( -5.6 var( --remBase));
				}
				#main p.small::after {
						margin-bottom: calc( -5.6 var( --remBase));
				}
		}
		@media print, screen and ( min-width: 750.02px) {
				#main p.large {
						font-size: 2.8rem;
				}
				#main p.large::before {
						margin-top: calc( -8.4 var( --remBase));
				}
				#main p.large::after {
						margin-bottom: calc( -8.4 var( --remBase));
				}
		}
}

#main p.indent>span {
		display: grid;
		grid-template-columns: auto 1fr;
}


/* --------------------------------------------
WIDTH
--------------------------------------------- */

@media print, screen and ( min-width: 750.02px) {
		.w1058 {
				width: calc( 1058 var( --percentBase));
		}
		.w1058:not( .left) {
				margin-inline: auto;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.w770 {
				width: calc( 770 var( --percentBase));
		}
		.w770:not( .left) {
				margin-inline: auto;
		}
}

@media screen and ( min-width: 750.02px) and ( max-width: 1247.98px) {
		.w1208 {
				width: 100%;
		}
}

@media print, screen and ( min-width: 1248px) {
		.w1208 {
				width: 1208px;
				margin-inline: auto;
		}
}


/* --------------------------------------------
GRID
--------------------------------------------- */

.column {
		display: grid;
}

.layout1058 {
		display: grid;
		align-items: start;
		justify-content: space-between;
}

@media print, screen and ( min-width: 750.02px) {
		.layout1058 {
				grid-template-columns: calc( 230 * 100% / 1058) calc( 770 * 100% / 1058);
		}
}

.column06 {
		display: grid;
		grid-auto-flow: column;
}

@media screen and ( max-width: 750px) {
		.column06 {
				grid-template-columns: repeat( 6, calc( 100 var( --percentBase)));
				column-gap: calc( 14 var( --percentBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.column06 {
				grid-template-columns: repeat( 6, calc( 180 var( --percentBase)));
				column-gap: calc( 20 var( --percentBase));
		}
}


/* --------------------------------------------
RATIO
--------------------------------------------- */

.childs-square>li {
		aspect-ratio: 1;
}

.square {
		aspect-ratio: 1;
}


/* --------------------------------------------
POSITION
--------------------------------------------- */

.childs-center>li {
		display: grid;
		place-items: center;
		text-align: center;
		text-indent: .04em;
}

.center {
		display: grid;
		place-items: center;
		text-align: center;
		text-indent: .04em;
}


/* --------------------------------------------
BUTTON
--------------------------------------------- */

.btn01 {
		position: relative;
		display: grid;
		place-items: center;
		font-weight: 700;
		color: var( --white);
		text-align: center;
		text-indent: .04em;
		letter-spacing: .04em;
		background-color: var( --green01);
		border-color: var( --green01);
		border-style: solid;
		border-radius: 100vmax;
		transition: background var( --transitionBase), color var( --transitionBase);
}

.btn01::after {
		position: absolute;
		display: block;
		content: "";
		background: url("/hospital/assets/img/ui/allow/right03.svg") 0 0 / contain no-repeat;
		filter: invert( 100%) sepia( 59%) saturate( 2%) hue-rotate( 354deg) brightness( 111%) contrast( 100%);
		transition: filter var( --transitionBase), translate var( --transitionBase);
}

.btn01:hover, .btn01.hover {
		color: var( --green01);
		background-color: var( --white);
}

.btn01:hover::after, .btn01.hover::after {
		filter: invert( 32%) sepia( 20%) saturate( 1799%) hue-rotate( 104deg) brightness( 93%) contrast( 90%);
		translate: 50% 0;
}

@media screen and ( max-width: 750px) {
		.btn01 {
				width: calc( 570 var( --remBase));
				height: calc( 90 var( --remBase));
				font-size: 3.2rem;
				border-width: calc( 4 var( --remBase));
		}
		.btn01::after {
				top: calc( 32.5 var( --remBase));
				right: calc( 40 * 100% / 562);
				width: calc( 14 * 100% / 562);
				height: calc( 21 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.btn01 {
				width: calc( 326 var( --remBase));
				height: calc( 60 var( --remBase));
				font-size: 1.6rem;
				border-width: calc( 2 var( --remBase));
		}
		.btn01::after {
				top: calc( 22.5 var( --remBase));
				right: calc( 24 * 100% / 322);
				width: calc( 7 * 100% / 322);
				height: calc( 11 var( --remBase));
		}
}

.btn02 {
		position: relative;
		display: grid;
		grid-auto-flow: row;
		align-content: center;
		justify-content: center;
		background-color: var( --green01);
		border-color: var( --green01);
		border-style: solid;
		border-radius: 100vmax;
		transition: background var( --transitionBase);
}

.btn02 span {
		display: block;
		font-weight: 700;
		color: var( --white);
		text-align: center;
		text-indent: .04em;
		letter-spacing: .04em;
		transition: color var( --transitionBase);
}

.btn02::after {
		position: absolute;
		display: block;
		content: "";
		background: url("/hospital/assets/img/ui/allow/right03.svg") 0 0 / contain no-repeat;
		filter: invert( 100%) sepia( 59%) saturate( 2%) hue-rotate( 354deg) brightness( 111%) contrast( 100%);
		transition: filter var( --transitionBase), translate var( --transitionBase);
}

.btn02:hover, .btn02.hover {
		background-color: var( --white);
}

.btn02:hover span, .btn02.hover span {
		color: var( --green01);
}

.btn02:hover::after, .btn02.hover::after {
		filter: invert( 32%) sepia( 20%) saturate( 1799%) hue-rotate( 104deg) brightness( 93%) contrast( 90%);
		translate: 50% 0;
}

@media screen and ( max-width: 750px) {
		.btn02 {
				row-gap: calc( 18 var( --remBase));
				width: calc( 570 var( --remBase));
				height: calc( 130 var( --remBase));
				border-width: calc( 4 var( --remBase));
		}
		.btn02 span:nth-of-type( 1) {
				font-size: 3.2rem;
		}
		.btn02 span:nth-of-type( 2) {
				font-size: 2.6rem;
		}
		.btn02::after {
				top: calc( 50.5 var( --remBase));
				right: calc( 40 * 100% / 562);
				width: calc( 14 * 100% / 562);
				height: calc( 21 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.btn02 {
				row-gap: calc( 7.6 var( --remBase));
				width: calc( 326 var( --remBase));
				height: calc( 76 var( --remBase));
				border-width: calc( 2 var( --remBase));
		}
		.btn02 span:nth-of-type( 1) {
				font-size: 1.8rem;
		}
		.btn02 span:nth-of-type( 2) {
				font-size: 1.4rem;
		}
		.btn02::after {
				top: calc( 30.5 var( --remBase));
				right: calc( 36 * 100% / 322);
				width: calc( 7 * 100% / 322);
				height: calc( 11 var( --remBase));
		}
}

.btn03 {
		position: relative;
		display: grid;
		place-items: center;
		font-weight: 700;
		color: var( --green01);
		border-color: var( --green01);
		border-style: solid;
		border-radius: 100vmax;
		transition: background var( --transitionBase);
}

.btn03::after {
		position: absolute;
		display: block;
		font-size: 0;
		content: "";
		filter: invert( 32%) sepia( 20%) saturate( 1799%) hue-rotate( 104deg) brightness( 93%) contrast( 90%);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: contain;
}

.btn03:not( [target="_blank"])::after {
		background-image: url("/hospital/assets/img/ui/allow/right03.svg");
		transition: translate var( --transitionBase);
}

.btn03[target="_blank"]::after {
		background-image: url("/hospital/assets/img/ui/icon/external_link.svg");
}

.btn03:hover, .btn03.hover {
		background-color: var( --green04);
}

.btn03:hover:not( [target="_blank"])::after, .btn03.hover:not( [target="_blank"])::after {
		translate: 50% 0;
}

@media screen and ( max-width: 750px) {
		.btn03 {
				width: calc( 320 var( --remBase));
				height: calc( 70 var( --remBase));
				padding-bottom: calc( 4 var( --remBase));
				font-size: 3.2rem;
				border-width: calc( 4 var( --remBase));
		}
		.btn03:not( [target="_blank"])::after {
				top: calc( 20.5 var( --remBase));
				right: calc( 28 * 100% / 322);
				width: calc( 14 * 100% / 322);
				height: calc( 21 var( --remBase));
		}
		.btn03[target="_blank"]::after {
				top: calc( 19 var( --remBase));
				right: calc( 28 * 100% / 322);
				width: calc( 24 * 100% / 322);
				height: calc( 24 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.btn03 {
				width: calc( 180 var( --remBase));
				height: calc( 40 var( --remBase));
				padding-bottom: calc( 2 var( --remBase));
				font-size: 1.6rem;
				border-width: calc( 2 var( --remBase));
		}
		.btn03:not( [target="_blank"])::after {
				top: calc( 12.5 var( --remBase));
				right: calc( 16 * 100% / 176);
				width: calc( 7 * 100% / 176);
				height: calc( 11 var( --remBase));
		}
		.btn03[target="_blank"]::after {
				top: calc( 11 var( --remBase));
				right: calc( 11 * 100% / 176);
				width: calc( 14 * 100% / 176);
				height: calc( 14 var( --remBase));
		}
}

.link:not( .back, .anchor, .file) {
		display: grid;
		width: fit-content;
}

.link:not( .back, .anchor, .file)::after {
		display: block;
		width: 100%;
		font-size: 0;
		content: "";
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}

.link:not( .back, .anchor, .file) span {
		position: relative;
		font-weight: 700;
		line-height: 1.6;
		color: var( --green01);
		letter-spacing: .04em;
}

@media screen and ( max-width: 750px) {
		.link:not( .back, .anchor, .file) {
				grid-template-columns: auto calc( 28 var( --remBase));
				column-gap: calc( 16 var( --remBase));
		}
		.link:not( .back, .anchor, .file)::after {
				height: calc( 28 var( --remBase));
				margin-top: calc( 14.8 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link01_sp.svg");
		}
		.link:not( .back, .anchor, .file) span {
				font-size: 3.2rem;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.link:not( .back, .anchor, .file) {
				grid-template-columns: auto calc( 16 var( --remBase));
				column-gap: calc( 10 var( --remBase));
		}
		.link:not( .back, .anchor, .file)::after {
				height: calc( 16 var( --remBase));
				margin-top: calc( 4.8 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link01_pc.svg");
				transition: translate var( --transitionBase);
				transition-delay: 0s;
		}
		.link:not( .back, .anchor, .file) span {
				font-size: 1.6rem;
		}
		.link:not( .back, .anchor, .file) span::after {
				position: absolute;
				bottom: calc( 5 - 4.8 var( --remBase));
				display: block;
				width: 100%;
				height: calc( 2 var( --remBase));
				font-size: 0;
				content: "";
				background-color: currentColor;
				transition: scale var( --transitionBase);
				transition-delay: .3s;
				transform-origin: left top;
				scale: 0 1;
		}
		.link:not( .back, .anchor, .file):hover::after, .link:not( .back, .anchor, .file).hover::after {
				translate: calc( 5 var( --remBase)) 0;
				transition-delay: .3s;
		}
		.link:not( .back, .anchor, .file):hover span::after, .link:not( .back, .anchor, .file).hover span::after {
				scale: 1 1;
				transition: scale var( --transitionBase);
				transition-delay: 0s;
		}
}

.link.back {
		display: grid;
		width: fit-content;
margin:auto;
}

.link.back::before {
		display: block;
		width: 100%;
		font-size: 0;
		content: "";
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}

.link.back span {
		position: relative;
		font-weight: 700;
		line-height: 1.6;
		color: var( --green01);
		letter-spacing: .04em;
}

@media screen and ( max-width: 750px) {
		.link.back {
				grid-template-columns: calc( 28 var( --remBase)) auto;
				column-gap: calc( 16 var( --remBase));
		}
		.link.back::before {
				height: calc( 28 var( --remBase));
				margin-top: calc( 14.8 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link02_sp.svg");
		}
		.link.back span {
				font-size: 3.2rem;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.link.back {
				grid-template-columns: calc( 16 var( --remBase)) auto;
				column-gap: calc( 10 var( --remBase));
		}
		.link.back::before {
				height: calc( 16 var( --remBase));
				margin-top: calc( 4.8 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link02_pc.svg");
				transition: translate var( --transitionBase);
				transition-delay: 0s;
		}
		.link.back span {
				font-size: 1.6rem;
		}
		.link.back span::after {
				position: absolute;
				bottom: calc( 5 - 4.8 var( --remBase));
				display: block;
				width: 100%;
				height: calc( 2 var( --remBase));
				font-size: 0;
				content: "";
				background-color: currentColor;
				transition: scale var( --transitionBase);
				transition-delay: .3s;
				transform-origin: right top;
				scale: 0 1;
		}
		.link.back:hover::before, .link.back.hover::before {
				translate: calc( -5 var( --remBase)) 0;
				transition-delay: .3s;
		}
		.link.back:hover span::after, .link.back.hover span::after {
				scale: 1 1;
				transition: scale var( --transitionBase);
				transition-delay: 0s;
		}
}

.link.anchor {
		display: grid;
		width: fit-content;
}

.link.anchor::before {
		display: block;
		width: 100%;
		font-size: 0;
		content: "";
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}

.link.anchor span {
		position: relative;
		font-weight: 700;
		line-height: 1.6;
		letter-spacing: .04em;
}

@media screen and ( max-width: 750px) {
		.link.anchor {
				grid-template-columns: calc( 28 var( --remBase)) auto;
				column-gap: calc( 16 var( --remBase));
		}
		.link.anchor::before {
				height: calc( 28 var( --remBase));
				margin-top: calc( 14.8 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link03_sp.svg");
		}
		.link.anchor span {
				font-size: 3.2rem;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.link.anchor {
				position: relative;
				grid-template-columns: calc( 16 var( --remBase)) auto;
				column-gap: calc( 10 var( --remBase));
				overflow: hidden;
		}
		.link.anchor::before {
				height: calc( 16 var( --remBase));
				margin-top: calc( 4.8 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link03_pc.svg");
				transition: translate var( --transitionBase);
				transition-delay: 0s;
		}
		.link.anchor span {
				position: relative;
				overflow: hidden;
				font-size: 1.6rem;
				transition: color var( --transitionBase);
		}
		.link.anchor span::after {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 2px;
				content: "";
				background-color: var( --green01);
				transition: translate var( --transitionBase);
				translate: -100% 0;
		}
		.link.anchor:hover span, .link.anchor.hover span {
				color: var( --green01);
		}
		.link.anchor:hover span::after, .link.anchor.hover span::after {
				translate: 0 0;
		}
}

.link.file {
		display: block;
		width: fit-content;
		font-weight: 700;
		line-height: 1.6;
		color: var( --green01);
		letter-spacing: .04em;
}

.link.file:after {
		display: inline-block;
		font-size: 0px;
		vertical-align: top;
		content: "";
}

@media screen and ( max-width: 750px) {
		.link.file {
				font-size: 3.2rem;
		}

		.link.file:after {
				width: calc( 36 var( --remBase));
				/*height: calc(50 var( --remBase));*/
				height: calc(40 var( --remBase));
				margin-top: calc( 5.6 var( --remBase));
				/*margin-top: calc( 9.6 var( --remBase));*/
				margin-left: calc( 16 var( --remBase));
				
		}
		a[href*=".pdf" i]::after {
				content:"";
				vertical-align: top;
				padding-left:70px;
				background: 0 0 / contain no-repeat;
		}
		a[href*=".doc" i]:after, a[href*=".docx" i]::after {
				content:"";
				vertical-align: top;
				padding-left:90px;
				background: 0 0 / contain no-repeat;
		}
		a[href*=".zip" i]::after {
				content:"";
				vertical-align: top;
				padding-left:70px;
				background: 0 0 / contain no-repeat;
		}
		a[href*=".xls" i]::after, a[href*=".xlsx" i]::after {
				content:"";
				vertical-align: top;
				padding-left:90px;
				background: 0 0 / contain no-repeat;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.link.file{
				font-size: 1.6rem;
				-webkit-text-decoration: underline;
				text-decoration: underline;
				text-decoration-thickness: 2px;
				text-decoration-color: transparent;
				text-underline-offset: calc( .3em + 2px);
				transition: text-decoration var( --transitionBase);
		}
		.link.file:hover, .link.file.hover{
			text-decoration-color:currentColor;
		}
		.link.file::after {
				width: calc( 14 var( --remBase));
				/*height: calc( 16 var( --remBase));*/
				height: calc( 20 var( --remBase));
				margin-top: calc( 4.8 var( --remBase));
				margin-left: calc( 10 var( --remBase));
		}
		a[href*=".pdf" i]::after {
				content:"";
				vertical-align: top;
				padding-left:48px;
margin-left: calc( 10 var( --remBase));
				background: 0 0 / contain no-repeat;

		}
a[href$=".pdf" i]::after {
				content:"";
				vertical-align: top;
				padding-left:48px;
margin-left: calc( 10 var( --remBase));
				background: 0 0 / contain no-repeat;

		}
		a[href*=".doc" i]::after, a[href*=".docx" i]::after {
				content:"";
				vertical-align: top;
				padding-left:59px;
margin-left: calc( 10 var( --remBase));
				background: 0 0 / contain no-repeat;
		}
		a[href*=".zip" i]::after {
				content:"";
				vertical-align: top;
				padding-left:60px;
margin-left: calc( 10 var( --remBase));
				background: 0 0 / contain no-repeat;
		}
		a[href*=".xls" i]::after, a[href*=".xlsx" i]::after {
				content:"";
				vertical-align: top;
				padding-left:59px;
margin-left: calc( 10 var( --remBase));
				background: 0 0 / contain no-repeat;
		}

}


/* --------------------------------------------
CARDS
--------------------------------------------- */

.cards-1208 a {
		display: block;
		overflow: hidden;
		background-color: #fff;
}

.cards-1208 picture {
		width: 100%;
}

.cards-1208 picture img {
		width: 100%;
		height: 100%;
		object-fit: cover;
}

.cards-1208 span {
		display: grid;
		align-content: center;
		align-items: center;
		justify-content: start;
		font-weight: 700;
		color: var( --green01);
		letter-spacing: .04em;
}

.cards-1208 span::after {
		display: block;
		width: 100%;
		font-size: 0;
		content: "";
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}

@media screen and ( max-width: 750px) {
		.cards-1208>li+li {
				margin-top: calc( 40 var( --remBase));
		}
		.cards-1208 a {
				border-radius: calc( 16 var( --remBase));
				box-shadow: calc( 3 var( --remBase)) calc( 4 var( --remBase)) calc( 10 var( --remBase)) 0 rgb( 0 0 0 / .1);
		}
		.cards-1208 picture {
				height: calc( 280 var( --remBase));
		}
		.cards-1208 span {
				grid-template-columns: auto calc( 32 * 100% / 598);
				column-gap: calc( 20 * 100% / 598);
				height: calc( 140 var( --remBase));
				padding-inline: calc( 36 var( --percentBase));
				font-size: calc( 36 var( --remBase));
				line-height: 1.6;
		}
		.cards-1208 span::after {
				height: calc( 32 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link01_sp.svg");
		}
}

@media print, screen and ( min-width: 750.02px) {
		.cards-1208 {
				display: grid;
				grid-template-columns: repeat( 3, calc( 386 var( --percentBase)));
				row-gap: calc( 24 var( --remBase));
				column-gap: calc( 24 var( --percentBase));
		}
		.cards-1208 a {
				border-radius: calc( 16 var( --remBase));
				box-shadow: calc( 3 var( --remBase)) calc( 4 var( --remBase)) calc( 10 var( --remBase)) 0 rgb( 0 0 0 / .1);
				transition: background var( --transitionBase), box-shadow var( --transitionBase);
		}
		.cards-1208 a:hover, .cards-1208 a.hover {
				background-color: var( --green04);
				box-shadow: none;
		}
		.cards-1208 a:hover img, .cards-1208 a.hover img {
				scale: 1.05;
		}
		.cards-1208 a:hover span::after, .cards-1208 a.hover span::after {
				translate: calc( 5 var( --remBase)) 0;
		}
		.cards-1208 picture {
				height: calc( 160 var( --remBase));
				overflow: hidden;
		}
		.cards-1208 picture img {
				transition: scale var( --transitionBase);
		}
		.cards-1208 span {
				grid-template-columns: auto calc( 20 * 100% / 326);
				column-gap: calc( 20 * 100% / 326);
				height: calc( 80 var( --remBase));
				padding-inline: calc( 30 * 100% / 386);
				font-size: calc( 18 var( --remBase));
				line-height: calc( 22.2 / 18);
		}
		.cards-1208 span::after {
				height: calc( 20 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link01_pc.svg");
				transition: translate var( --transitionBase);
		}
}

.cards-1058 a {
		display: block;
		overflow: hidden;
		background-color: #fff;
}

.cards-1058 picture {
		width: 100%;
		background-color: var( --green04);
}

.cards-1058 picture img {
		width: 100%;
		height: 100%;
		object-fit: cover;
}

.cards-1058 span {
		display: grid;
		align-content: center;
		align-items: center;
		justify-content: start;
		font-weight: 700;
		color: var( --green01);
		letter-spacing: .04em;
}

.cards-1058 span::after {
		display: block;
		width: 100%;
		font-size: 0;
		content: "";
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}

@media screen and ( max-width: 750px) {
		.cards-1058>li+li {
				margin-top: calc( 40 var( --remBase));
		}
		.cards-1058>li:not( .no-pic)+li.no-pic {
				/*margin-top: calc( 80 var( --remBase));*/
		}
		.cards-1058 a {
				border-radius: calc( 16 var( --remBase));
				box-shadow: calc( 3 var( --remBase)) calc( 4 var( --remBase)) calc( 10 var( --remBase)) 0 rgb( 0 0 0 / .1);
		}
		.cards-1058 picture {
				height: calc( 280 var( --remBase));
		}
		.cards-1058 span {
				grid-template-columns: auto calc( 32 * 100% / 598);
				column-gap: calc( 20 * 100% / 598);
				padding-inline: calc( 36 var( --percentBase));
				font-size: calc( 36 var( --remBase));
				line-height: 1.6;
		}
		.cards-1058 span::after {
				height: calc( 32 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link01_sp.svg");
		}
		.cards-1058>li:not( .no-pic) span {
				height: calc( 140 var( --remBase));
		}
		.cards-1058>li.no-pic span {
				height: calc( 100 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.cards-1058 {
				display: flex;
				flex-wrap: wrap;
				column-gap: calc( 24 * 100% / 1058);
				justify-content: center;
		}
		.cards-1058 a {
				border-radius: calc( 16 var( --remBase));
				box-shadow: calc( 3 var( --remBase)) calc( 4 var( --remBase)) calc( 10 var( --remBase)) 0 rgb( 0 0 0 / .1);
				transition: background var( --transitionBase), box-shadow var( --transitionBase);
		}
		.cards-1058 a:hover, .cards-1058 a.hover {
				background-color: var( --green04);
				box-shadow: none;
		}
		.cards-1058 a:hover span::after, .cards-1058 a.hover span::after {
				translate: calc( 5 var( --remBase)) 0;
		}
		.cards-1058 picture {
				height: calc( 140 var( --remBase));
		}
		.cards-1058 span::after {
				height: calc( 20 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link01_pc.svg");
				transition: translate var( --transitionBase);
		}
		.cards-1058>li:not( .no-pic) {
				width: calc( 336 * 100% / 1058);
		}
		.cards-1058>li:not( .no-pic) picture {
				position: relative;
		}
		.cards-1058>li:not( .no-pic) picture::before {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 1;
				width: 100%;
				height: calc( 2 var( --remBase));
				max-height: 0;
				overflow: hidden;
				content: "";
				background-color: var( --white);
				transition: max-height var( --transitionBase);
		}
		.cards-1058>li:not( .no-pic) span {
				grid-template-columns: auto calc( 20 * 100% / 276);
				column-gap: calc( 20 * 100% / 276);
				height: calc( 70 var( --remBase));
				padding-inline: calc( 30 * 100% / 336);
				font-size: calc( 18 var( --remBase));
				line-height: calc( 22.2 / 18);
				border-top-color: var( --white);
				border-top-style: solid;
				border-top-width: 0;
				transition: border var( --transitionBase);
		}
		.cards-1058>li:not( .no-pic) span::after {
				height: calc( 20 var( --remBase));
		}
		.cards-1058>li:not( .no-pic) a:hover picture::before, .cards-1058>li:not( .no-pic) a.hover picture::before {
				max-height: calc( 2 var( --remBase));
		}
		.cards-1058>li.no-pic {
				width: calc( 517 * 100% / 1058);
		}
		.cards-1058>li.no-pic span {
				grid-template-columns: auto calc( 16 * 100% / 457);
				column-gap: calc( 12 * 100% / 457);
				height: calc( 60 var( --remBase));
				padding-inline: calc( 30 * 100% / 517);
				font-size: calc( 16 var( --remBase));
				line-height: 1.8;
		}
		.cards-1058>li.no-pic span::after {
				height: calc( 16 var( --remBase));
		}
}


/* --------------------------------------------
TAB
--------------------------------------------- */

.tab {
		display: grid;
		grid-auto-flow: column;
		border-bottom-color: var( --green01);
		border-bottom-style: solid;
}

.tab a {
		display: grid;
		place-items: center;
		overflow: hidden;
		font-weight: 700;
		color: var( --green01);
		text-align: center;
		text-indent: .04em;
		letter-spacing: .04em;
		background-color: var( --green04);
		border-top-color: var( --green04);
		border-top-style: solid;
		border-left-color: var( --green04);
		border-left-style: solid;
		border-right-color: var( --green04);
		border-right-style: solid;
		transition: color var( --transitionBase), background-color var( --transitionBase), border-color var( --transitionBase);
}

.tab a.is-current {
		color: #fff;
		background-color: var( --green01);
		border-top-color: var( --green01);
		border-left-color: var( --green01);
		border-right-color: var( --green01);
}

@media screen and ( max-width: 750px) {
		.tab {
				/*grid-template-columns: repeat( 3, calc( 210 var( --percentBase)));*/
				column-gap: calc( 20 var( --percentBase));
				border-bottom-width: calc( 4 var( --remBase));
		}
		.tab a {
				height: calc( 120 var( --remBase));
				font-size: calc( 36 var( --remBase));
				line-height: 1.6;
				border-top-width: 1px;
				border-left-width: 1px;
				border-right-width: 1px;
				border-radius: calc( 20 var( --remBase)) calc( 20 var( --remBase)) 0 0;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.tab {
				/*grid-template-columns: repeat( 3, calc( 370 * 100% / 1128));*/
				column-gap: calc( 9 * 100% / 1128);
				border-bottom-width: calc( 2 var( --remBase));
		}
		.tab a {
				height: calc( 80 var( --remBase));
				font-size: calc( 20 var( --remBase));
				line-height: 1.6;
				border-top-width: calc( 2 var( --remBase));
				border-left-width: calc( 2 var( --remBase));
				border-right-width: calc( 2 var( --remBase));
				border-radius: calc( 16 var( --remBase)) calc( 16 var( --remBase)) 0 0;
		}
		.tab a:hover, .tab a.hover {
				border-top-color: var( --green01);
				border-left-color: var( --green01);
				border-right-color: var( --green01);
		}
}

@media screen and ( min-width: 750.02px) and ( max-width: 1247.98px) {
		.tab {
				padding-inline: calc( 60 * 100% / var( --breakPoint));
		}
}

@media print, screen and ( min-width: 1248px) {
		.tab {
				padding-inline: calc( ( 100% - 1128px) / 2);
		}
}

.tabContent>*:not( .is-current) {
		display: none;
}


/* --------------------------------------------
TABLE OF CONTENTS
--------------------------------------------- */

.toc-1058 a {
		display: grid;
		align-content: center;
		align-items: center;
		justify-content: start;
		font-weight: 700;
		letter-spacing: .04em;
}

.toc-1058 a::before {
		display: block;
		font-size: 0;
		content: "";
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}

@media screen and ( max-width: 750px) {
		.toc-1058 {
				border-top: solid calc( 4 var( --remBase)) #eee;
		}
		.toc-1058 li {
				border-bottom: solid calc( 4 var( --remBase)) #eee;
		}
		.toc-1058 a {
				grid-template-columns: calc( 28 var( --percentBase)) auto;
				column-gap: calc( 16 var( --percentBase));
				height: calc( 92 var( --remBase));
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
		.toc-1058 a::before {
				height: calc( 28 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link03_sp.svg");
		}
}

@media print, screen and ( min-width: 750.02px) {
		.toc-1058 {
				display: grid;
				grid-template-columns: repeat( 3, calc( 336 * 100% / 1058));
				column-gap: calc( 20 * 100% / 1058);
		}
		.toc-1058 a {
				grid-template-columns: calc( 16 * 100% / 336) auto;
				column-gap: calc( 12 * 100% / 336);
				height: calc( 60 var( --remBase));
				font-size: calc( 16 var( --remBase));
				line-height: calc( 27 / 16);
				border-top: solid calc( 2 var( --remBase)) #eee;
				border-bottom: solid calc( 2 var( --remBase)) #eee;
				transition: color var( --transitionBase);
		}
		.toc-1058 a::before {
				height: calc( 16 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link03_pc.svg");
		}
		.toc-1058 a:hover, .toc-1058 a.hover {
				color: var( --green01);
		}
		.toc-1058 li:nth-child( n+4) {
				margin-top: calc( -2 var( --remBase));
		}
}

.toc-770 a {
		display: grid;
		align-content: center;
		align-items: center;
		justify-content: start;
		font-weight: 700;
		letter-spacing: .04em;
padding:30px 0 30px 0;
}

.toc-770 a::before {
		display: block;
		font-size: 0;
		content: "";
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}

@media screen and ( max-width: 750px) {
		.toc-770 {
				border-top: solid calc( 4 var( --remBase)) #eee;
		}
		.toc-770 li {
				border-bottom: solid calc( 4 var( --remBase)) #eee;
		}
		.toc-770 a {
				grid-template-columns: calc( 28 var( --percentBase)) auto;
				column-gap: calc( 16 var( --percentBase));
				height: calc( 92 var( --remBase));
				font-size: calc( 32 var( --remBase));
				/*line-height: 1.8;*/
line-height: 1.2;
padding:40px 0 40px 0;
		}
		.toc-770 a::before {
				height: calc( 28 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link03_sp.svg");
		}
}

@media print, screen and ( min-width: 750.02px) {
		.toc-770 {
				display: grid;
				grid-template-columns: repeat( 2, calc( 373 * 100% / 770));
				justify-content: space-between;
		}
		.toc-770 a {
				grid-template-columns: calc( 16 * 100% / 373) auto;
				column-gap: calc( 12 * 100% / 373);
				height: calc( 52 var( --remBase));
				font-size: calc( 16 var( --remBase));
				/*line-height: calc( 27 / 16);*/
line-height: calc( 24 / 16);
				border-top: solid calc( 2 var( --remBase)) #eee;
				border-bottom: solid calc( 2 var( --remBase)) #eee;
				transition: color var( --transitionBase);
		}
		.toc-770 a::before {
				height: calc( 16 var( --remBase));
				background-image: url("/hospital/assets/img/ui/allow/link03_pc.svg");
		}
		.toc-770 a:hover, .toc-770 a.hover {
				color: var( --green01);
		}
		.toc-770 li:nth-child( n+3) {
				margin-top: calc( -2 var( --remBase));
		}
}


/* --------------------------------------------
BREADCRUMB
--------------------------------------------- */

.breadcrumb {
		display: flex;
		flex-wrap: wrap;
}

.breadcrumb li {
		display: flex;
		align-items: start;
		color: #626262;
		letter-spacing: .04em;
}

.breadcrumb li:not( :last-child)::after {
		display: block;
		content: "";
		background: url("/hospital/assets/img/ui/allow/breadcrumb.svg") center / contain no-repeat;
}

.breadcrumb a {
		font-weight: 700;
		color: var( --body);
		-webkit-text-decoration: underline;
		text-decoration: underline;
		text-underline-offset: .2em;
		transition: color var( --transitionBase);
}

.breadcrumb a:hover {
		color: var( --green01);
}

@media screen and ( max-width: 750px) {
		.breadcrumb {
				padding-block: calc( ( 43 - 2.4) var( --remBase));
		}
		.breadcrumb li {
				font-size: calc( 24 var( --remBase));
				line-height: 1.2;
		}
		.breadcrumb li:not( :last-child)::after {
				width: calc( 11 var( --remBase));
				height: calc( 19 var( --remBase));
				margin-inline: calc( 20 var( --remBase));
				margin-top: calc( 9.4 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.breadcrumb.breadcrumb-1208 {
				padding-block: calc( ( 24 - 8.4) var( --remBase));
		}
		.breadcrumb.breadcrumb-1208 li {
				font-size: calc( 12 var( --remBase));
				line-height: 2.4;
		}
		.breadcrumb.breadcrumb-1208 li:not( :last-child)::after {
				width: calc( 6 var( --remBase));
				height: calc( 10 var( --remBase));
				margin-inline: calc( 12 var( --remBase));
				margin-top: calc( 9.4 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.breadcrumb:not( .breadcrumb-1208) li {
				line-height: calc( 28.8 / 12);
		}
}

@media ( min-width: 750.02px) and ( max-width: 1285.98px) {
		.breadcrumb:not( .breadcrumb-1208) {
				padding-block: calc( ( 24 - 8.4) * 100vw / 1286);
				padding-inline: calc( 20 * 100% / 1286);
		}
		.breadcrumb:not( .breadcrumb-1208) li {
				font-size: calc( 12 * 100vw / 1286);
		}
		.breadcrumb:not( .breadcrumb-1208) li:not( :last-child)::after {
				width: calc( 6 * 100vw / 1286);
				height: calc( 10 * 100vw / 1286);
				margin-inline: calc( 12 * 100vw / 1286);
				margin-top: calc( 9.4 * 100vw / 1286);
		}
}

@media ( min-width: 1286px) {
		.breadcrumb:not( .breadcrumb-1208) {
				width: 1286px;
				padding-block: calc( 24px - 8.4px);
				padding-inline: 20px;
				margin-inline: auto;
		}
		.breadcrumb:not( .breadcrumb-1208) li {
				font-size: 12px;
		}
		.breadcrumb:not( .breadcrumb-1208) li:not( :last-child)::after {
				width: 6px;
				height: 10px;
				margin-inline: 12px;
				margin-top: 9.4px;
		}
}


/* --------------------------------------------
SIDE MENU
--------------------------------------------- */

.sidemenu :where( h2, h3, h4, h5, h6) {
		display: grid;
		align-items: start;
		justify-content: start;
		font-weight: 700;
		letter-spacing: .04em;
}

.sidemenu :where( h2, h3, h4, h5, h6)::before {
		display: block;
		aspect-ratio: 1;
		font-size: 0;
		content: "";
		background: url("/hospital/assets/img/ui/parts/sidemenu.svg") 0 0 / contain no-repeat;
}

.sidemenu a {
		display: grid;
		align-items: start;
		justify-content: start;
		font-weight: 700;
		letter-spacing: .04em;
}

.sidemenu a::before {
		display: block;
		font-size: 0;
		content: "";
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}

.sidemenu a:not( .is-current)::before {
		background-image: url("/hospital/assets/img/ui/allow/sidemenu.svg");
		filter: invert( 15%) sepia( 0%) saturate( 11%) hue-rotate( 217deg) brightness( 99%) contrast( 84%);
}

.sidemenu a.is-current {
		color: var( --green01);
}

.sidemenu a.is-current::before {
		aspect-ratio: 1;
		background-color: var( --green01);
		border-radius: 50%;
}

@media screen and ( max-width: 750px) {
		.sidemenu {
				width: calc( 714 * 100% / var( --breakPoint));
				padding-top: calc( ( 63 - 3) var( --remBase));
				padding-bottom: calc( ( 70 - 22) var( --remBase));
				padding-left: calc( 40 * 100% / var( --breakPoint));
				border-block: solid var( --green01) calc( 4 var( --remBase));
				border-right: solid var( --green01) calc( 4 var( --remBase));
				border-radius: 0 calc( 20 var( --remBase)) calc( 20 var( --remBase)) 0;
		}
		.sidemenu :where( h2, h3, h4, h5, h6) {
				grid-template-columns: calc( 24 var( --percentBase)) auto;
				column-gap: calc( 16 var( --percentBase));
				font-size: calc( 32 var( --remBase));
				line-height: calc( 38 / 32);
		}
		.sidemenu :where( h2, h3, h4, h5, h6)::before {
				margin-top: calc( 7 var( --remBase));
		}
		.sidemenu ul {
				padding-left: calc( 40 var( --percentBase));
				margin-top: calc( ( 60 - 7 - 22) var( --remBase));
		}
		.sidemenu li+li {
				margin-top: calc( ( 50 - 22 - 22) var( --remBase));
		}
		.sidemenu a {
				font-size: calc( 28 var( --remBase));
				line-height: calc( 76 / 28);
		}
		.sidemenu a:not( .is-current) {
				grid-template-columns: calc( 12 * 100% / 630) auto;
				column-gap: calc( 16 * 100% / 630);
		}
		.sidemenu a:not( .is-current)::before {
				height: calc( 21 var( --remBase));
				margin-top: calc( 27.5 var( --remBase));
		}
		.sidemenu a.is-current {
				grid-template-columns: calc( 12 * 100% / 630) auto;
				column-gap: calc( 16 * 100% / 630);
		}
		.sidemenu a.is-current::before {
				margin-top: calc( 32 var( --remBase));
		}
 .sidemenu h4 a {
    transition: color var( --transitionBase);
    /*grid-template-columns: calc( 24 var(--percentBase) ) auto !important;*/
    /*column-gap: calc( 16 var(--percentBase) ) !important;*/
    font-size: calc( 32 var(--remBase) );
    line-height: calc( 38 / 32 );
    width:300px;
  }
.sidemenu h4 a::before {
    background-image: none !important;
  }
}

@media print, screen and ( min-width: 750.02px) {
		.sidemenu {
				position: sticky;
				top: 0;
				padding-top: calc( ( 20 - 11) var( --remBase));
				padding-bottom: calc( ( 20 - 10) var( --remBase));
				/*padding-right: calc( 38 * 100% / 230);*/
padding-right: calc( 18 * 100% / 230);
				border-right: calc( 2 var( --remBase)) solid #c9c9c9;
		}
		.sidemenu :where( h2, h3, h4, h5, h6) {
				grid-template-columns: calc( 16 * 100% / 190) auto;
				column-gap: calc( 10 * 100% / 190);
				font-size: calc( 16 var( --remBase));
				line-height: calc( 38 / 16);
		}
		.sidemenu :where( h2, h3, h4, h5, h6)::before {
				margin-top: calc( 11 var( --remBase));
		}

		.sidemenu ul {
				padding-left: calc( 26 * 100% / 190);
				margin-top: calc( ( 30 - 11 - 10) var( --remBase));
		}
		.sidemenu li {
				margin-bottom:calc( 16 var( --remBase));
		}
		.sidemenu a {
				font-size: calc( 14 var( --remBase));
				/*line-height: calc( 24 / 14);*/
				line-height: calc( 18 / 14);
		}

		.sidemenu a:not( .is-current) {
				grid-template-columns: calc( 7 * 100% / 164) auto;
				column-gap: calc( 10 * 100% / 164);
				transition: color var( --transitionBase);
		}
		.sidemenu a:not( .is-current)::before {
				height: calc( 11 var( --remBase));
				/*margin-top: calc( 11.5 var( --remBase));*/
				margin-top: calc( 4 var( --remBase));
				transition: filter var( --transitionBase);
		}
		.sidemenu a:not( .is-current):hover, .sidemenu a:not( .is-current).hover {
				color: var( --green01);
		}
		.sidemenu a:not( .is-current):hover::before, .sidemenu a:not( .is-current).hover::before {
				filter: invert( 37%) sepia( 19%) saturate( 1416%) hue-rotate( 103deg) brightness( 89%) contrast( 106%);
		}
		.sidemenu a.is-current {
				grid-template-columns: calc( 6 * 100% / 164) auto;
				column-gap: calc( 11 * 100% / 164);
		}
		.sidemenu a.is-current::before {
				/*margin-top: calc( 14 var( --remBase));*/
				margin-top: calc( 7 var( --remBase));	
		}
		.sidemenu h4 a {
				font-size: calc( 16 var( --remBase));
				line-height: calc( 38 / 16);
				background-image: none;
				grid-template-columns: calc( 0 * 100% / 164) auto !important;
				column-gap: calc( 0 * 100% / 164) !important;
				transition: color var( --transitionBase);
		}
}

@media print, screen and ( min-width: 750.02px) {
		#header.is-down+#main .sidemenu {
				top: 0;
		}
}

@media print, screen and ( min-width: 750.02px) {
		#header.is-up+#main .sidemenu {
				top: var( --headerHeight);
		}
}


/* --------------------------------------------
LIST
--------------------------------------------- */

.list.dot::before, .list.dot::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

.list.dot>li {
		position: relative;
		letter-spacing: .04em;
}

.list.dot>li::before {
		position: absolute;
		left: 0;
		display: block;
		aspect-ratio: 1;
		font-size: 0;
		content: "";
		background-color: var( --green02);
		border-radius: 50%;
}

@media screen and ( max-width: 750px) {
		.list.dot::before {
				margin-top: calc( -12.8 var( --remBase));
		}
		.list.dot::after {
				margin-bottom: calc( -12.8 var( --remBase));
		}
		.list.dot>li {
				padding-left: calc( 28 var( --remBase));
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
		.list.dot>li::before {
				top: calc( 22.8 var( --remBase));
				height: calc( 12 var( --remBase));
		}
		.list.dot>li+li {
				margin-top: calc( ( 50 - 12.8 - 12.8) var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.list.dot::before {
				margin-top: calc( -6.4 var( --remBase));
		}
		.list.dot::after {
				margin-bottom: calc( -6.4 var( --remBase));
		}
		.list.dot>li {
				padding-left: calc( 20 var( --remBase));
				font-size: calc( 16 var( --remBase));
				line-height: 1.8;
		}
		.list.dot>li::before {
				top: calc( 10.4 var( --remBase));
				height: calc( 8 var( --remBase));
		}
		.list.dot>li+li {
				margin-top: calc( ( 30 - 6.4 - 6.4) var( --remBase));
		}
}

.important.list.dot>li::before {
		background-color: rgb( 202 60 60 / .6);
}

.list.number01::before, .list.number01::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

.list.number01>li {
		position: relative;
		letter-spacing: .04em;
		counter-increment: number01;
}

.list.number01 :where( h1, h2, h3, h4, h5, h6) {
		position: relative;
		font-weight: 700;
		letter-spacing: .04em;
}

.list.number01 :where( h1, h2, h3, h4, h5, h6)::before, .list.number01 :where( h1, h2, h3, h4, h5, h6)::after {
		position: absolute;
		left: 0;
		display: block;
		text-align: center;
		content: "";
}

.list.number01 :where( h1, h2, h3, h4, h5, h6)::before {
		background-color: var( --white);
		border-color: var( --green01);
		border-style: solid;
		border-radius: 50%;
}

.list.number01 :where( h1, h2, h3, h4, h5, h6)::after {
		display: grid;
		place-items: center;
		aspect-ratio: 1;
		font-family: Roboto Flex;
		font-weight: 400;
		line-height: 1;
		color: var( --green01);
		text-align: center;
		letter-spacing: 0;
		content: counter( number01);
}

@media screen and ( max-width: 750px) {
		.list.number01::before {
				margin-top: calc( -10.8 var( --remBase));
		}
		.list.number01::after {
				margin-bottom: calc( -12.8 var( --remBase));
		}
		.list.number01>li+li:not( [class*="mt"]) {
				margin-top: calc( ( 50 - 10.8 - 10.8) var( --remBase));
		}
		.list.number01 :where( h1, h2, h3, h4, h5, h6) {
				padding-left: calc( 56 var( --remBase));
				font-size: calc( 36 var( --remBase));
				line-height: 1.6;
		}
		.list.number01 :where( h1, h2, h3, h4, h5, h6)::before, .list.number01 :where( h1, h2, h3, h4, h5, h6)::after {
				top: calc( 8.8 var( --remBase));
				height: calc( 40 var( --remBase));
		}
		.list.number01 :where( h1, h2, h3, h4, h5, h6)::before {
				width: calc( 40 var( --remBase));
				border-width: calc( 2 var( --remBase));
		}
		.list.number01 :where( h1, h2, h3, h4, h5, h6)::after {
				font-size: 2.8rem;
		}
		.list.number01 p {
				margin-top: calc( ( 40 - 12.8) var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.list.number01::before {
				margin-top: calc( -7 var( --remBase));
		}
		.list.number01::after {
				margin-bottom: calc( -6.4 var( --remBase));
		}
		.list.number01>li+li:not( [class*="mt"]) {
				margin-top: calc( ( 30 - 7 - 7) var( --remBase));
		}
		.list.number01 :where( h1, h2, h3, h4, h5, h6) {
				padding-left: calc( 30 var( --remBase));
				font-size: calc( 18 var( --remBase));
				line-height: calc( 32 / 18);
		}
		.list.number01 :where( h1, h2, h3, h4, h5, h6)::before, .list.number01 :where( h1, h2, h3, h4, h5, h6)::after {
				top: calc( 6 var( --remBase));
				height: calc( 20 var( --remBase));
		}
		.list.number01 :where( h1, h2, h3, h4, h5, h6)::before {
				width: calc( 20 var( --remBase));
				border-width: 1px;
		}
		.list.number01 :where( h1, h2, h3, h4, h5, h6)::after {
				font-size: 1.4rem;
		}
		.list.number01 p {
				margin-top: calc( ( 20 - 6.4) var( --remBase));
		}
}

.list.number02::before, .list.number02::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

.list.number02>li {
		position: relative;
		letter-spacing: .04em;
		counter-increment: number02;
}

.list.number02 :where( h1, h2, h3, h4, h5, h6) {
		position: relative;
		font-weight: 700;
		letter-spacing: .04em;
}

.list.number02 :where( h1, h2, h3, h4, h5, h6)::before {
		position: absolute;
		top: 0;
		left: 0;
		font-weight: 700;
		content: counter( number02) ".";
}

.list.number02>li> :where( ul, ol)>li {
		position: relative;
		letter-spacing: .04em;
}

.list.number02>li> :where( ul, ol)>li::before {
		position: absolute;
		left: 0;
		display: block;
		aspect-ratio: 1;
		font-size: 0;
		content: "";
		background-color: var( --green02);
		border-radius: 50%;
}

@media screen and ( max-width: 750px) {
		.list.number02::before {
				margin-top: calc( -10.8 var( --remBase));
		}
		.list.number02::after {
				margin-bottom: calc( -10.8 var( --remBase));
		}
		.list.number02>li+li {
				margin-top: calc( ( 80 - 12.8 - 10.8) var( --remBase));
		}
		.list.number02 :where( h1, h2, h3, h4, h5, h6) {
				padding-left: calc( 52 var( --remBase));
				font-size: calc( 36 var( --remBase));
				line-height: 1.6;
		}
		.list.number02>li> :where( ul, ol) {
				padding-left: calc( 52 var( --remBase));
				margin-top: calc( ( 50 - 10.8 - 12.8) var( --remBase));
		}
		.list.number02>li> :where( ul, ol)>li {
				padding-left: calc( 28 var( --remBase));
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
		.list.number02>li> :where( ul, ol)>li::before {
				top: calc( 22.8 var( --remBase));
				height: calc( 12 var( --remBase));
		}
		.list.number02>li> :where( ul, ol)>li+li {
				margin-top: calc( ( 41 - 12.8 - 12.8) var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.list.number02::before {
				margin-top: calc( -7 var( --remBase));
		}
		.list.number02::after {
				margin-bottom: calc( -7 var( --remBase));
		}
		.list.number02>li+li {
				margin-top: calc( ( 60 - 15 - 7) var( --remBase));
		}
		.list.number02 :where( h1, h2, h3, h4, h5, h6) {
				padding-left: calc( 28 var( --remBase));
				font-size: calc( 18 var( --remBase));
				line-height: calc( 32 / 18);
		}
		.list.number02>li> :where( ul, ol) {
				padding-left: calc( 28 var( --remBase));
				margin-top: calc( ( 30 - 7 - 15) var( --remBase));
		}
		.list.number02>li> :where( ul, ol)>li {
				padding-left: calc( 18 var( --remBase));
				font-size: calc( 16 var( --remBase));
				line-height: calc( 46 / 16);
		}
		.list.number02>li> :where( ul, ol)>li::before {
				top: calc( 19 var( --remBase));
				height: calc( 8 var( --remBase));
		}
}

.list.number03::before, .list.number03::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

.list.number03>li {
		position: relative;
		letter-spacing: .04em;
		counter-increment: number03;
}

.list.number03>li::before {
		position: absolute;
		top: 0;
		left: 0;
		content: counter( number03) ".";
}

@media screen and ( max-width: 750px) {
		.list.number03::before {
				margin-top: calc( -12.8 var( --remBase));
		}
		.list.number03::after {
				margin-bottom: calc( -12.8 var( --remBase));
		}
		.list.number03>li {
				padding-left: calc( 44 var( --remBase));
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
		.list.number03>li+li {
				margin-top: calc( ( 50 - 12.8 - 12.8) var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.list.number03::before {
				margin-top: calc( -6.4 var( --remBase));
		}
		.list.number03::after {
				margin-bottom: calc( -6.4 var( --remBase));
		}
		.list.number03>li {
				padding-left: calc( 22 var( --remBase));
				font-size: calc( 16 var( --remBase));
				line-height: 1.8;
		}
		.list.number03>li+li {
				margin-top: calc( ( 30 - 6.4 - 6.4) var( --remBase));
		}
}

.list.check::before, .list.check::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

.list.check>li {
		position: relative;
		letter-spacing: .04em;
}

.list.check>li::before {
		position: absolute;
		left: 0;
		display: block;
		font-size: 0;
		content: "";
		background: url("/hospital/assets/img/ui/parts/list_check.svg") 0 0 / contain no-repeat;
}

@media screen and ( max-width: 750px) {
		.list.check::before {
				margin-top: calc( -12.8 var( --remBase));
		}
		.list.check::after {
				margin-bottom: calc( -12.8 var( --remBase));
		}
		.list.check>li {
				padding-left: calc( 46 var( --remBase));
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
		.list.check>li::before {
				width: calc( 30 var( --remBase));
				height: calc( 18 var( --remBase));
				margin-top: calc( 19.8 var( --remBase));
		}
		.list.check>li+li {
				margin-top: calc( ( 50 - 12.8 - 12.8) var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.list.check::before {
				margin-top: calc( -6.4 var( --remBase));
		}
		.list.check::after {
				margin-bottom: calc( -6.4 var( --remBase));
		}
		.list.check>li {
				padding-left: calc( 29 var( --remBase));
				font-size: calc( 16 var( --remBase));
				line-height: 1.8;
		}
		.list.check>li::before {
				width: calc( 19 var( --remBase));
				height: calc( 11 var( --remBase));
				margin-top: calc( 8.9 var( --remBase));
		}
		.list.check>li+li {
				margin-top: calc( ( 30 - 6.4 - 6.4) var( --remBase));
		}
}

.links.links-1058.column02 {
		background-color: var( --green04);
}

@media screen and ( max-width: 750px) {
		.links.links-1058.column02 {
				padding-block: calc( 60 var( --remBase));
				padding-inline: calc( 40 var( --percentBase));
				border-radius: calc( 16 var( --remBase));
		}
		.links.links-1058.column02>li+li {
				margin-top: calc( 60 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.links.links-1058.column02 {
				display: grid;
				grid-template-columns: repeat( 2, 1fr);
				column-gap: calc( 58 * 100% / 998);
				padding-block: calc( 40 var( --remBase));
				padding-inline: calc( 30 * 100% / 1058);
				border-radius: calc( 16 var( --remBase));
		}
}


/* --------------------------------------------
TABLE
--------------------------------------------- */

.table01 {
		overflow: auto;
}

.table01 :where( th, td) {
		text-align: center;
		text-indent: .04em;
		letter-spacing: .04em;
padding: 6px;
}

.table01 th {
		font-weight: 700;
		color: #fff;
		background-color: var( --green01);
}

.table01 td {
		background-color: #fff;
}

.table01 thead :where( th, td) {
		border-color: var( --white);
}

.table01 thead td {
		background-color: var( --green01);
}

.table01 tbody th {
		border-color: var( --white);
}

.table01 tbody td {
		border-color: #dcdcdc;
}

@media screen and ( max-width: 750px) {
		.table01 thead td, .table01 tbody tr:nth-of-type( 1) th:nth-of-type( 1), .table01 tbody tr:nth-of-type( 3) th:nth-of-type( 1) {
				left: 0;
		}
		.table01 tbody tr:nth-of-type( 1) th:nth-of-type( 2), .table01 tbody tr:nth-of-type( 3) th:nth-of-type( 2), .table01 tbody tr:nth-of-type( 5) th {
				left: calc( 130 * 100% / 490);
		}
		.table01 table {
				width: calc( ( 260 + 160 * 5) * 100% / 490);
table-layout: fixed;
padding:20px;
		}
		.table01 :where( th, td) {
				/*font-size: calc( 32 var( --remBase));line-height: 1.8;*/
font-size: calc( 23 var( --remBase));
				line-height: 1.6;
		}
		.table01 thead :where( th, td) {
				border-width: calc( 2 var( --remBase));
		}
		.table01 thead th {
				padding-block: calc( 14 - 12.8);

		}
		.table01 tbody tr:nth-of-type( 1) th {
				/*width: calc( 130 * 100% / 1060);*/
		}
		.table01 tbody th {
				border-width: calc( 2 var( --remBase));
		}
		.table01 tbody td {
				padding-block: calc( 14 - 12.8);
				border-width: calc( 2 var( --remBase));
		}
		.table01 tbody tr:nth-of-type( 3) :where( th, td), .table01 tbody tr:nth-of-type( 5) :where( th, td) {
				/*border-top-width: calc( 4 var( --remBase));*/
border-top-width: calc( 1 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.table01 table {
				width: 100%;
table-layout: fixed;
		}
		.table01 :where( th, td) {
				font-size: calc( 15 var( --remBase));
				line-height: 1.6;
		}
		.table01 thead :where( th, td) {
				border-width: 1px;
		}
		.table01 thead th {
				padding-block: calc( 12 - 6.4);
		}
		.table01 tbody tr:nth-of-type( 1) th {
				width: calc( 103 * 100% / 938);
		}
		.table01 tbody th {
				border-width: 1px;
		}
		.table01 tbody td {
				padding-block: calc( 12 - 6.4);
				border-width: 1px;
		}
		.table01 tbody tr:nth-of-type( 3) :where( th, td), .table01 tbody tr:nth-of-type( 5) :where( th, td) {
				/*border-top-width: 2px;*/
border-top-width: 1px;
		}
}


/* --------------------------------------------
TEXT BOX
--------------------------------------------- */

.textbox {
		background-color: var( --white);
		border-color: var( --green01);
		border-style: solid;
}

@media screen and ( max-width: 750px) {
		.textbox {
				padding-inline: calc( 38 * 100% / 590);
				padding-top: calc( 45 var( --remBase));
				padding-bottom: calc( 39 var( --remBase));
				border-width: calc( 4 var( --remBase));
				border-radius: calc( 20 var( --remBase));
		}
		.textbox p::before {
				margin-top: calc( -36.0 var( --remBase));
		}
		.textbox p::after {
				margin-bottom: calc( -12.8 var( --remBase));
		}
		.textbox p {
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.textbox {
				padding-top: calc( 28 var( --remBase));
				padding-bottom: calc( 32 var( --remBase));
				border-width: calc( 2 var( --remBase));
				border-radius: calc( 16 var( --remBase));
		}
		.textbox p::before {
				margin-top: calc( -8.4 var( --remBase));
		}
		.textbox p::after {
				margin-bottom: calc( -8.4 var( --remBase));
		}
		.textbox p {
				text-align: center;
				text-indent: .04em;
		}
		.textbox p {
				font-size: calc( 20 var( --remBase));
				line-height: calc( 36.8 / 20);
		}
}


/* --------------------------------------------
IMAGE
--------------------------------------------- */

.img:not( .column02, .column03) {
		margin-inline: auto;
		overflow: hidden;
}

.img:not( .column02, .column03) img {
		width: 100%;
		height: auto;
}

@media screen and ( max-width: 750px) {
		.img:not( .column02, .column03) {
				width: calc( 532 var( --remBase));
				border-radius: calc( 20 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.img:not( .column02, .column03) {
				width: calc( 486 var( --remBase));
				border-radius: calc( 16 var( --remBase));
		}
}

.img.column02 picture {
		overflow: hidden;
}

.img.column02 img {
		width: 100%;
		height: auto;
}

.img.column02 :is( h1, h2, h3, h4, h5, h6, p) {
		font-weight: 700;
}

.img.column02 :is( h1, h2, h3, h4, h5, h6, p)::before, .img.column02 :is( h1, h2, h3, h4, h5, h6, p)::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

@media screen and ( max-width: 750px) {
		.img.column02 {
				width: calc( 532 var( --remBase));
				margin-inline: auto;
		}
		.img.column02>li+li {
				margin-top: calc( 80 var( --remBase));
		}
		.img.column02 picture {
				width: 100%;
				border-radius: calc( 16 var( --remBase));
		}
		.img.column02 :is( h1, h2, h3, h4, h5, h6, p)::before {
				margin-top: calc( -14.4 var( --remBase));
		}
		.img.column02 :is( h1, h2, h3, h4, h5, h6, p)::after {
				margin-bottom: calc( -14.4 var( --remBase));
		}
		.img.column02 :is( h1, h2, h3, h4, h5, h6, p) {
				margin-top: calc( 19 var( --remBase));
		}
		.img.column02 :is( h1, h2, h3, h4, h5, h6, p) {
				font-size: calc( 36 var( --remBase));
				line-height: 1.79;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.img.column02 {
				display: grid;
				grid-template-columns: repeat( 2, calc( 313 var( --remBase)));
				column-gap: calc( 24 var( --remBase));
		}
		.img.column02 picture {
				border-radius: calc( 16 var( --remBase));
		}
		.img.column02 :is( h1, h2, h3, h4, h5, h6, p)::before {
				margin-top: calc( -1.8 var( --remBase));
		}
		.img.column02 :is( h1, h2, h3, h4, h5, h6, p)::after {
				margin-bottom: calc( -1.8 var( --remBase));
		}
		.img.column02 :is( h1, h2, h3, h4, h5, h6, p) {
				margin-top: calc( 16 var( --remBase));
		}
		.img.column02 :is( h1, h2, h3, h4, h5, h6, p) {
				font-size: calc( 18 var( --remBase));
				line-height: 1.2;
		}
}

.img.column03.column03-770 a {
		display: block;
}

.img.column03.column03-770 a>picture {
		position: relative;
		overflow: hidden;
}

.img.column03.column03-770 a>picture::before, .img.column03.column03-770 a>picture::after {
		position: absolute;
		aspect-ratio: 1;
		font-size: 0;
		content: "";
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}

.img.column03.column03-770 a>picture::before {
		z-index: 1;
		background-image: url("/hospital/assets/img/ui/parts/bg_glass.svg");
		filter: invert( 91%) sepia( 11%) saturate( 276%) hue-rotate( 96deg) brightness( 95%) contrast( 92%);
}

.img.column03.column03-770 a>picture::after {
		z-index: 2;
		background-image: url("/hospital/assets/img/ui/parts/glass.svg");
		filter: invert( 31%) sepia( 26%) saturate( 1396%) hue-rotate( 104deg) brightness( 94%) contrast( 90%);
}

@media screen and ( max-width: 750px) {
		.img.column03.column03-770>li+li {
				margin-top: calc( 60 var( --remBase));
		}
		.img.column03.column03-770 a>picture {
				width: 100%;
				border-radius: calc( 20 var( --remBase));
				height: calc( 382 var(--remBase) );
		}
		.img.column03.column03-770 a>picture img {
				width: 100%;
				height: 100%;
				object-fit: cover;
		}
		.img.column03.column03-770 a>picture::before {
				bottom: calc( 20 var( --remBase));
				right: calc( 20 var( --percentBase));
				height: calc( 36 var( --remBase));
		}
		.img.column03.column03-770 a>picture::after {
				bottom: calc( 33 var( --remBase));
				right: calc( 33 var( --percentBase));
				height: calc( 14 var( --remBase));
		}
		.img.column03.column03-770 a>p {
				margin-top: calc( 40 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.img.column03.column03-770 {
				display: grid;
				grid-template-columns: repeat( 3, calc( 246 * 100% / 770));
				row-gap: calc( 20 var( --remBase));
				column-gap: calc( 16 * 100% / 770);
		}
		.img.column03.column03-770 a:hover>picture>img, .img.column03.column03-770 a.hover>picture>img {
				scale: 1.05;
		}
		.img.column03.column03-770 a:hover>picture::before, .img.column03.column03-770 a.hover>picture::before {
				filter: invert( 31%) sepia( 26%) saturate( 1396%) hue-rotate( 104deg) brightness( 94%) contrast( 90%);
		}
		.img.column03.column03-770 a:hover>picture::after, .img.column03.column03-770 a.hover>picture::after {
				filter: invert( 100%) sepia( 100%) saturate( 0%) hue-rotate( 288deg) brightness( 102%) contrast( 102%);
		}
		.img.column03.column03-770 a>picture {
				height: calc( 140 var( --remBase));
				border-radius: calc( 16 var( --remBase));
		}
		.img.column03.column03-770 a>picture img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: scale var( --transitionBase);
		}
		.img.column03.column03-770 a>picture::before, .img.column03.column03-770 a>picture::after {
				/* transition: filter var(--transitionBase); */
		}
		.img.column03.column03-770 a>picture::before {
				bottom: calc( 11 var( --remBase));
				right: calc( 11 * 100% / 246);
				height: calc( 22 var( --remBase));
		}
		.img.column03.column03-770 a>picture::after {
				bottom: calc( 19 var( --remBase));
				right: calc( 19 * 100% / 246);
				height: calc( 8 var( --remBase));
		}
		.img.column03.column03-770 a>p {
				margin-top: calc( 20 var( --remBase));
		}
}


/* --------------------------------------------
DIALOG
--------------------------------------------- */

body.is-dialog {
		height: 100vh;
		overflow-y: hidden;
}

dialog:not( [open]) {
		display: none;
}

dialog {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 12;
		width: 100%;
		height: 100dvh;
		overflow-y: scroll;
		background-color: rgb( 0 0 0 / .85);
}

dialog .dialogContent {
		position: relative;
		display: grid;
		place-items: center;
		height: 100%;
}

dialog .btnCloseModal {
		position: absolute;
		z-index: 2;
		display: block;
}

dialog .is-wide {
		height: auto;
}

dialog .is-tall {
		width: auto;
}

@media screen and ( max-width: 750px) {
		dialog {
				padding-block: calc( 40 var( --remBase));
		}
		dialog .btnCloseModal {
				top: calc( 40 var( --remBase));
				right: calc( 40 * 100% / var( --breakPoint));
		}
		dialog .btnCloseModal img {
				height: calc( 100 var( --remBase));
		}
		dialog .is-wide {
				max-width: calc( 670 var( --remBase));
		}
		dialog .is-tall {
				max-height: calc( 800 var( --remBase));
		}
		dialog .is-square {
				max-width: calc( 670 var( --remBase));
				height: auto;
		}
}

@media print, screen and ( min-width: 750.02px) {
		dialog .is-wide {
				max-width: 740px;
		}
		dialog .is-tall {
				max-height: 556px;
		}
		dialog .is-square {
				width: auto;
				max-height: 556px;
		}
}

@media screen and ( min-width: 750.02px) and ( max-width: 1247.98px) {
		dialog {
				padding-block: calc( 40 var( --remBase));
		}
		dialog .btnCloseModal {
				top: calc( 40 var( --remBase));
				right: calc( 40 * 100% / 1366);
		}
		dialog .btnCloseModal img {
				height: calc( 60 var( --remBase));
		}
}

@media print, screen and ( min-width: 1248px) {
		dialog {
				padding-block: 40px;
		}
		dialog .btnCloseModal {
				top: 40px;
				right: 40px;
		}
		dialog .btnCloseModal img {
				height: 60px;
		}
}

.img.column03:not( .column03-770) picture {
		width: 100%;
		overflow: hidden;
}

.img.column03:not( .column03-770) :where( h1, h2, h3, h4, h5, h6) {
		letter-spacing: .04em;
}

.img.column03:not( .column03-770) :where( h1, h2, h3, h4, h5, h6)::before {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

.img.column03:not( .column03-770) :where( h1, h2, h3, h4, h5, h6)::after {
		display: block;
		content: "";
		background-color: var( --green01);
}

.img.column03:not( .column03-770) :where( h1, h2, h3, h4, h5, h6) {
		font-weight: 400;
		letter-spacing: 0;
}

.img.column03:not( .column03-770) p {
		font-weight: 400;
		letter-spacing: .04em;
}

.img.column03:not( .column03-770) p::before, .img.column03:not( .column03-770) p::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

@media screen and ( max-width: 750px) {
		.img.column03:not( .column03-770)>li+li {
				margin-top: calc( 80 var( --remBase));
		}
		.img.column03:not( .column03-770) picture {
				border-radius: calc( 20 var( --remBase));
		}
		.img.column03:not( .column03-770) picture img {
				width: 100%;
				height: auto;
		}
		.img.column03:not( .column03-770) :where( h1, h2, h3, h4, h5, h6) {
				margin-top: calc( 40 var( --remBase));
				font-size: calc( 36 var( --remBase));
				line-height: 1.6;
		}
		.img.column03:not( .column03-770) :where( h1, h2, h3, h4, h5, h6)::before {
				margin-top: calc( -10.8 var( --remBase));
		}
		.img.column03:not( .column03-770) :where( h1, h2, h3, h4, h5, h6)::after {
				width: calc( 120 var( --percentBase));
				height: calc( 4 var( --remBase));
				margin-top: calc( ( 38 - 10.8) var( --remBase));
		}
		.img.column03:not( .column03-770) p {
				margin-top: calc( 38 var( --remBase));
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
		.img.column03:not( .column03-770) p::before {
				margin-top: calc( -12.8 var( --remBase));
		}
		.img.column03:not( .column03-770) p::after {
				margin-bottom: calc( -12.8 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.img.column03:not( .column03-770) {
				display: grid;
		}
		.img.column03:not( .column03-770) picture {
				border-radius: calc( 16 var( --remBase));
		}
		.img.column03:not( .column03-770) picture img {
				width: 100%;
				height: 100%;
				object-fit: cover;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.img.column03:not( .column03-1058, .column03-770) {
				grid-template-columns: repeat( 3, calc( 386 var( --percentBase)));
				column-gap: calc( 25 var( --percentBase));
		}
		.img.column03:not( .column03-1058, .column03-770) :where( h1, h2, h3, h4, h5, h6) {
				margin-top: calc( 25 var( --remBase));
				font-size: calc( 20 var( --remBase));
				line-height: 1.6;
		}
		.img.column03:not( .column03-1058, .column03-770) :where( h1, h2, h3, h4, h5, h6)::before {
				margin-top: calc( -6 var( --remBase));
		}
		.img.column03:not( .column03-1058, .column03-770) :where( h1, h2, h3, h4, h5, h6)::after {
				width: calc( 40 * 100% / 386);
				height: calc( 2 var( --remBase));
				margin-top: calc( ( 20 - 6) var( --remBase));
		}
		.img.column03:not( .column03-1058, .column03-770) p {
				margin-top: calc( 20 var( --remBase));
				font-size: calc( 16 var( --remBase));
				line-height: 1.8;
		}
		.img.column03:not( .column03-1058, .column03-770) p::before {
				margin-top: calc( -6.4 var( --remBase));
		}
		.img.column03:not( .column03-1058, .column03-770) p::after {
				margin-bottom: calc( -6.4 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.img.column03.column03-1058 {
				grid-template-columns: repeat( 3, calc( 336 * 100% / 1058));
				row-gap: calc( 40 var( --remBase));
				column-gap: calc( 25 * 100% / 1058);
		}
		.img.column03.column03-1058 :where( h1, h2, h3, h4, h5, h6) {
				margin-top: calc( 25 var( --remBase));
				font-size: calc( 20 var( --remBase));
				line-height: 1.6;
		}
		.img.column03.column03-1058 :where( h1, h2, h3, h4, h5, h6)::before {
				margin-top: calc( -6 var( --remBase));
		}
		.img.column03.column03-1058 :where( h1, h2, h3, h4, h5, h6)::after {
				width: calc( 40 * 100% / 336);
				height: calc( 2 var( --remBase));
				margin-top: calc( ( 18 - 6) var( --remBase));
		}
		.img.column03.column03-1058 p {
				margin-top: calc( 18 var( --remBase));
				font-size: calc( 16 var( --remBase));
				line-height: 1.8;
		}
		.img.column03.column03-1058 p::before {
				margin-top: calc( -6.4 var( --remBase));
		}
		.img.column03.column03-1058 p::after {
				margin-bottom: calc( -6.4 var( --remBase));
		}
}


/* --------------------------------------------
DATALIS
--------------------------------------------- */

.details .summary {
		position: relative;
		display: block;
		width: 100%;
		list-style: none;
		cursor: pointer;
		background: var( --green04);
		transition: border-radius var( --transitionBase);
}

.details .summary::-webkit-details-marker {
		display: none;
}

.details .summary :where( h1, h2, h3, h4, h5, h6) {
		font-weight: 400;
		color: var( --green01);
		text-align-last: left;
		letter-spacing: .04em;
}

.details .summary span {
		position: absolute;
		top: 50%;
		display: block;
		aspect-ratio: 1;
		font-weight: 700;
		color: var( --green01);
		text-align: center;
		text-indent: .06em;
		letter-spacing: .06em;
		background-color: rgb( 15 127 80 / .2);
		translate: 0 -50%;
}

.details .summary span::before, .details .summary span::after {
		position: absolute;
		display: block;
		font-size: 0;
		content: "";
		background-color: var( --green);
		transition: .3s;
}

.details .summary span::before {
		transform: translateY( -50%);
}

.details .summary span::after {
		transform: translateY( -50%) rotate( 90deg);
}

.details.is-open .summary {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
}

.details.is-open .summary span::before {
		opacity: 0;
		transform: translateY( -50%) rotate( -90deg);
}

.details.is-open .summary span::after {
		transform: translateY( -50%) rotate( 0);
}

.details>div {
		display: none;
		background: var( --green04);
}

.details>div .h302>span {
		width: 100%;
}

@media screen and ( max-width: 750px) {
		.details .summary {
				padding-block: calc( ( 59 - 12.6) var( --remBase));
				padding-left: calc( 40 var( --percentBase));
				padding-right: calc( 160 var( --percentBase));
				border-radius: calc( 16 var( --remBase));
		}
		.details .summary :where( h1, h2, h3, h4, h5, h6) {
				font-size: calc( 42 var( --remBase));
				line-height: 1.6;
		}
		.details .summary span {
				right: calc( 80 var( --percentBase));
				width: calc( 80 var( --percentBase));
				padding-top: calc( ( 51 - 9.3) var( --remBase));
				font-size: calc( 20 var( --remBase));
				line-height: 1.93;
				border-radius: calc( 10 var( --remBase));
		}
		.details .summary span::before, .details .summary span::after {
				top: calc( 28 var( --remBase));
				left: calc( 25 * 100% / 80);
				width: calc( 30 * 100% / 80);
				height: calc( 4 var( --remBase));
		}
		.details>div {
				padding-block: calc( 56 var( --remBase));
				padding-inline: calc( 40 var( --percentBase));
				margin-top: calc( 4 var( --remBase));
				border-bottom-right-radius: calc( 16 var( --remBase));
				border-bottom-left-radius: calc( 16 var( --remBase));
		}
		.details>div>ul>li+li {
				margin-top: calc( 98 var( --remBase));
		}
		.details>div p {
				padding-inline: calc( 30 * 100% / 590);
				margin-top: calc( 50 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.details .summary {
				padding-block: calc( ( 38 - 7.2) var( --remBase));
				padding-left: calc( 60 * 100% / 1058);
				padding-right: calc( 180 * 100% / 1058);
				border-radius: calc( 16 var( --remBase));
		}
		.details .summary :where( h1, h2, h3, h4, h5, h6) {
				font-size: calc( 24 var( --remBase));
				line-height: 1.6;
		}
		.details .summary span {
				right: calc( 60 * 100% / 1058);
				width: calc( 60 * 100% / 1058);
				padding-top: calc( ( 37 - 5.1) var( --remBase));
				font-size: calc( 12 var( --remBase));
				line-height: 1.85;
				border-radius: calc( 10 var( --remBase));
		}
		.details .summary span::before, .details .summary span::after {
				top: calc( 22 var( --remBase));
				left: calc( 20 * 100% / 60);
				width: calc( 20 * 100% / 60);
				height: calc( 2 var( --remBase));
		}
		.details>div {
				padding-inline: calc( 60 * 100% / 1058);
				padding-top: calc( 40 var( --remBase));
				padding-bottom: calc( 60 var( --remBase));
				margin-top: calc( 2 var( --remBase));
				border-bottom-right-radius: calc( 16 var( --remBase));
				border-bottom-left-radius: calc( 16 var( --remBase));
		}
		.details>div>ul>li+li {
				margin-top: calc( 60 var( --remBase));
		}
		.details>div p {
				padding-inline: calc( 20 * 100% / 938);
				margin-top: calc( 23 var( --remBase));
		}
}


/* --------------------------------------------
NEWS
--------------------------------------------- */

.news{
	/*overflow : hidden;*/
}
.news > ul{
	/*background-color : var( --green04 );*/
}
.news > ul > li > a{
	display : block;
}
.news > ul > li > a > div{
	display : grid;
	grid-template-columns : auto auto;
	align-items : start;
	justify-content : start;
}
.news ul ul{
	display : flex;
	flex-wrap : wrap;
}
.news ul ul li{
	display : grid;
	place-items : center;
	color : var( --green01 );
	text-align : center;
	text-indent : .04em;
	letter-spacing : .04em;
	background-color : var( --green03 );
}
.news time{
	display : grid;
	grid-auto-flow : column;
	font-family : Roboto Flex;
	font-weight : 400;
}
.news time::before{
	display : block;
	aspect-ratio : 1;
	font-size : 0;
	content : "";
	background : url( /hospital/assets/css/"../img/ui/parts/news_time.svg" ) 0 0 / contain no-repeat;
}
.news :where( h1 , h2 , h3 , h4 , h5 , h6 ){
	font-weight : 400;
	letter-spacing : .04em;
}
.news :where( h1 , h2 , h3 , h4 , h5 , h6 )::before , .news :where( h1 , h2 , h3 , h4 , h5 , h6 )::after{
	content : none;
}
.news :where( h1 , h2 , h3 , h4 , h5 , h6 )::after{
	display : inline-block;
	font-size : 0;
	content : "";
	background : url( /hospital/assets/css/"../img/ui/parts/news_title.svg" ) 0 0 / contain no-repeat;
}
.news .pagination{
	position : relative;
	left : 50%;
	display : inline-grid;
	grid-auto-flow : column;
	translate : -50% 0;
}
.news .pagination :where( a , span ){
	display : grid;
	place-items : center;
	border-radius : 100vmax;
}
.news .pagination a:not( .first, .prev, .next, .last ), .news .pagination span{
	font-family : Roboto Flex;
	text-align : center;
	text-indent : .04em;
	letter-spacing : .04em;
}
.news .pagination a:not( .first, .prev, .next, .last ){
	color : var( --green01 );
	background-color : transparent;
}
.news .pagination .current{
	color : #fff;
	background-color : var( --green01 );
}
.news .pagination :where( .first , .prev , .next , .last ){
	position : absolute;
	top : 0;
}
.news .pagination img{
	filter : invert( 33% ) sepia( 19% ) saturate( 2112% ) hue-rotate( 107deg ) brightness( 89% ) contrast( 90% );
}
@media screen and (max-width: 750px ){
 	.news > ul{
		padding-inline : calc( 40 var( --percentBase ) );
		padding-top : calc( ( 60 - 35 ) var( --remBase ) );
		padding-bottom : calc( 60 var( --remBase ) );
		border-radius : calc( 20 var( --remBase ) );
	}
	.news > ul > li + li{
		border-top : solid rgb( 13 108 68 / .4 ) calc( 2 var( --remBase ) );
	}
	.news > ul > li > a{
		padding-top : calc( 35 var( --remBase ) );
		padding-bottom : calc( ( 29 - 12.8 ) var( --remBase ) );
	}
	.news > ul > li > a > div{
		column-gap : calc( 53 * 100% / 590 );
	}
	.news ul ul li{
		height : calc( 42 var( --remBase ) );
		padding-inline : calc( 22 var( --remBase ) );
		font-size : 2.8rem;
		border-radius : calc( 6 var( --remBase ) );
	}
	.news time{
		grid-template-columns : calc( 24 var( --remBase ) ) auto;
		column-gap : calc( 20 var( --remBase ) );
		padding-top : calc( 5 var( --remBase ) );
		font-size : 3.2rem;
	}
	.news time::before{
		margin-top : calc( 4 var( --remBase ) );
	}
	.news :where( h1 , h2 , h3 , h4 , h5 , h6 ){
		margin-top : calc( ( 21 - 12.8 ) var( --remBase ) );
		font-size : calc( 32 var( --remBase ) );
		line-height : 1.8;
	}
	.news :where( h1 , h2 , h3 , h4 , h5 , h6 )::after{
		width : calc( 13 var( --remBase ) );
		height : calc( 22 var( --remBase ) );
		margin-top : calc( 17.8 var( --remBase ) );
		margin-left : calc( 10 var( --remBase ) );
	}
	.news .pagination{
		/*margin-top : calc( 66 var( --remBase ) );*/
	}
	.news .pagination a , .news .pagination span{
		min-width : calc( 64 var( --remBase ) );
		height : calc( 64 var( --remBase ) );
	}
	.news .pagination a:not( .first, .prev, .next, .last ), .news .pagination span{
		font-size : 3.6rem;
	}
	.news .pagination a:not( .first, .prev, .next, .last ){
		padding-inline : calc( 14 var( --remBase ) );
	}
	.news .pagination img{
		height : calc( 30 var( --remBase ) );
	}
	.news .pagination a:where( .first, .prev ) img{
		margin-right : calc( 3 var( --remBase ) );
	}
	.news .pagination a:where( .next, .last ) img{
		margin-left : calc( 3 var( --remBase ) );
	}
	.news .pagination .first{
		left : calc( -128 var( --remBase ) );
	}
	.news .pagination .prev{
		left : calc( -64 var( --remBase ) );
	}
	.news .pagination .next{
		right : calc( -64 var( --remBase ) );
	}
	.news .pagination .last{
		right : calc( -128 var( --remBase ) );
	}
  }
@media print,screen and (min-width: 750.02px ){
    .news > ul{
		padding-inline : calc( 60 * 100% / 1058 );
		padding-top : calc( ( 44 - 20 ) var( --remBase ) );
		padding-bottom : calc( 44 var( --remBase ) );
		border-radius : calc( 16 var( --remBase ) );
	}
	.news > ul > li{
		border-bottom : solid rgb( 13 108 68 / .4 ) 1px;
	}
	.news > ul > li > a{
		padding-top : calc( 20 var( --remBase ) );
		padding-bottom : calc( ( 20 - 4.8 ) var( --remBase ) );
	}
	.news > ul > li > a:hover :where( h1 , h2 , h3 , h4 , h5 , h6 ) , .news > ul > li > a.hover :where( h1 , h2 , h3 , h4 , h5 , h6 ){
		color : var( --green );
	}
	.news > ul > li > a:hover :where( h1 , h2 , h3 , h4 , h5 , h6 )::after , .news > ul > li > a.hover :where( h1 , h2 , h3 , h4 , h5 , h6 )::after{
		filter : invert( 31% ) sepia( 14% ) saturate( 4300% ) hue-rotate( 116deg ) brightness( 90% ) contrast( 90% );
	}
	.news > ul > li > a > div{
		column-gap : calc( 30 var( --remBase ) );
	}
	.news ul ul li{
		height : calc( 26 var( --remBase ) );
		padding-inline : calc( 16 var( --remBase ) );
		font-size : 1.4rem;
		border-radius : calc( 6 var( --remBase ) );
	}
	.news time{
		grid-template-columns : calc( 16 var( --remBase ) ) auto;
		column-gap : calc( 10 var( --remBase ) );
		padding-top : calc( 5 var( --remBase ) );
		font-size : 1.6rem;
	}
	.news :where( h1 , h2 , h3 , h4 , h5 , h6 ){
		margin-top : calc( ( 21 - 4.8 ) var( --remBase ) );
		font-size : calc( 16 var( --remBase ) );
		line-height : 1.6;
		transition : color var( --transitionBase );
	}
	.news :where( h1 , h2 , h3 , h4 , h5 , h6 )::after{
		width : calc( 7 var( --remBase ) );
		height : calc( 12 var( --remBase ) );
		margin-top : calc( 6.8 var( --remBase ) );
		margin-left : calc( 10 var( --remBase ) );
		transition : filter var( --transitionBase );
	}
	.news .pagination{
		/*margin-top : calc( 50 var( --remBase ) );*/
	}
	.news .pagination a , .news .pagination span{
		min-width : calc( 36 var( --remBase ) );
		height : calc( 36 var( --remBase ) );
		margin-inline : calc( 9 var( --remBase ) );
	}
	.news .pagination a{
		transition : background var( --transitionBase );
	}
	.news .pagination a:not( .first, .prev, .next, .last ), .news .pagination span{
		font-size : 2rem;
	}
	.news .pagination a:not( .first, .prev, .next, .last ){
		padding-inline : calc( 8 var( --remBase ) );
	}
	.news .pagination img{
		height : calc( 22 var( --remBase ) );
	}
	.news .pagination a:where( .first, .prev ) img{
		margin-right : calc( 2 var( --remBase ) );
	}
	.news .pagination a:where( .next, .last ) img{
		margin-left : calc( 2 var( --remBase ) );
	}
	.news .pagination .first{
		left : calc( -108 var( --remBase ) );
	}
	.news .pagination .prev{
		left : calc( -54 var( --remBase ) );
	}
	.news .pagination .next{
		right : calc( -54 var( --remBase ) );
	}
	.news .pagination .last{
		right : calc( -108 var( --remBase ) );
	}
	.news .pagination a:hover, .news .pagination a.hover{
		background-color : #c6dfd4 !important;
	}
  }
/* --------------------------------------------
NEWS DETAILS
--------------------------------------------- */

.newsDetails>time {
		display: block;
		font-family: Roboto Flex;
}
/*
.newsDetails .body {
		background-color: var( --green04);
}
*/
.newsDetails .h302 {
		margin-bottom:40px;
}

.newsDetails .h302 span {
		width: 100%;
		/*追加*/
		position: relative;
		display: block;
		padding-left: 20px;
}

@media screen and ( max-width: 750px) {
		.newsDetails>time {
				font-size: 3.6rem;
		}
		.newsDetails> :where( h1, h2, h3, h4, h5, h6) {
				margin-top: calc( 40 var( --remBase));
		}
		.newsDetails{
				border-radius: calc( 20 var( --remBase));
				padding-top: calc( 40 var( --remBase));
				padding-bottom: calc( 40 var( --remBase));
		}
		.newsDetails .body {
				padding-inline: calc( 40 var( --percentBase));
				/*padding-top: calc( 30 var( --remBase));*/
				/*padding-bottom: calc( 30 var( --remBase));*/
				/*margin-top: calc( 58 var( --remBase));*/
				border-radius: calc( 20 var( --remBase));
				margin-bottom: calc( 58 var( --remBase));
		}
		.newsDetails p+ :where( h1, h2, h3, h4, h5, h6) {
				margin-top: calc( 90 var( --remBase));
		}
		.newsDetails :where( h1, h2, h3, h4, h5, h6)+p {
				/*padding-inline: calc( 30 * 100% / 590);*/
				/*margin-top: calc( 50 var( --remBase));*/
		}
}

@media print, screen and ( min-width: 750.02px) {
		.newsDetails>time {
				font-size: 2rem;
		}
		.newsDetails> :where( h1, h2, h3, h4, h5, h6) {
				margin-top: calc( 20 var( --remBase));
		}
		.newsDetails {
				padding-top: calc( 20 var( --remBase));
				padding-bottom: calc( 20 var( --remBase));
				border-radius: calc( 16 var( --remBase));
		}
		.newsDetails .body {
				/*padding-block: calc( 44 var( --remBase));*/
				/*margin-top: calc( 40 var( --remBase));*/
				/*padding-top: calc( 22 var( --remBase));*/
				/*padding-bottom: calc( 22 var( --remBase));*/
				padding-block: calc( 5 var( --remBase));
				padding-inline: calc( 60 * 100% / 1058);
				margin-top: calc( 30 var( --remBase));
				margin-bottom: calc( 40 var( --remBase));
		}
		.newsDetails p+ :where( h1, h2, h3, h4, h5, h6) {
				margin-top: calc( 57 var( --remBase));
		}
		.newsDetails :where( h1, h2, h3, h4, h5, h6)+p {
				padding-inline: calc( 20 * 100% / 938);
				margin-top: calc( 24 var( --remBase));
		}
		.newsDetails .body_lead {
				padding-block: calc( 44 var( --remBase));
				padding-inline: calc( 60 * 100% / 1058);
				width:max-content;
		}
}

/* ------------記事-2コラム----------- */

.newsDetails.column02-1058>* {
		/*background-color: var( --green04);*/
}

@media screen and ( max-width: 750px) {
		.newsDetails.column02-1058>* {
				padding-block: calc( 60 var( --remBase));
				padding-inline: calc( 40 var( --percentBase));
				border-radius: calc( 20 var( --remBase));
		}
		.newsDetails.column02-1058>*+* {
				/*margin-top: calc( 60 var( --remBase));*/
		}
		.newsDetails.column02-1058 .body {
				/*padding-inline: calc( 26 * 100% / 590);*/
				/*margin-top: calc( 50 var( --remBase));*/
				/*margin-bottom: calc( 40 var( --remBase));*/
background-color: var( --green04);

		}
}

@media print, screen and ( min-width: 750.02px) {
		.newsDetails.column02-1058 {
				display: grid;
				grid-template-columns: repeat( 2, calc( 517 * 100% / 1058));
				justify-content: space-between;
				padding-top: calc( -20 var( --remBase));
		}
		.newsDetails.column02-1058>* {
				padding-block: calc( 40 var( --remBase));
				padding-inline: calc( 40 * 100% / 517);
				border-radius: calc( 16 var( --remBase));
		}
		.newsDetails.column02-1058 .body {
				/*padding-inline: calc( 20 * 100% / 437);*/
				/*margin-top: calc( 30 var( --remBase));*/
				margin-top: 0px;
background-color: var( --green04);
				
		}
}

/* --------------------------------------------
TIMELINE
--------------------------------------------- */

.timeline::before, .timeline::after {
		display: block;
		height: 0;
		font-size: 0;
		content: "";
}

.timeline ol {
		position: relative;
}

.timeline ol::before {
		position: absolute;
		display: block;
		content: "";
		background-color: var( --green02);
}

.timeline ol>li {
		position: relative;
		letter-spacing: .04em;
}

.timeline ol>li::before {
		position: absolute;
		left: 0;
		z-index: 1;
		display: block;
		aspect-ratio: 1;
		content: "";
		background-color: var( --green02);
		border-radius: 50%;
}

@media screen and ( max-width: 750px) {
		.timeline ol::before {
				top: calc( 28.8 var( --remBase));
				left: calc( 4 var( --remBase));
				width: calc( 4 var( --remBase));
				height: calc( 100% - ( 57.6 var( --remBase)));
		}
		.timeline.sp-last2line ol::before {
				/*height: calc( 100% - ( 57.6 + 57.6) var( --remBase));*/
		}
		.timeline li {
				padding-left: calc( 28 var( --remBase));
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
		.timeline li::before {
				top: calc( 22.8 var( --remBase));
				height: calc( 12 var( --remBase));
		}
		.timeline li+li {
				margin-top: calc( ( 50 - 12.8 - 12.8) var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.timeline::before {
				margin-top: calc( -16 var( --remBase));
		}
		.timeline::after {
				margin-bottom: calc( -16 var( --remBase));
		}
		.timeline ol::before {
				top: calc( ( 24 + 4) var( --remBase));
				left: calc( 3 var( --remBase));
				width: calc( 2 var( --remBase));
				height: calc( 100% - ( ( 48 + 8) var( --remBase)));
		}
		.timeline li {
				padding-left: calc( 16 var( --remBase));
				font-size: calc( 16 var( --remBase));
				line-height: 3;
		}
		.timeline li::before {
				top: calc( 20 var( --remBase));
				height: calc( 8 var( --remBase));
		}
		.timeline li+li {
				margin-top: calc( ( 30 - 16 - 16) var( --remBase));
		}
		.timeline dl {
				display: grid;
				/*grid-template-columns: calc( 118 var( --remBase)) 1fr;*/
				/*grid-auto-flow: column;*/
				align-items: start;
		}
}


/* --------------------------------------------
FLOW
--------------------------------------------- */

.flow {
		background-color: var( --green04);
}

.flow>li {
		display: grid;
		counter-increment: flow;
}

.flow>li> :where( h1, h2, h3, h4, h5, h6) {
		position: relative;
		display: grid;
		grid-auto-flow: row;
		align-content: center;
		justify-content: center;
		font-weight: 400;
		text-align: center;
		text-indent: .04em;
		letter-spacing: .04em;
		background-color: var( --green02);
}

.flow>li> :where( h1, h2, h3, h4, h5, h6)::before {
		font-family: Roboto Flex;
		font-weight: 700;
		content: counter( flow);
}

.flow>li> :where( h1, h2, h3, h4, h5, h6)::after {
		position: absolute;
		top: 100%;
		left: 0;
		display: block;
		width: 100%;
		width: 0;
		height: 0;
		font-size: 0;
		content: "";
		border-color: var( --green02) transparent transparent transparent;
		border-style: solid;
}

.flow ul {
		background-color: #fff;
}

.flow ul li {
		position: relative;
}

.flow ul li::before {
		position: absolute;
		left: 0;
		display: block;
		aspect-ratio: 1;
		font-size: 0;
		content: "";
		background-color: var( --green02);
		border-radius: 50%;
}

@media screen and ( max-width: 750px) {
		.flow {
				/*padding-inline: calc( 40 var( --percentBase));*/
				padding-top: calc( 20 var( --remBase));
				padding-bottom: calc( 80 var( --remBase));
				border-radius: calc( 20 var( --remBase));
		}
		.flow>li {
				grid-template-columns: calc( 190 var( --remBase)) 1fr;
				column-gap: calc( 10 * 100% / 590);
		}
		.flow>li+li {
				margin-top: calc( 60 var( --remBase));
		}
		.flow>li> :where( h1, h2, h3, h4, h5, h6) {
				row-gap: calc( ( 42 - 9.6 - 8) var( --remBase));
				padding-inline: calc( 25 * 100% / 190);
				font-size: calc( 32 var( --remBase));
				line-height: 1.6;
		}
		.flow>li> :where( h1, h2, h3, h4, h5, h6)::before {
				font-size: 3.2rem;
				line-height: 1;
				padding-top: calc( 20 var( --remBase));
		}
		.flow>li> :where( h1, h2, h3, h4, h5, h6)::after {
				border-width: calc( 21.06 var( --remBase)) calc( 95 var( --remBase)) 0 calc( 95 var( --remBase));
		}

		.flow ul {
				padding-inline: calc( 30 * 100% / 390);
				padding-top: calc( ( 60 - 12.8) var( --remBase));
				padding-bottom: calc( ( 55 - 12.8) var( --remBase));
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
		.flow ul li {
				padding-left: calc( 22 * 100% / 330);
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
		.flow ul li+li {
				margin-top: calc( ( 48 - 12.8 - 12.8) var( --remBase));
		}
		.flow ul li::before {
				top: calc( 22.8 var( --remBase));
				height: calc( 12 var( --remBase));
		}

		/*.flow p {
				padding-inline: calc( 30 * 100% / 390);
				padding-top: calc( ( 60 - 12.8) var( --remBase));
				padding-bottom: calc( ( 55 - 12.8) var( --remBase));
				background-color: #fff;
				margin-top: 0px;
		}*/
}

@media print, screen and ( min-width: 750.02px) {
		.flow {
				padding-inline: calc( 60 * 100% / 1058);
				/*padding-top: calc( 60 var( --remBase));*/
				padding-top: calc( 20 var( --remBase));
				/*padding-bottom: calc( 90 var( --remBase));*/
				padding-bottom: calc( 40 var( --remBase));
				border-radius: calc( 16 var( --remBase));
		}
		.flow>li {
				grid-template-columns: calc( 180 var( --remBase)) 1fr;
				column-gap: calc( 5 * 100% / 938);
		}
		.flow>li+li {
				margin-top: calc( 30 var( --remBase));
		}
		.flow>li> :where( h1, h2, h3, h4, h5, h6) {
				font-size: calc( 16 var( --remBase));
				line-height: 1.6;
		}
		.flow>li> :where( h1, h2, h3, h4, h5, h6)::before {
				font-size: calc( 18.25.6 var( --remBase));
		}
		.flow>li> :where( h1, h2, h3, h4, h5, h6)::after {
				border-width: calc( 20 var( --remBase)) calc( 90 var( --remBase)) 0 calc( 90 var( --remBase));
		}

		.flow ul {
				padding-block: calc( ( 30 - 4.8) var( --remBase));
				padding-inline: calc( 34 * 100% / 753);
				font-size: calc( 16 var( --remBase));
				/*line-height: 1.6;*/
				line-height: 2.3;
		}
		
		.flow ul li {
				padding-left: calc( 25 * 100% / 685);
				font-size: calc( 16 var( --remBase));
				line-height: 1.6;
		}

		.flow ul li+li {
				margin-top: calc( ( 28 - 4.8 - 4.8) var( --remBase));
		}
		.flow ul li::before {
				top: calc( 8.8 var( --remBase));
				height: calc( 8 var( --remBase));
		}



		/*.flow p {
				padding-block: calc( ( 30 - 4.8) var( --remBase));
				padding-inline: calc( 34 * 100% / 753);
				background-color: #fff;
				margin-top: 0px;
		}*/
}


/* --------------------------------------------
rounded
--------------------------------------------- */

@media screen and ( max-width: 750px) {
		.rounded {
				border-radius: calc( 20 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rounded {
				border-radius: calc( 16 var( --remBase));
		}
}

.rounded.rounded-770 .h302 span {
		width: 100%;
}

@media screen and ( max-width: 750px) {
		.rounded.rounded-770 {
				padding-block: calc( 60 var( --remBase));
				padding-inline: calc( 40 var( --percentBase));
		}
		.rounded.rounded-770 .inner {
				width: calc( 530 * 100% / 590);
				margin-inline: auto;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rounded.rounded-770 {
				padding-block: calc( 40 var( --remBase));
				padding-inline: calc( 40 * 100% / 770);
		}
		.rounded.rounded-770 .inner {
				width: calc( 650 * 100% / 690);
				margin-inline: auto;
		}
}

.rounded.rounded-1058 {
		background-color: var( --green04);
}

.rounded.rounded-1058 .h302 span {
		width: 100%;
}

@media screen and ( max-width: 750px) {
		.rounded.rounded-1058 {
				padding-block: calc( 60 var( --remBase));
				padding-inline: calc( 40 var( --percentBase));
		}
		.rounded.rounded-1058 .inner {
				width: calc( 530 * 100% / 590);
				margin-inline: auto;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rounded.rounded-1058 {
				padding-block: calc( 40 var( --remBase));
				padding-inline: calc( 60 * 100% / 1058);
		}
		.rounded.rounded-1058 .inner {
				width: calc( 938 * 100% / 978);
				margin-inline: auto;
		}
}

.important.rounded.rounded-1058 {
	outline-style: solid;
    outline-color: var(--red01);
    background-color: var(--red03);
}

@media print, screen and ( min-width: 750.02px) {
		.important.rounded.rounded-1058 {
				outline-width: calc( 2 var( --remBase));
		}
}


/* --------------------------------------------
DOCTORS
--------------------------------------------- */

:where( .doctors01, .doctors02) {
		background-color: var( --green04);
}

@media screen and ( max-width: 750px) {
		:where( .doctors01, .doctors02) {
				border-radius: calc( 20 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		:where( .doctors01, .doctors02) {
				border-radius: calc( 16 var( --remBase));
		}
}

.doctors01>li> :where( h1, h2, h3, h4, h5, h6) {
		font-weight: 400;
		letter-spacing: .04em;
}

.doctors01 ul li {
		display: grid;
		place-items: center;
		color: var( --green01);
		text-align: center;
		text-indent: .04em;
		letter-spacing: .04em;
		background-color: var( --white);
		border-color: var( --green01);
		border-style: solid;
}

.doctors01 p {
		letter-spacing: .04em;
}
.doctors01 .profile_photo {
		margin: 0 0 20px 0;
}

@media screen and ( max-width: 750px) {
		.doctors01 {
				padding-inline: calc( 70 var( --percentBase));
				padding-top: calc( ( 70 - 12.6) var( --remBase));
				padding-bottom: calc( ( 98 - 12.8) var( --remBase));
		}
		.doctors01>li+li {
				margin-top: calc( ( 84 - 12.8 - 12.6) var( --remBase));
		}
		.doctors01>li> :where( h1, h2, h3, h4, h5, h6) {
				font-size: calc( 42 var( --remBase));
				line-height: 1.6;
		}
		.doctors01 ul {
				margin-top: calc( ( 42 - 12.6) var( --remBase));
		}
		.doctors01 ul li {
				width: fit-content;
				height: calc( 42 var( --remBase));
				padding-inline: calc( 18 var( --remBase));
				padding-bottom: calc( 3 var( --remBase));
				font-size: 2.8rem;
				border-width: calc( 2 var( --remBase));
				border-radius: calc( 10 var( --remBase));
		}
		.doctors01 ul li+li {
				margin-top: calc( 20 var( --remBase));
		}
		.doctors01 p {
				margin-top: calc( 40 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.doctors01 {
				padding-inline: calc( 64 * 100% / 770);
				padding-top: calc( ( 43 - 7.2) var( --remBase));
				padding-bottom: calc( ( 54 - 6.4) var( --remBase));
		}
		.doctors01>li+li {
				margin-top: calc( ( 60 - 6.4 - 7.2) var( --remBase));
		}
		.doctors01>li> :where( h1, h2, h3, h4, h5, h6) {
				font-size: calc( 24 var( --remBase));
				line-height: 1.6;
		}
		.doctors01 ul {
				display: flex;
				flex-wrap: wrap;
				row-gap: calc( 10 var( --remBase));
				column-gap: calc( 10 * 100% / 642);
				margin-top: calc( ( 20 - 7.2) var( --remBase));
		}
		.doctors01 ul li {
				height: calc( 26 var( --remBase));
				padding-inline: calc( 12 var( --remBase));
				padding-bottom: calc( 3 var( --remBase));
				font-size: 1.4rem;
				border-width: 1px;
				border-radius: calc( 6 var( --remBase));
		}
		.doctors01 p {
				margin-top: calc( 20 var( --remBase));
		}
}

.doctors02 .h302 span {
		width: 100%;
}

.doctors02>li>ul>li {
		/*display: grid;*/
}

.doctors02>li>ul>li> :where( h1, h2, h3, h4, h5, h6) {
		font-weight: 400;
		letter-spacing: .04em;
}

.doctors02 p::before, .doctors02 p::after {
		content: none;
}

.doctors02 li li li {
		display: grid;
		place-items: center;
		width: fit-content;
		color: var( --green01);
		text-align: center;
		text-indent: .04em;
		letter-spacing: .04em;
		background-color: var( --white);
		border-color: var( --green01);
		border-style: solid;
}
.doctors02 .profile_photo {
  margin: 0 0 20px 0;
}

@media screen and ( max-width: 750px) {
		.doctors02 {
				padding-inline: calc( 40 var( --percentBase));
				padding-top: calc( 60 var( --remBase));
				padding-bottom: calc( ( 84 - 12.8) var( --remBase));
		}
		.doctors02>li+li {
				margin-top: calc( ( 100 - 12.8) var( --remBase));
		}
		.doctors02>li>ul {
				padding-top: calc( ( 60 - 12.6) var( --remBase));
				padding-left: calc( 26 * 100% / 590);
		}
		.doctors02>li>ul>li {
				grid-template-columns: calc( 286 * 100% / 564) 1fr;
				row-gap: calc( ( 38 - 12.6 - 12.8) var( --remBase));
				column-gap: calc( 46 * 100% / 564);
		}
		.doctors02>li>ul>li+li {
				margin-top: calc( ( 64 - 12.8 - 12.6) var( --remBase));
		}
		.doctors02>li>ul>li> :where( h1, h2, h3, h4, h5, h6) {
				grid-row: 1;
				grid-column: 1/3;
				font-size: calc( 42 var( --remBase));
				line-height: 1.6;
		}
		.doctors02 ul ul {
				grid-row: 2;
				grid-column: 1;
				padding-top: calc( 7.8 var( --remBase));
		}
		.doctors02 li li li {
				height: calc( 42 var( --remBase));
				padding-inline: calc( 18 var( --remBase));
				font-size: 2.8rem;
				border-width: calc( 2 var( --remBase));
				border-radius: calc( 10 var( --remBase));
		}
		.doctors02 p {
				grid-row: 2;
				grid-column: 2;
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.doctors02 {
				padding-inline: calc( 40 * 100% / 770);
				padding-top: calc( 40 var( --remBase));
				padding-bottom: calc( ( 40 - 6.4) var( --remBase));
		}
		.doctors02>li+li {
				margin-top: calc( ( 84 - 7.2) var( --remBase));
		}
		.doctors02>li>ul {
				display: grid;
				grid-template-columns: repeat( 2, 50%);
				row-gap: calc( ( 32 - 7.2 - 7.2) var( --remBase));
				padding-top: calc( ( 23 - 7.2) var( --remBase));
				padding-left: calc( 22 * 100% / 690);
		}
		.doctors02>li>ul>li {
				grid-template-columns: auto 1fr;
				row-gap: calc( ( 20 - 7.2 - 6.4) var( --remBase));
				column-gap: calc( 20 * 100% / 334);
		}
		.doctors02>li>ul>li> :where( h1, h2, h3, h4, h5, h6) {
				grid-row: 1;
				grid-column: 1;
				font-size: calc( 24 var( --remBase));
				line-height: 1.6;
float: left;
		}
		.doctors02 ul ul {
				grid-row: 1;
				grid-column: 2;
				padding-top: calc( 6.2 var( --remBase));
float: right;
padding-right: calc( 50 var( --remBase));
		}
		.doctors02 li li li {
				height: calc( 26 var( --remBase));
				padding-inline: calc( 12 var( --remBase));
				font-size: 1.4rem;
				border-width: 1px;
				border-radius: calc( 6 var( --remBase));
		}
		.doctors02 p {
				grid-row: 2;
				grid-column: 1/3;
				font-size: calc( 16 var( --remBase));
				line-height: 1.8;
clear: both;
		}
}


/* --------------------------------------------
SECTIONS
--------------------------------------------- */

.sections.column02-1058>* {
		background-color: var( --green04);
}

@media screen and ( max-width: 750px) {
		.sections.column02-1058>* {
				padding-block: calc( 60 var( --remBase));
				padding-inline: calc( 40 var( --percentBase));
				border-radius: calc( 20 var( --remBase));
		}
		.sections.column02-1058>*+* {
				margin-top: calc( 60 var( --remBase));
		}
		.sections.column02-1058 .body {
				padding-inline: calc( 26 * 100% / 590);
				margin-top: calc( 50 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.sections.column02-1058 {
				display: grid;
				grid-template-columns: repeat( 2, calc( 517 * 100% / 1058));
				justify-content: space-between;
		}
		.sections.column02-1058>* {
				padding-block: calc( 40 var( --remBase));
				padding-inline: calc( 40 * 100% / 517);
				border-radius: calc( 16 var( --remBase));
		}
		.sections.column02-1058 .body {
				padding-inline: calc( 20 * 100% / 437);
				margin-top: calc( 30 var( --remBase));
		}
}


/* --------------------------------------------
GOOGLE MAP
--------------------------------------------- */

@media screen and ( max-width: 750px) {
		.googlemap {
				width: 100%;
		}
}

@media screen and ( max-width: 750px) {
		.googlemap:not( .full) {
				aspect-ratio: 670 / 466;
		}
}

@media print, screen and ( min-width: 750.02px) {
		.googlemap:not( .full) {
				width: 100%;
/*width: calc( 938 var( --percentBase));*/
				aspect-ratio: 938 / 654;
				margin-inline: auto;
		}
}

@media screen and ( max-width: 750px) {
		.googlemap.full {
				height: calc( 370 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.googlemap.full {
				width: 100%;
				height: calc( 360 var( --remBase));
		}
}


/* --------------------------------------------
DATA LIST
--------------------------------------------- */

.datalist01.datalist-770 dt {
		display: grid;
		place-items: center;
		color: var( --green01);
		text-align: center;
		text-indent: .04em;
		letter-spacing: .04em;
		background-color: var( --green03);
}

.datalist01.datalist-770 dd {
		letter-spacing: .04em;
}

.datalist01.datalist-770 dd::before, .datalist01.datalist-770 dd::after {
		display: block;
		content: "";
}

@media screen and ( max-width: 750px) {
		.datalist01.datalist-770 dt {
				/*width: calc( 105 var( --remBase));*/
width: calc( 205 var( --remBase));
				height: calc( 42 var( --remBase));
				font-size: 2.8rem;
				border-radius: calc( 10 var( --remBase));
		}
		.datalist01.datalist-770 dd {
				margin-top: calc( 20 var( --remBase));
				font-size: calc( 32 var( --remBase));
				line-height: 1.8;
		}
		.datalist01.datalist-770 dd::before {
				margin-top: calc( -12.8 var( --remBase));
		}
		.datalist01.datalist-770 dd::after {
				margin-bottom: calc( -12.8 var( --remBase));
		}
		.datalist01.datalist-770 dd+dt {
				margin-top: calc( 40 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		.datalist01.datalist-770 {
				display: grid;
				/*grid-template-columns: calc( 51 var( --remBase)) 1fr;*/
grid-template-columns: calc( 90 var( --remBase)) 1fr;
				row-gap: calc( 20 var( --remBase));
				column-gap: calc( 20 var( --remBase));
		}
		.datalist01.datalist-770 dt {
				height: calc( 26 var( --remBase));
				font-size: 1.4rem;
				border-radius: calc( 6 var( --remBase));
		}
		.datalist01.datalist-770 dd {
				margin-top: calc( 5 var( --remBase));
				font-size: calc( 16 var( --remBase));
				line-height: 2.75;
		}
		.datalist01.datalist-770 dd::before {
				margin-top: calc( -14 var( --remBase));
		}
		.datalist01.datalist-770 dd::after {
				margin-bottom: calc( -14 var( --remBase));
		}
}

/*--------------------------------------------
FAQ
---------------------------------------------*/
.faq >:where( dt, dd ){
    display: grid;
    align-items: start;
    justify-content: start;
  }
.faq >:where( dt, dd ):before{
      border-radius: 50%;
      display: grid;
      place-items:center;
      color:#fff;
      line-height: 1;
      aspect-ratio: 1;
      letter-spacing: 0;
      align-content:center;
    }
.faq > dt{
    background-color: var(--green04);
  }
.faq > dt:before{
      content:"Q";
      background-color: var(--green01);
    }
.faq > dt > span{
      color:var(--green01);
      letter-spacing: 0.04em;
    }
.faq > dd{
    background-color:#f9f9f9;
  }
.faq > dd:before{
      content:"A";
      background-color: #959595;
    }
.faq > dd > div{
      letter-spacing: 0.4em;
    }
@media screen and (max-width: 750px ){
    .faq >:where( dt, dd ){
      padding-inline:calc( 40 var(--percentBase) );
      column-gap: calc( 31 * 100% / 590 );
      grid-template-columns:calc( 84 * 100% / 590 ) auto;
    }
      .faq >:where( dt, dd ):before{
        font-size: 4rem;
        /*padding-bottom: calc( 9 var(--remBase) );*/
      }
    .faq > dt{
      border-radius: calc( 16 var(--remBase) ) calc( 16 var(--remBase) ) 0 0;
      padding-top: calc( ( 61 - 18.6 ) var(--remBase) );
      padding-bottom: calc( ( 49 - 18.6 ) var(--remBase) );
    }
      .faq > dt:before{
        margin-top: calc( 18.6 var(--remBase) );
      }
      .faq > dt > span{
        font-size : calc( 42 var(--remBase) );;
        line-height : 1.6;
        padding-top: calc( 5.8 var(--remBase) );
      }
    .faq > dd{
      border-radius: 0 0 calc( 16 var(--remBase) ) calc( 16 var(--remBase) );
      margin-top: calc( 4 var(--remBase) );
      padding-top: calc( ( 60 - 12.8 ) var(--remBase) );
      padding-bottom: calc( ( 61 - 12.8 ) var(--remBase) );
    }
      .faq > dd:before{
        margin-top: calc( 14.8 var(--remBase) );
      }
      .faq > dd > div{
        padding-block: calc( 12.8 var(--remBase) );
        font-size : calc( 32 var(--remBase) );;
        line-height : 1.8;
      }
    .faq > dd + dt{
      margin-top: calc( 60 var(--remBase) );
    }
  }
@media print,screen and (min-width: 750.02px ){
.faq{
    /*width: calc( 1058 var(--percentBase) );*/
    margin-inline:auto
}
    .faq >:where( dt, dd ){
      padding-inline:calc( 60 * 100% / 1058 );
      column-gap: calc( 18 * 100% / 938 );
      grid-template-columns:calc( 50 * 100% / 938 ) auto;
    }
      .faq >:where( dt, dd ):before{
        font-size: 2.4rem;
        /*padding-bottom: calc( 6 var(--remBase) );*/
      }
    .faq > dt{
      border-radius: calc( 16 var(--remBase) ) calc( 16 var(--remBase) ) 0 0;
      padding-top: calc( ( 20 ) var(--remBase) );
      padding-bottom: calc( ( 21 ) var(--remBase) );
    }
      .faq > dt > span{
        padding-top: calc( ( 5.8 ) var(--remBase) );
        font-size : calc( 24 var(--remBase) );;
        line-height : 1.6;
      }
    .faq > dd{
      border-radius: 0 0 calc( 16 var(--remBase) ) calc( 16 var(--remBase) );
      margin-top: calc( 4 var(--remBase) );
      padding-top: calc( ( 21 - 6.4 ) var(--remBase) );
      padding-bottom: calc( ( 25 - 6.4 ) var(--remBase) );
    }
      .faq > dd:before{
        margin-top: calc( 5.4 var(--remBase) );
      }
      .faq > dd > div{
        padding-block: calc( 6.4 var(--remBase) );
        font-size : calc( 16 var(--remBase) );;
        line-height : 1.8;
      }
    .faq > dd + dt{
      margin-top: calc( 40 var(--remBase) );
    }
  }

/* --------------------------------------------
COLORS
--------------------------------------------- */

:root {
	--green01: #0d6c44;
    --green02: #6bb092;
    --green03: #e6f0ec;
    --green04: #f5faf8;
    --orange01: #e48528;
    --orange02: #fae7d4;
    --red01: #ca3c3c;
    --red02: #faebeb;
    --red03: #fcf5f5;
    --black: #333;
    --white: #fff;
}

.bg-black {
		background-color: var( --black);
}

.bg-white {
		background-color: var( --white);
}

.bg-green01 {
		background-color: var( --green01);
}

.bg-green02 {
		background-color: var( --green02);
}

.bg-green03 {
		background-color: var( --green03);
}

.bg-green04 {
		background-color: var( --green04);
}

.bg-orange01 {
		background-color: var( --orange01);
}

.bg-orange02 {
		background-color: var( --orange02);
}

.bg-red01 {
		background-color: var( --red01);
}

.bg-red02 {
		background-color: var( --red02);
}

.color-black {
		color: var( --black);
}

.color-white {
		color: var( --white);
}

.color-green01 {
		color: var( --green01);
}

.color-green02 {
		color: var( --green02);
}

.color-green03 {
		color: var( --green03);
}

.color-green04 {
		color: var( --green04);
}

.color-orange01 {
		color: var( --orange01);
}

.color-orange02 {
		color: var( --orange02);
}

.color-red01 {
		color: var( --red01);
}

.color-red02 {
		color: var( --red02);
}


/* --------------------------------------------
BORDER
--------------------------------------------- */

.border-solid {
		border-style: solid;
		border-width: 1px;
}

.border-black {
		border-color: var( --black);
}

.border-white {
		border-color: var( --white);
}

.border-green01 {
		border-color: var( --green01);
}

.border-green02 {
		border-color: var( --green02);
}

.border-green03 {
		border-color: var( --green03);
}

.border-green04 {
		border-color: var( --green04);
}

.border-orange01 {
		border-color: var( --orange01);
}

.border-orange02 {
		border-color: var( --orange02);
}

.border-red01 {
		border-color: var( --red01);
}

.border-red02 {
		border-color: var( --red02);
}


/* --------------------------------------------
DISTANCE
--------------------------------------------- */

@media screen and ( max-width: 750px) {
		:root {
				--margin01: calc( 20 var( --remBase));
				--margin02: calc( 40 var( --remBase));
				--margin03: calc( 50 var( --remBase));
				--margin04: calc( 60 var( --remBase));
				--margin05: calc( 80 var( --remBase));
				--margin06: calc( 100 var( --remBase));
				--margin07: calc( 120 var( --remBase));
				--margin08: calc( 160 var( --remBase));
		}
}

@media print, screen and ( min-width: 750.02px) {
		:root {
				--margin01: calc( 10 var( --remBase));
				--margin02: calc( 20 var( --remBase));
				--margin03: calc( 30 var( --remBase));
				--margin04: calc( 40 var( --remBase));
				--margin05: calc( 60 var( --remBase));
				--margin06: calc( 80 var( --remBase));
				--margin07: calc( 100 var( --remBase));
				--margin08: calc( 120 var( --remBase));
		}
}

.mt01 {
		margin-top: var( --margin01);
}

.mt02 {
		margin-top: var( --margin02);
}

.mt03 {
		margin-top: var( --margin03);
}

.mt04 {
		margin-top: var( --margin04);
}

.mt05 {
		margin-top: var( --margin05);
}

.mt06 {
		margin-top: var( --margin06);
}

.mt07 {
		margin-top: var( --margin07);
}

.mt08 {
		margin-top: var( --margin08);
}

@media screen and ( max-width: 750px) {
		.mt01-sp {
				margin-top: var( --margin01);
		}
}

@media screen and ( max-width: 750px) {
		.mt02-sp {
				margin-top: var( --margin02);
		}
}

@media screen and ( max-width: 750px) {
		.mt03-sp {
				margin-top: var( --margin03);
		}
}

@media screen and ( max-width: 750px) {
		.mt04-sp {
				margin-top: var( --margin04);
		}
}

@media screen and ( max-width: 750px) {
		.mt05-sp {
				margin-top: var( --margin05);
		}
}

@media screen and ( max-width: 750px) {
		.mt06-sp {
				margin-top: var( --margin06);
		}
}

@media screen and ( max-width: 750px) {
		.mt07-sp {
				margin-top: var( --margin07);
		}
}

@media screen and ( max-width: 750px) {
		.mt08-sp {
				margin-top: var( --margin08);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mt01-pc {
				margin-top: var( --margin01);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mt02-pc {
				margin-top: var( --margin02);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mt03-pc {
				margin-top: var( --margin03);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mt04-pc {
				margin-top: var( --margin04);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mt05-pc {
				margin-top: var( --margin05);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mt06-pc {
				margin-top: var( --margin06);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mt07-pc {
				margin-top: var( --margin07);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mt08-pc {
				margin-top: var( --margin08);
		}
}

.mb01 {
		margin-bottom: var( --margin01);
}

.mb02 {
		margin-bottom: var( --margin02);
}

.mb03 {
		margin-bottom: var( --margin03);
}

.mb04 {
		margin-bottom: var( --margin04);
}

.mb05 {
		margin-bottom: var( --margin05);
}

.mb06 {
		margin-bottom: var( --margin06);
}

.mb07 {
		margin-bottom: var( --margin07);
}

.mb08 {
		margin-bottom: var( --margin08);
}

@media screen and ( max-width: 750px) {
		.mb01-sp {
				margin-bottom: var( --margin01);
		}
}

@media screen and ( max-width: 750px) {
		.mb02-sp {
				margin-bottom: var( --margin02);
		}
}

@media screen and ( max-width: 750px) {
		.mb03-sp {
				margin-bottom: var( --margin03);
		}
}

@media screen and ( max-width: 750px) {
		.mb04-sp {
				margin-bottom: var( --margin04);
		}
}

@media screen and ( max-width: 750px) {
		.mb05-sp {
				margin-bottom: var( --margin05);
		}
}

@media screen and ( max-width: 750px) {
		.mb06-sp {
				margin-bottom: var( --margin06);
		}
}

@media screen and ( max-width: 750px) {
		.mb07-sp {
				margin-bottom: var( --margin07);
		}
}

@media screen and ( max-width: 750px) {
		.mb08-sp {
				margin-bottom: var( --margin08);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mb01-pc {
				margin-bottom: var( --margin01);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mb02-pc {
				margin-bottom: var( --margin02);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mb03-pc {
				margin-bottom: var( --margin03);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mb04-pc {
				margin-bottom: var( --margin04);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mb05-pc {
				margin-bottom: var( --margin05);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mb06-pc {
				margin-bottom: var( --margin06);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mb07-pc {
				margin-bottom: var( --margin07);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.mb08-pc {
				margin-bottom: var( --margin08);
		}
}

.pt01 {
		padding-top: var( --margin01);
}

.pt02 {
		padding-top: var( --margin02);
}

.pt03 {
		padding-top: var( --margin03);
}

.pt04 {
		padding-top: var( --margin04);
}

.pt05 {
		padding-top: var( --margin05);
}

.pt06 {
		padding-top: var( --margin06);
}

.pt07 {
		padding-top: var( --margin07);
}

.pt08 {
		padding-top: var( --margin08);
}

@media screen and ( max-width: 750px) {
		.pt01-sp {
				padding-top: var( --margin01);
		}
}

@media screen and ( max-width: 750px) {
		.pt02-sp {
				padding-top: var( --margin02);
		}
}

@media screen and ( max-width: 750px) {
		.pt03-sp {
				padding-top: var( --margin03);
		}
}

@media screen and ( max-width: 750px) {
		.pt04-sp {
				padding-top: var( --margin04);
		}
}

@media screen and ( max-width: 750px) {
		.pt05-sp {
				padding-top: var( --margin05);
		}
}

@media screen and ( max-width: 750px) {
		.pt06-sp {
				padding-top: var( --margin06);
		}
}

@media screen and ( max-width: 750px) {
		.pt07-sp {
				padding-top: var( --margin07);
		}
}

@media screen and ( max-width: 750px) {
		.pt08-sp {
				padding-top: var( --margin08);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pt01-pc {
				padding-top: var( --margin01);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pt02-pc {
				padding-top: var( --margin02);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pt03-pc {
				padding-top: var( --margin03);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pt04-pc {
				padding-top: var( --margin04);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pt05-pc {
				padding-top: var( --margin05);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pt06-pc {
				padding-top: var( --margin06);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pt07-pc {
				padding-top: var( --margin07);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pt08-pc {
				padding-top: var( --margin08);
		}
}

.pb01 {
		padding-bottom: var( --margin01);
}

.pb02 {
		padding-bottom: var( --margin02);
}

.pb03 {
		padding-bottom: var( --margin03);
}

.pb04 {
		padding-bottom: var( --margin04);
}

.pb05 {
		padding-bottom: var( --margin05);
}

.pb06 {
		padding-bottom: var( --margin06);
}

.pb07 {
		padding-bottom: var( --margin07);
}

.pb08 {
		padding-bottom: var( --margin08);
}

@media screen and ( max-width: 750px) {
		.pb01-sp {
				padding-bottom: var( --margin01);
		}
}

@media screen and ( max-width: 750px) {
		.pb02-sp {
				padding-bottom: var( --margin02);
		}
}

@media screen and ( max-width: 750px) {
		.pb03-sp {
				padding-bottom: var( --margin03);
		}
}

@media screen and ( max-width: 750px) {
		.pb04-sp {
				padding-bottom: var( --margin04);
		}
}

@media screen and ( max-width: 750px) {
		.pb05-sp {
				padding-bottom: var( --margin05);
		}
}

@media screen and ( max-width: 750px) {
		.pb06-sp {
				padding-bottom: var( --margin06);
		}
}

@media screen and ( max-width: 750px) {
		.pb07-sp {
				padding-bottom: var( --margin07);
		}
}

@media screen and ( max-width: 750px) {
		.pb08-sp {
				padding-bottom: var( --margin08);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pb01-pc {
				padding-bottom: var( --margin01);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pb02-pc {
				padding-bottom: var( --margin02);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pb03-pc {
				padding-bottom: var( --margin03);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pb04-pc {
				padding-bottom: var( --margin04);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pb05-pc {
				padding-bottom: var( --margin05);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pb06-pc {
				padding-bottom: var( --margin06);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pb07-pc {
				padding-bottom: var( --margin07);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.pb08-pc {
				padding-bottom: var( --margin08);
		}
}

.rg01 {
		row-gap: var( --margin01);
}

.rg02 {
		row-gap: var( --margin02);
}

.rg03 {
		row-gap: var( --margin03);
}

.rg04 {
		row-gap: var( --margin04);
}

.rg05 {
		row-gap: var( --margin05);
}

.rg06 {
		row-gap: var( --margin06);
}

.rg07 {
		row-gap: var( --margin07);
}

.rg08 {
		row-gap: var( --margin08);
}

@media screen and ( max-width: 750px) {
		.rg01-sp {
				row-gap: var( --margin01);
		}
}

@media screen and ( max-width: 750px) {
		.rg02-sp {
				row-gap: var( --margin02);
		}
}

@media screen and ( max-width: 750px) {
		.rg03-sp {
				row-gap: var( --margin03);
		}
}

@media screen and ( max-width: 750px) {
		.rg04-sp {
				row-gap: var( --margin04);
		}
}

@media screen and ( max-width: 750px) {
		.rg05-sp {
				row-gap: var( --margin05);
		}
}

@media screen and ( max-width: 750px) {
		.rg06-sp {
				row-gap: var( --margin06);
		}
}

@media screen and ( max-width: 750px) {
		.rg07-sp {
				row-gap: var( --margin07);
		}
}

@media screen and ( max-width: 750px) {
		.rg08-sp {
				row-gap: var( --margin08);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rg01-pc {
				row-gap: var( --margin01);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rg02-pc {
				row-gap: var( --margin02);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rg03-pc {
				row-gap: var( --margin03);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rg04-pc {
				row-gap: var( --margin04);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rg05-pc {
				row-gap: var( --margin05);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rg06-pc {
				row-gap: var( --margin06);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rg07-pc {
				row-gap: var( --margin07);
		}
}

@media print, screen and ( min-width: 750.02px) {
		.rg08-pc {
				row-gap: var( --margin08);
		}
}

.h01 {
		height: var( --margin01);
}

.h02 {
		height: var( --margin02);
}

.h03 {
		height: var( --margin03);
}

.h04 {
		height: var( --margin04);
}

.h05 {
		height: var( --margin05);
}

.h06 {
		height: var( --margin06);
}

.h07 {
		height: var( --margin07);
}

.h08 {
		height: var( --margin08);
}




.btn01::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/right03.svg");
}.btn02::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/right03.svg");
}.btn03:not( [target="_blank"])::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/right03.svg");
}.btn03[target="_blank"]::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/external_link.svg");
}@media screen and ( max-width: 750px){.link:not( .back, .anchor, .file)::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link01_sp.svg");
}}@media print, screen and ( min-width: 750.02px){.link:not( .back, .anchor, .file)::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link01_pc.svg");
}}@media screen and ( max-width: 750px){.link.back::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link02_sp.svg");
}}@media print, screen and ( min-width: 750.02px){.link.back::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link02_pc.svg");
}}@media screen and ( max-width: 750px){.link.anchor::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link03_sp.svg");
}}@media print, screen and ( min-width: 750.02px){.link.anchor::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link03_pc.svg");
}}**.link.file .ext::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/file.svg");
}@media screen and ( max-width: 750px){a[href*=".pdf" i]::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/or1oq90000001gpr.svg");
}}@media print, screen and ( min-width: 750.02px){a[href*=".pdf" i]::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/ic_pdf.svg");
}}@media screen and ( max-width: 750px){a[href*=".doc" i]::after, a[href*=".docx" i]::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/or1oq90000001gq0.svg");
}}@media print, screen and ( min-width: 750.02px){a[href*=".doc" i]::after, a[href*=".docx" i]::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/ic_word.svg");
}}@media screen and ( max-width: 750px){a[href*=".xls" i]::after, a[href*=".xlsx" i]::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/ic_excel.svg");
}}@media print, screen and ( min-width: 750.02px){a[href*=".xls" i]::after, a[href*=".xlsx" i]::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/ic_excel.svg");
}}@media screen and ( max-width: 750px){.cards-1208 span::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link01_sp.svg");
}}@media print, screen and ( min-width: 750.02px){.cards-1208 span::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link01_pc.svg");
}}@media screen and ( max-width: 750px){.cards-1058 span::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link01_sp.svg");
}}@media print, screen and ( min-width: 750.02px){.cards-1058 span::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link01_pc.svg");
}}@media screen and ( max-width: 750px){.toc-1058 a::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link03_sp.svg");
}}@media print, screen and ( min-width: 750.02px){.toc-1058 a::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link03_pc.svg");
}}@media screen and ( max-width: 750px){.toc-770 a::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link03_sp.svg");
}}@media print, screen and ( min-width: 750.02px){.toc-770 a::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/link03_pc.svg");
}}.breadcrumb li:not( :last-child)::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/breadcrumb.svg");
}.sidemenu :where( h2, h3, h4, h5, h6)::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/sidemenu.svg");
}.sidemenu a:not( .is-current)::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/sidemenu2.svg");
}.list.check>li::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/list_check.svg");
}.news time::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/news_time.svg");
}.news :where( h1, h2, h3, h4, h5, h6)::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/news_title.svg");
}.img.column03.column03-770 a>picture::before{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/bg_glass.svg");
}.img.column03.column03-770 a>picture::after{
background-image:url("/hospital/assets/css/or1oq90000000c8a-img/glass.svg");
}