@charset "UTF-8";

/*--------------------------------------------
VISIT
---------------------------------------------*/

#visit h1 {
		text-align: center;
		text-indent: 0.04em;
}

#visit>p {
		margin-inline: auto;
		display: grid;
		place-items: center;
		border-style: solid;
		border-color: #ca3c3c;
		background-color: #faebeb;
}

#visit>p strong {
		text-align: center;
		letter-spacing: .04em;
		text-indent: .04em;
		font-weight: 700;
		color: #ca3c3c;
}

#visit a {
		overflow: hidden;
		background-color: #fff;
		transition: box-shadow var(--transitionBase), background var(--transitionBase);
		display: block;
}

#visit a:hover {
		background-color: #f5faf8;
		box-shadow: none;
}

#visit a:hover span:after {
		translate: calc( 5 var(--remBase)) 0;
}

#visit a:hover picture img {
		scale: 1.05;
}

#visit picture {
		width: 100%;
		overflow: hidden;
}

#visit picture img {
		transition: scale var(--transitionBase);
		width: 100%;
		height: 100%;
		object-fit: cover;
}

#visit span {
		display: grid;
		align-items: center;
		justify-content: start;
		color: var(--green);
		letter-spacing: 0.04em;
		font-weight: 600;
}

#visit span:after {
		content: "";
		background-color: var(--green);
		background-image: url("/hospital/assets/img/ui/allow/right01.svg");
		background-repeat: no-repeat;
		transition: translate var(--transitionBase);
		font-size: 0;
		border-radius: 50%;
}

@media screen and (max-width: 750px) {
		#visit {
				padding-top: calc( ( 103 - 19) var(--remBase));
				padding-bottom: calc( ( 151 - 19) var(--remBase))
		}
		#visit h1 {
				line-height: calc( 96 / 58);
		}
		#visit>p {
				margin-top: calc( ( 40 - 19) var(--remBase));
				width: calc( 420 var(--percentBase));
				height: calc( 80 var(--remBase));
				border-radius: calc( 12 var(--remBase));
				border-width: calc( 4 var(--remBase));
		}
		#visit>p strong {
				font-size: 3.2rem;
		}
		#visit ul {
				margin-top: calc( 60 var(--remBase));
		}
		#visit li+li {
				margin-top: calc( 37 var(--remBase));
		}
		#visit a {
				border-radius: calc( 30 var(--remBase));
				box-shadow: calc( 3 var(--remBase)) calc( 4 var(--remBase)) calc( 10 var(--remBase)) 0 rgba(0, 0, 0, 0.1);
		}
		#visit picture {
				height: calc( 280 var(--remBase));
		}
		#visit span {
				font-size: 3.6rem;
				padding-inline: calc( 37 var(--percentBase));
				height: calc( 140 var(--remBase));
				column-gap: calc( 19 * 100% / 586);
				grid-template-columns: auto calc( 32 * 100% / 586);
		}
		#visit span:after {
				height: calc( 32 var(--remBase));
				background-size: auto calc( 15 var(--remBase));
				background-position: calc( 12 var(--remBase)) 50%;
		}
}

@media print, screen and (min-width: 750.02px) {
		#visit {
				padding-top: calc( ( 79 - 10.8) var(--remBase));
				padding-bottom: calc( ( 120 - 10.8) var(--remBase))
		}
		#visit>p {
				margin-top: calc( ( 39 - 10.8) var(--remBase));
				width: calc( 240 var(--percentBase));
				height: calc( 42 var(--remBase));
				border-radius: calc( 6 var(--remBase));
				border-width: calc( 2 var(--remBase));
		}
		#visit>p strong {
				font-size: 1.6rem;
		}
		#visit ul {
				margin-top: calc( 40 var(--remBase));
				display: grid;
				grid-template-columns: calc( 386 var(--percentBase));
				column-gap: calc( 25 var(--percentBase));
				grid-auto-flow: column;
		}
		#visit a {
				border-radius: calc( 16 var(--remBase));
				box-shadow: calc( 3 var(--remBase)) calc( 4 var(--remBase)) calc( 10 var(--remBase)) 0 rgba(0, 0, 0, 0.1);
		}
		#visit picture {
				height: calc( 160 var(--remBase));
		}
		#visit span {
				font-size: calc( 18 var(--remBase));
				padding-inline: calc( 26 * 100% / 386);
				height: calc( 80 var(--remBase));
				grid-template-columns: auto calc( 20 * 100% / 334);
				column-gap: calc( 17 * 100% / 334);
		}
		#visit span:after {
				height: calc( 20 var(--remBase));
				background-size: auto calc( 10 var(--remBase));
				background-position: calc( 7 var(--remBase)) 50%;
		}
}


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

#sections .head {
		display: grid;
		grid-template-columns: auto auto;
		align-items: center;
		justify-content: start;
		grid-auto-flow: column;
}

#sections .head a {
		display: grid;
		align-items: center;
}

#sections .head a:after {
		content: "";
		display: block;
		font-size: 0;
		border-radius: 50%;
		background-image: url("/hospital/assets/img/ui/allow/right01.svg");
		background-repeat: no-repeat;
		background-color: var(--green);
		transition: translate var(--transitionBase);
}

#sections .head a:hover:after {
		translate: calc( 5 var(--remBase)) 0;
}

#sections .head a:hover span:before {
		transform-origin: left top;
		scale: 1 1;
}

#sections .head span {
		position: relative;
		color: var(--green);
		font-weight: 600;
		letter-spacing: 0.04em;
		font-weight: 600;
}

#sections .head span:before {
		content: "";
		display: block;
		font-size: 0;
		width: 100%;
		background-color: currentColor;
		scale: 0 1;
		transform-origin: right top;
		transition: scale var(--transitionBase);
		position: absolute;
}

@media screen and (max-width: 750px) {
		#sections {
				padding-bottom: calc( 160 var(--remBase))
		}
		#sections .head {
				column-gap: calc( 54 var(--percentBase));
		}
		#sections .head h1 {
				line-height: calc( 96 / 58);
		}
		#sections .head a {
				grid-template-columns: auto calc( 28 var(--remBase));
				column-gap: calc( 12 var(--remBase));
		}
		#sections .head a:after {
				height: calc( 28 var(--remBase));
				background-size: auto calc( 15 var(--remBase));
				background-position: calc( 10 var(--remBase)) 50%;
		}
		#sections .head a span {
				font-size: 3.2rem;
		}
		#sections .head a span:before {
				height: calc( 4 var(--remBase));
				bottom: calc( -10 var(--remBase));
		}
}

@media print, screen and (min-width: 750.02px) {
		#sections {
				padding-bottom: calc( 120 var(--remBase));
				display: grid;
				grid-template-columns: repeat( 2, calc( 584 var(--percentBase)));
				grid-auto-flow: column;
				justify-content: space-between
		}
		#sections>section {
				display: grid;
				grid-auto-flow: row;
				grid-template-rows: auto 1fr;
		}
		#sections .head {
				margin-bottom: calc( ( 29 - 10.8) var(--remBase));
				column-gap: calc( 36 * 100% / 584);
		}
		#sections .head a {
				grid-template-columns: auto calc( 16 var(--remBase));
				column-gap: calc( 11 var(--remBase));
		}
		#sections .head a:after {
				height: calc( 16 var(--remBase));
				background-size: auto calc( 9 var(--remBase));
				background-position: calc( 6 var(--remBase)) 50%;
		}
		#sections .head a span {
				font-size: 1.6rem;
		}
		#sections .head a span:before {
				height: calc( 2 var(--remBase));
				bottom: calc( -5 var(--remBase));
		}
}

#news ul {
		background-color: #f5faf8;
}

#news li+li {
		border-top-style: solid;
		border-top-color: rgba(13, 108, 68, .4);
}

#news a {
		display: grid;
		grid-template-columns: auto auto 1fr;
		transition: color var(--transitionBase);
}

#news a:hover {
		color: var(--green);
}

#news a:hover h2:after {
		filter: invert(31%) sepia(14%) saturate(4300%) hue-rotate(116deg) brightness(90%) contrast(90%);
}

#news time {
		display: grid;
		grid-auto-flow: column;
		grid-row: 1;
		grid-column: 1;
		align-self: center;
}

#news time:before {
		content: "";
		display: block;
		background: url("/hospital/assets/img/ui/parts/circle02.svg") 0 0 / contain no-repeat;
		font-size: 0;
}

#news p {
		grid-column: 2;
		grid-row: 1;
		display: grid;
		place-items: center;
		color: var(--green);
		background-color: #e6f0ec;
		text-align: center;
		letter-spacing: .04em;
		text-indent: .04em;
}

#news h2 {
		grid-row: 2;
		grid-column: 1/4;
}

#news h2:after {
		content: "";
		display: inline-block;
		background: url("/hospital/assets/img/ui/allow/right03.svg") 0 0 / contain no-repeat;
		transition: filter var(--transitionBase);
		filter: invert(18%) sepia(0%) saturate(15%) hue-rotate(164deg) brightness(92%) contrast(91%);
}

@media screen and (max-width: 750px) {
		#news {
				margin-top: calc( ( 58 - 19) var(--remBase))
		}
		#news ul {
				margin-top: calc( 30 var(--remBase));
				border-radius: calc( 20 var(--remBase));
				padding-left: calc( 40 var(--percentBase));
				padding-right: calc( 51 var(--percentBase));
				padding-top: calc( 59 var(--remBase));
				padding-bottom: calc( ( 54 - 12.8) var(--remBase));
		}
		#news li+li {
				border-top-width: calc( 2 var(--remBase));
				margin-top: calc( ( 36 - 12.8) var(--remBase));
		}
		#news li+li:not(.has-label) {
				padding-top: calc( 39 var(--remBase));
		}
		#news li+li.has-label {
				padding-top: calc( 35 var(--remBase));
		}
		#news a {
				column-gap: calc( 31 * 100% / 590);
		}
		#news li:not(.has-label) a {
				row-gap: calc( ( 28 - 12.8) var(--remBase));
		}
		#news li.has-label a {
				row-gap: calc( ( 18 - 12.8) var(--remBase));
		}
		#news time {
				column-gap: calc( 20 var(--remBase));
				grid-template-columns: calc( 24 var(--remBase)) auto;
				font-size: 3.2rem;
		}
		#news time:before {
				margin-top: calc( 4 var(--remBase));
				height: calc( 24 var(--remBase));
		}
		#news p {
				border-radius: calc( 6 var(--remBase));
				height: calc( 42 var(--remBase));
				font-size: 2.6rem;
				padding-inline: calc( 20 var(--remBase));
		}
		#news h2 {
				font-size: calc( 32 var(--remBase));
				;
				line-height: 1.8;
		}
		#news h2:after {
				width: calc( 13 var(--remBase));
				height: calc( 22 var(--remBase));
				margin-left: calc( 10 var(--remBase));
		}
}

@media print, screen and (min-width: 750.02px) {
		#news ul {
				border-radius: calc( 16 var(--remBase));
				padding-left: calc( 39 * 100% / 584);
				padding-right: calc( 51 * 100% / 584);
				padding-top: calc( 40 var(--remBase));
				padding-bottom: calc( ( 35 - 4.8) var(--remBase));
		}
		#news li+li {
				border-top-width: 1px;
				margin-top: calc( ( 21 - 4.8) var(--remBase));
		}
		#news li+li:not(.has-label) {
				padding-top: calc( 24 var(--remBase));
		}
		#news li+li.has-label {
				padding-top: calc( 19 var(--remBase));
		}
		#news a {
				column-gap: calc( 14 * 100% / 494);
		}
		#news li:not(.has-label) a {
				row-gap: calc( ( 21 - 4.8) var(--remBase));
		}
		#news li.has-label a {
				row-gap: calc( ( 15 - 4.8) var(--remBase));
		}
		#news time {
				column-gap: calc( 8 var(--remBase));
				grid-template-columns: calc( 16 var(--remBase)) auto;
				font-size: 1.6rem;
		}
		#news time:before {
				height: calc( 16 var(--remBase));
		}
		#news p {
				border-radius: calc( 6 var(--remBase));
				height: calc( 26 var(--remBase));
				font-size: 1.4rem;
				padding-inline: calc( 16 var(--remBase));
		}
		#news h2 {
				font-size: calc( 16 var(--remBase));
				;
				line-height: 1.6;
		}
		#news h2:after {
				width: calc( 7 var(--remBase));
				height: calc( 12 var(--remBase));
				margin-left: calc( 10 var(--remBase));
		}
}

#medical dl {
		background-color: #f5faf8;
		overflow: hidden;
}

#medical dt {
		display: grid;
		place-items: center;
		text-align: center;
		letter-spacing: .04em;
		text-indent: .04em;
		color: var(--green);
		background-color: #e6f0ec;
}

#medical dd {
		letter-spacing: 0.04em;
}

#medical li {
		display: inline;
}

#medical li+li:before {
		content: "·";
}

@media screen and (max-width: 750px) {
		#medical {
				margin-top: calc( ( 162 - 19) var(--remBase))
		}
		#medical dl {
				margin-top: calc( 30 var(--remBase));
				border-radius: calc( 20 var(--remBase));
				padding-inline: calc( 41 var(--percentBase));
				padding-top: calc( 61 var(--remBase));
				padding-bottom: calc( ( 69 - 12.8) var(--remBase));
		}
		#medical dt {
				width: calc( 150 * 100% / 588);
				height: calc( 42 var(--remBase));
				font-size: 2.8rem;
				border-radius: calc( 10 var(--remBase));
		}
		#medical dd {
				margin-top: calc( ( 29 - 12.8) var(--remBase));
				font-size: calc( 32 var(--remBase));
				;
				line-height: 1.8;
		}
		#medical dd+dt {
				margin-top: calc( ( 38 - 12.8) var(--remBase));
		}
		#medical a span {
				font-size: calc( 24 var(--remBase));
				;
				line-height: 2.4;
		}
}

@media print, screen and (min-width: 750.02px) {
		#medical dl {
				border-radius: calc( 16 var(--remBase));
				display: grid;
				grid-template-columns: calc( 90 * 100% / 502) 1fr;
				column-gap: calc( 19 * 100% / 502);
				align-items: start;
				row-gap: calc( 24 var(--remBase));
				padding-inline: calc( 41 * 100% / 584);
				padding-top: calc( 44 var(--remBase));
				padding-bottom: calc( 40 var(--remBase));
				align-content: center;
		}
		#medical dt {
				height: calc( 26 var(--remBase));
				font-size: 1.4rem;
				border-radius: calc( 6 var(--remBase));
		}
		#medical dd {
				font-size: calc( 16 var(--remBase));
				;
				line-height: 1.6;
				margin-top: calc( .2 var(--remBase));
		}
		#medical a span {
				font-size: calc( 12 var(--remBase));
				;
				line-height: calc( 25.6 / 12);
				;
		}
}


/* --------------------------------------------
PROBLEM
--------------------------------------------- */
#worry .swiper-slide .box::after{
	animation-duration : 1s;
	animation-timing-function : ease;
	animation-iteration-count : infinite;
	animation-fill-mode : both;
	animation-direction : alternate;
	backface-visibility : hidden;
}
#worry .slide03 .box::after{
	transform-origin : left bottom;
}
#worry .ul.animation-pc.is-animation .slide01 .box::after , #worry #swiper01.animation-sp.is-animation .slide01 .box::after{
	animation-name : anim01;
}
#worry .ul.animation-pc.is-animation .slide02 .box::after , #worry #swiper01.animation-sp.is-animation .slide02 .box::after{
	animation-name : anim02;
}
#worry .ul.animation-pc.is-animation .slide03 .box::after , #worry #swiper01.animation-sp.is-animation .slide03 .box::after{
	animation-name : anim03;
}
@keyframes anim01{
	0%{
		translate : 0 0;
		rotate : 0;
	}
	100%{
		translate : calc( 2 var( --remBase ) ) calc( -1 var( --remBase ) );
		rotate : 2deg;
	}
}
@keyframes anim02{
	0%{
		opacity : 0;
	}
	100%{
		opacity : 1;
	}
}
@keyframes anim03{
	0%{
		scale : 1;
	}
	100%{
		scale : 1.2;
	}
}
#worry{
	position : relative;
	overflow : hidden;
	background-color : #f5faf8;
}
#worry h1::before{
	display : block;
	font-size : 0;
	content : "";
	background : url( /hospital/assets/css/"../img/ui/icon/hazy.svg" ) 0 0 / contain no-repeat;
}
#worry h1 span{
	color : var( --green );
}
#worry > a{
	justify-content : center;
	width : fit-content;
	margin-inline : auto;
}
#worry .box{
	position : relative;
	background-color : #fff;
}
#worry .box::before , #worry .box::after{
	position : absolute;
	z-index : 1;
	content : "";
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
}
#worry .slide01 .box::before{
	background-image : url( /hospital/assets/css/"../img/home/worry/char01.svg" );
}
#worry .slide01 .box::after{
	background-image : url( /hospital/assets/css/"../img/home/worry/bg_char01.svg" );
}
#worry .slide02 .box::before{
	background-image : url( /hospital/assets/css/"../img/home/worry/char02.svg" );
}
#worry .slide02 .box::after{
	background-image : url( /hospital/assets/css/"../img/home/worry/bg_char02.svg" );
}
#worry .slide03 .box::before{
	background-image : url( /hospital/assets/css/"../img/home/worry/char03.svg" );
}
#worry .slide03 .box::after{
	background-image : url( /hospital/assets/css/"../img/home/worry/bg_char03.svg" );
}
#worry li li{
	display : grid;
	grid-auto-flow : column;
}
#worry li li::before{
	display : block;
	font-size : 0;
	content : "";
	background : url( /hospital/assets/css/"../img/ui/parts/check01.svg" ) 0 0 / contain no-repeat;
}
#worry .slide01 li::before{
	filter : invert( 21% ) sepia( 78% ) saturate( 6185% ) hue-rotate( 157deg ) brightness( 95% ) contrast( 88% );
}
#worry .slide02 li::before{
	filter : invert( 68% ) sepia( 59% ) saturate( 456% ) hue-rotate( 47deg ) brightness( 95% ) contrast( 95% );
}
#worry .slide03 li::before{
	filter : invert( 72% ) sepia( 90% ) saturate( 442% ) hue-rotate( 9deg ) brightness( 93% ) contrast( 100% );
}
#worry .swiper a{
	position : relative;
	display : grid;
	place-content : center;
	place-items : center;
	margin-inline : auto;
	background-color : var( --green );
	border-color : var( --green );
	border-style : solid;
	border-radius : 100vmax;
	transition : background var( --transitionBase );
}
#worry .swiper a:hover{
	background-color : white;
}
#worry .swiper a:hover::after{
	translate : calc( 5 var( --remBase ) ) 0;
	filter : invert( 28% ) sepia( 52% ) saturate( 1325% ) hue-rotate( 118deg ) brightness( 92% ) contrast( 90% );
}
#worry .swiper a:hover span{
	color : var( --green );
}
#worry .swiper a::after{
	position : absolute;
	content : "";
	background : url( "/hospital/assets/img/ui/allow/right03.svg" ) 0 0 / contain no-repeat;
	filter : invert( 100% ) sepia( 0% ) saturate( 0% ) hue-rotate( 68deg ) brightness( 102% ) contrast( 104% );
	transition : translate var( --transitionBase ) , filter var( --transitionBase );
}
#worry .swiper a span{
	font-weight : 600;
	color : #fff;
	text-align : center;
	transition : color var( --transitionBase );
}
@media screen and ( max-width : 750px ){
	#worry{
		padding-top : calc( ( 135 - 9.4 ) var( --remBase ) );
		padding-bottom : calc( 112 var( --remBase ) );
		overflow : hidden;
	}
	#worry h1{
		position : relative;
		width : calc( 670 * 100% / var( --breakPoint ) );
		margin-inline : auto;
		line-height : calc( 76.8 / 58 );
		text-align : center;
		text-indent : .04em;
	}
	#worry h1::before{
		position : absolute;
		top : calc( ( -12 + 9.4 ) var( --remBase ) );
		left : calc( 31 var( --percentBase ) );
		width : calc( 71 var( --percentBase ) );
		height : calc( 73 var( --remBase ) );
	}
	#worry > a{
		grid-template-columns : auto calc( 28 var( --remBase ) );
		column-gap : calc( 19 var( --remBase ) );
		margin-top : calc( 35 var( --remBase ) );
	}
	#worry > a::after{
		height : calc( 28 var( --remBase ) );
		background-position : calc( 10 var( --remBase ) ) 50%;
		background-size : auto calc( 15 var( --remBase ) );
	}
	#worry > a span{
		font-size : 3.2rem;
	}
	#worry #swiper01{
		margin-top : calc( 82 var( --remBase ) );
	}
	#worry .swiper-slide{
		padding-top : calc( 164 var( --remBase ) );
	}
	#worry .box{
		width : calc( 670 * 100% / var( --breakPoint ) );
		padding-top : calc( ( 137 - 12.8 ) var( --remBase ) );
		padding-bottom : calc( 52 var( --remBase ) );
		margin-inline : auto;
		border-radius : calc( 20 var( --remBase ) );
		box-shadow : calc( 3 var( --remBase ) ) calc( 4 var( --remBase ) ) calc( 10 var( --remBase ) ) 0 rgb( 0 0 0 / .1 );
	}
	#worry .box ul{
		padding-inline : calc( 42 var( --percentBase ) );
	}
	#worry .box li{
		grid-template-columns : calc( 30 * 100% / 586 );
		column-gap : calc( 15 * 100% / 586 );
		font-size : calc( 32 var( --remBase ) );
		line-height : 1.8;
	}
	#worry .box li::before{
		height : calc( 18 var( --remBase ) );
		margin-top : calc( 19.8 var( --remBase ) );
	}
	#worry .box li + li{
		margin-top : calc( 14.4 var( --remBase ) );
	}
	#worry .slide01 .box::before{
		top : calc( -112 var( --remBase ) );
		left : calc( 182 var( --percentBase ) );
		width : calc( 306 var( --percentBase ) );
		height : calc( 187 var( --remBase ) );
	}
	#worry .slide01 .box::after{
		top : calc( -164 var( --remBase ) );
		left : calc( 179 var( --percentBase ) );
		width : calc( 113 var( --percentBase ) );
		height : calc( 75 var( --remBase ) );
	}
	#worry .slide02 .box::before{
		top : calc( -114 var( --remBase ) );
		left : calc( 200 var( --percentBase ) );
		width : calc( 278 var( --percentBase ) );
		height : calc( 189 var( --remBase ) );
	}
	#worry .slide02 .box::after{
		top : calc( -119 var( --remBase ) );
		left : calc( 165 var( --percentBase ) );
		width : calc( 48 var( --percentBase ) );
		height : calc( 76 var( --remBase ) );
	}
	#worry .slide03 .box::before{
		top : calc( -116 var( --remBase ) );
		left : calc( 186 var( --percentBase ) );
		width : calc( 282 var( --percentBase ) );
		height : calc( 192 var( --remBase ) );
	}
	#worry .slide03 .box::after{
		top : calc( -146 var( --remBase ) );
		left : calc( 464 var( --percentBase ) );
		width : calc( 76 var( --percentBase ) );
		height : calc( 88 var( --remBase ) );
	}
	#worry .swiper a{
		row-gap : calc( 18 var( --remBase ) );
		width : calc( 570 var( --percentBase ) );
		height : calc( 130 var( --remBase ) );
		margin-top : calc( ( 49 - 12.8 ) var( --remBase ) );
		border-width : calc( 2 var( --remBase ) );
	}
	#worry .swiper a::after{
		top : calc( 53 var( --remBase ) );
		right : calc( 42 * 100% / 566 );
		width : calc( 14 * 100% / 566 );
		height : calc( 21 var( --remBase ) );
	}
	#worry .swiper a span:nth-of-type( 1 ){
		font-size : 3.2rem;
	}
	#worry .swiper a span:nth-of-type( 1 ) span{
		font-size : 2.6rem;
	}
	#worry .swiper a span:nth-of-type( 2 ){
		font-size : 2.6rem;
	}
	#worry .swipe-controllers{
		margin-top : calc( 61 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 750.02px ){
	#worry{
		padding-top : calc( ( 102 - 10.8 ) var( --remBase ) );
		padding-bottom : calc( 120 var( --remBase ) );
	}
	#worry h1{
		display : flex;
		column-gap : calc( 20 var( --percentBase ) );
		align-items : center;
		justify-content : center;
	}
	#worry h1::before{
		width : calc( 40 var( --percentBase ) );
		height : calc( 40 var( --remBase ) );
	}
	#worry > a{
		grid-template-columns : auto calc( 16 var( --remBase ) );
		column-gap : calc( 11 var( --remBase ) );
		margin-top : calc( ( 38 - 10.8 ) var( --remBase ) );
	}
	#worry > a::after{
		height : calc( 16 var( --remBase ) );
		background-position : calc( 6 var( --remBase ) ) 50%;
		background-size : auto calc( 9 var( --remBase ) );
	}
	#worry > a span{
		font-size : 1.6rem;
	}
	#worry #swiper01{
		margin-top : calc( 37 var( --remBase ) );
		overflow : visible;
	}
	#worry .swiper-wrapper{
		display : grid;
		grid-template-columns : repeat( 3 , calc( 386 var( --percentBase ) ) );
		column-gap : calc( 25 var( --percentBase ) );
	}
	#worry .swiper-slide{
		padding-top : calc( 66 var( --remBase ) );
	}
	#worry .box{
		display : flex;
		flex-direction : column;
		height : 100%;
		padding-inline : calc( 30 * 100% / 386 );
		padding-top : calc( ( 65 - 6 ) var( --remBase ) );
		padding-bottom : calc( 30 var( --remBase ) );
		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 );
	}
	#worry .slide01 .box::before{
		top : calc( -44 var( --remBase ) );
		left : calc( 132 * 100% / 386 );
		width : calc( 126 * 100% / 386 );
		height : calc( 77 var( --remBase ) );
	}
	#worry .slide01 .box::after{
		top : calc( -66 var( --remBase ) );
		left : calc( 130 * 100% / 386 );
		width : calc( 47 * 100% / 386 );
		height : calc( 31 var( --remBase ) );
	}
	#worry .slide02 .box::before{
		top : calc( -45 var( --remBase ) );
		left : calc( 139 * 100% / 386 );
		width : calc( 114 * 100% / 386 );
		height : calc( 77 var( --remBase ) );
	}
	#worry .slide02 .box::after{
		top : calc( -48 var( --remBase ) );
		left : calc( 125 * 100% / 386 );
		width : calc( 20 * 100% / 386 );
		height : calc( 31 var( --remBase ) );
	}
	#worry .slide03 .box::before{
		top : calc( -44 var( --remBase ) );
		left : calc( 129 * 100% / 386 );
		width : calc( 114 * 100% / 386 );
		height : calc( 78 var( --remBase ) );
	}
	#worry .slide03 .box::after{
		top : calc( -56 var( --remBase ) );
		left : calc( 241 * 100% / 386 );
		width : calc( 31 * 100% / 386 );
		height : calc( 36 var( --remBase ) );
	}
	#worry .swiper-slide ul{
		margin-bottom : calc( ( 30 - 6 ) var( --remBase ) );
	}
	#worry .swiper-slide li{
		grid-template-columns : calc( 19 * 100% / 326 );
		column-gap : calc( 6 * 100% / 326 );
		font-size : calc( 16 var( --remBase ) );
		line-height : 1.75;
	}
	#worry .swiper-slide li::before{
		height : calc( 11 var( --remBase ) );
		margin-top : calc( 8.5 var( --remBase ) );
	}
	#worry .swiper-slide li + li{
		margin-top : calc( 10 var( --remBase ) );
	}
	#worry .swiper-slide a{
		row-gap : calc( 11.6 var( --remBase ) );
		width : 100%;
		height : calc( 76 var( --remBase ) );
		margin-top : auto;
		border-width : calc( 2 var( --remBase ) );
	}
	#worry .swiper-slide a::after{
		top : calc( 33 var( --remBase ) );
		right : calc( 34 * 100% / 326 );
		width : calc( 7 * 100% / 326 );
		height : calc( 11 var( --remBase ) );
	}
	#worry .swiper-slide a span:nth-of-type( 1 ){
		font-size : 1.8rem;
	}
	#worry .swiper-slide a span:nth-of-type( 1 ) span{
		font-size : 1.4rem;
	}
	#worry .swiper-slide a span:nth-of-type( 2 ){
		font-size : 1.4rem;
	}
}

/*--------------------------------------------
PROGRAM
---------------------------------------------*/

#program .head {
		position: relative;
		border-bottom-style: solid;
		border-bottom-color: #808080;
}

#program h1 {
		line-height: 1;
		border-bottom-style: solid;
		border-left-style: solid;
		border-left-color: var(--green);
}

#program svg {
		position: absolute;
		transition: translate 1.5s ease-in .5s;
scale: -1 1;
}

#program :where(.left-hand, .right-hand, .left-foot, .right-foot) {
		fill: #000;
}

#program .cls-1 {
		fill: #e5d948;
		stroke: none
}

#program .cls-2 {
		fill: none;
		stroke: #000;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 2px;
}

#program circle {
		fill: #000;
}

@media screen and (max-width: 750px) {
		#program {
				padding-top: calc( 162 var(--remBase));
				padding-bottom: calc( ( 163 - 12) var(--remBase));
				overflow: hidden
		}
		#program :where( .head, h3, .text) {
				width: calc( 670 * 100% / var(--breakPoint));
				margin-inline: auto;
		}
		#program .head {
				padding-bottom: calc( 37 var(--remBase));
				border-bottom-width: calc( 2 var(--remBase));
		}
		#program h1 {
				font-size: 6rem;
				border-left-width: calc( 6 var(--remBase));
				padding-left: calc( 33 var(--percentBase));
		}
		#program .link01 {
				grid-template-columns: auto calc( 28 var(--remBase));
				column-gap: calc( 19 var(--remBase));
				font-size: 3.2rem;
				width: fit-content;
				justify-content: start;
				margin-top: calc( ( 39 - 12) var(--remBase));
				margin-left: calc( 40 var(--percentBase));
		}
		#program .link01:after {
				height: calc( 28 var(--remBase));
				background-size: auto calc( 15 var(--remBase));
				background-position: calc( 10 var(--remBase)) 50%;
		}
		#program svg {
				width: calc( 171 var(--percentBase));
				height: calc( 116 var(--remBase));
				right: calc( 75 var(--percentBase));
				bottom: 0;
		}
}

@media print, screen and (min-width: 750.02px) {
		#program {
				padding-top: calc( 110 var(--remBase));
				padding-bottom: calc( ( 94 - 4) var(--remBase));
				position: relative;
				overflow: hidden
		}
		#program .head {
				padding-bottom: calc( 18 var(--remBase));
				border-bottom-width: 1px;
				display: grid;
				align-items: center;
				border-bottom-width: 1px;
				grid-template-columns: auto auto 1fr;
				column-gap: calc( 28 var(--percentBase));
		}
		#program h1 {
				font-size: 3.6rem;
				border-left-width: calc( 4 var(--remBase));
				padding-left: calc( 14 var(--remBase));
		}
		#program .link01 {
				grid-template-columns: auto calc( 16 var(--remBase));
				column-gap: calc( 10 var(--remBase));
				font-size: 1.6rem;
		}
		#program .link01:after {
				height: calc( 16 var(--remBase));
				background-size: auto calc( 9 var(--remBase));
				background-position: calc( 6 var(--remBase)) 50%;
		}
		#program svg {
				width: calc( 106 var(--percentBase));
				height: calc( 72 var(--remBase));
				left: calc( 498 var(--percentBase));
				bottom: 0;
		}
}

#program.animation svg {
		translate: 200% 0;
}

#program.animation.is-animation svg {
		overflow: visible;
		translate: 0 0;
}

#program.animation.is-animation svg :where( .right-hand, .left-hand, .right-foot, .left-foot) {
		animation-direction: normal;
		animation-duration: 1.5s;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-delay: .5s;
}

#program.animation.is-animation svg .right-hand {
		animation-name: rightHand02;
}

#program.animation.is-animation svg .left-hand {
		animation-name: leftHand02;
}

#program.animation.is-animation svg .right-foot {
		animation-name: rightFoot02;
}

#program.animation.is-animation svg .left-foot {
		animation-name: leftFoot02;
}

#swiper02 a {
		display: block;
		background-color: #fff;
		box-shadow: calc( 3 var(--remBase)) calc( 4 var(--remBase)) calc( 10 var(--remBase)) 0 rgba(0, 0, 0, 0.1);
		transition: background var(--transitionBase), box-shadow var(--transitionBase);
}

#swiper02 a:hover {
		box-shadow: none;
		background-color: #f5faf8;
}

#swiper02 a:hover picture img {
		scale: 1.05;
}

#swiper02 picture {
		width: 100%;
		overflow: hidden;
}

#swiper02 picture img {
		transition: scale var(--transitionBase);
		width: 100%;
		height: 100%;
		object-fit: cover;
}

#swiper02 h2 {
		color: var(--green);
		letter-spacing: .04em;
		font-weight: 700;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
}

#swiper02 p {
		letter-spacing: .04em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
}

@media screen and (max-width: 750px) {
		#swiper02 {
				margin-top: calc( 80 var(--remBase))
		}
		#swiper02 a {
				width: calc( 670 * 100% / var(--breakPoint));
				margin-inline: auto;
				border-radius: calc( 20 var(--remBase));
				padding-bottom: calc( ( 54 - 12.8) var(--remBase));
		}
		#swiper02 picture {
				height: calc( 380 var(--remBase));
				border-radius: calc( 20 var(--remBase)) calc( 20 var(--remBase)) 0 0;
		}
		#swiper02 h2 {
				margin-top: calc( ( 49 - 10.8) var(--remBase));
				font-size: calc( 36 var(--remBase));
				;
				line-height: 1.6;
				padding-inline: calc( 40 var(--remBase));
				margin-bottom: calc( ( 38 - 10.8 - 12.8) var(--remBase));
				height: calc( 115.2 var(--remBase));
		}
		#swiper02 p {
				font-size: calc( 32 var(--remBase));
				;
				line-height: 1.8;
				padding-inline: calc( 40 var(--remBase));
		}
		#swiper02 .swipe-controllers {
				margin-top: calc( 52 var(--remBase));
		}
}

@media print, screen and (min-width: 750.02px) {
		#swiper02 {
				margin-top: calc( 60 var(--remBase));
				margin-inline: calc( -20 var(--percentBase));
				padding-inline: calc( 20 var(--percentBase));
				padding-bottom: calc( 4 var(--remBase));
				outline: calc( 20 var(--remBase)) solid #fff
		}
		#swiper02 .swiper-wrapper {
				margin-left: calc( -12.5 var(--remBase));
		}
		#swiper02 .swiper-slide {
				width: calc( 386 var(--remBase)) !important;
				margin-inline: calc( 12.5 var(--remBase));
				height: auto;
		}
		#swiper02 .swiper-slide.swiper-slide-prev a {
				box-shadow: none;
		}
		#swiper02 a {
				border-radius: calc( 16 var(--remBase));
				padding-bottom: calc( ( 32 - 6.4) var(--remBase));
				height: 100%;
		}
		#swiper02 picture {
				height: calc( 220 var(--remBase));
				border-radius: calc( 16 var(--remBase)) calc( 16 var(--remBase)) 0 0;
		}
		#swiper02 dl {
				padding-top: calc( 20 var(--remBase));
				padding-bottom: calc( ( 22 - 6.4) var(--remBase));
				padding-inline: calc( 28 * 100% / 386);
		}
		#swiper02 h2 {
				margin-top: calc( ( 30 - 4.4) var(--remBase));
				font-size: calc( 20 var(--remBase));
				;
				line-height: 1.44;
				padding-inline: calc( 30 var(--remBase));
				margin-bottom: calc( ( 18 - 4.4 - 6.4) var(--remBase));
				height: calc( 57.6 var(--remBase));
		}
		#swiper02 p {
				font-size: calc( 16 var(--remBase));
				;
				line-height: 1.8;
				padding-inline: calc( 30 var(--remBase));
		}
		#swiper02 .swipe-controllers {
				margin-top: calc( 31 var(--remBase));
		}
		#swiper02 :where( .swiper-button-prev, .swiper-button-next) {
				top: calc( 96 var(--remBase));
		}
}

#swiper02:not(.swiper-initialized) .swipe-controllers {
		display: none;
}

@media print, screen and (min-width: 750.02px) {
		#swiper02:not(.swiper-initialized) .swiper-wrapper {
				display: grid;
				justify-content: center;
				grid-auto-flow: column;
				margin-left: 0;
		}
}
/*--------------------------------------------
インデックスモジュール カードレイアウト用
---------------------------------------------*/
@media screen and (max-width: 750px) {
#swiper02 .card-wrapper .swiper-slide{
padding-bottom: calc( 80 var(--remBase) );
}
}
@media print, screen and (min-width: 750.02px) {
	#swiper02 .card-wrapper {
		display: grid;
		justify-content: center;
		grid-auto-flow: column;
		margin-left: 0;
		margin-left: calc( -12.5 var(--remBase));
		position: relative;
		width: 100%%;
		height: 100%%;
		z-index: 1;
		display:flex;
		transition-property: transform;
		transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
		box-sizing: content-box;
	}
}

/*--------------------------------------------
ABOUT
---------------------------------------------*/

#about {
		overflow: hidden;
}

#about .head {
		border-bottom-style: solid;
		border-bottom-color: #808080;
		position: relative;
}

#about h1 {
		line-height: 1;
		border-left-style: solid;
		border-left-color: var(--green);
}

#about svg {
		position: absolute;
		transition: translate 1.5s ease-in .5s;
}

#about .cls-1 {
		fill: none;
		stroke: #000;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 5px;
}

#about .cls-2 {
		fill: #0a6c44;
		stroke: none;
}

#about :where(.left-hand, .right-hand, .left-foot, .right-foot) {
		fill: #000;
}

#about circle {
		fill: #000;
}

#about picture {
		overflow: hidden;
}

@media screen and (max-width: 750px) {
		#about {
				padding-bottom: calc( ( 162 - 12.8) var(--remBase))
		}
		#about .head {
				padding-bottom: calc( 36 var(--remBase));
				border-bottom-width: calc( 2 var(--remBase));
				width: calc( 670 * 100% / var(--breakPoint));
				margin-inline: auto;
		}
		#about h1 {
				border-left-width: 0;
				padding-left: calc( 29 var(--percentBase));
				font-size: calc( 60 var(--remBase));
				;
				line-height: 1.4;
				position: relative;
		}
		#about h1:before {
				content: "";
				display: block;
				position: absolute;
				top: 50%;
				translate: 0 -50%;
				left: 0;
				width: calc( 6 var(--percentBase));
				background-color: var(--green);
				height: calc( 100% - ( 24 var(--remBase)));
		}
		#about .link01 {
				grid-template-columns: auto calc( 28 var(--remBase));
				column-gap: calc( 19 var(--remBase));
				font-size: 3.2rem;
				width: fit-content;
				justify-content: start;
				margin-top: calc( ( 39 - 12) var(--remBase));
				margin-left: calc( 40 var(--percentBase));
		}
		#about .link01:after {
				height: calc( 28 var(--remBase));
				background-size: auto calc( 15 var(--remBase));
				background-position: calc( 10 var(--remBase)) 50%;
		}
		#about svg {
				bottom: calc( -2 var(--remBase));
				width: calc( 173 var(--percentBase));
				height: calc( 117 var(--remBase));
				right: calc( -2 var(--percentBase));
		}
}

@media print, screen and (min-width: 750.02px) {
		#about {
				padding-top: calc( 27 var(--remBase));
				padding-bottom: calc( ( 118 - 6.4) var(--remBase))
		}
		#about .head {
				display: grid;
				align-items: center;
				padding-bottom: calc( 18 var(--remBase));
				border-bottom-width: 1px;
				grid-template-columns: auto auto 1fr;
				column-gap: calc( 28 var(--percentBase));
		}
		#about h1 {
				border-left-width: calc( 4 var(--remBase));
				padding-left: calc( 15 var(--remBase));
		}
		#about .link01 {
				grid-template-columns: auto calc( 16 var(--remBase));
				column-gap: calc( 10 var(--remBase));
				font-size: 1.6rem;
		}
		#about .link01:after {
				height: calc( 16 var(--remBase));
				background-size: auto calc( 9 var(--remBase));
				background-position: calc( 6 var(--remBase)) 50%;
		}
		#about svg {
				top: calc( -27 var(--remBase));
				width: calc( 120 var(--percentBase));
				height: calc( 82 var(--remBase));
				left: calc( 866 var(--percentBase));
		}
}

#about.animation svg {
		translate: 200% 0;
}

#about.animation.is-animation svg {
		overflow: visible;
		translate: 0 0;
}

#about.animation.is-animation svg :where( .right-hand, .left-hand, .right-foot, .left-foot) {
		animation-direction: normal;
		animation-duration: 1.5s;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-delay: .5s;
}

#about.animation.is-animation svg .right-hand {
		animation-name: rightHand02;
}

#about.animation.is-animation svg .left-hand {
		animation-name: leftHand02;
}

#about.animation.is-animation svg .right-foot {
		animation-name: rightFoot02;
}

#about.animation.is-animation svg .left-foot {
		animation-name: leftFoot02;
}

@keyframes leftHand02 {
		0% {
				rotate: 0deg;
		}
		16.5% {
				rotate: 3deg;
		}
		33% {
				rotate: 0deg;
		}
		49.5% {
				rotate: 3deg;
		}
		66% {
				rotate: 0deg;
		}
		82.5% {
				rotate: 3deg;
		}
		100% {
				rotate: 0deg;
		}
}

@keyframes rightHand02 {
		0% {
				rotate: 0deg;
		}
		16.5% {
				rotate: -3deg;
		}
		33% {
				rotate: 0deg;
		}
		49.5% {
				rotate: -3deg;
		}
		66% {
				rotate: 0deg;
		}
		82.5% {
				rotate: -3deg;
		}
		100% {
				rotate: 0deg;
		}
}

@keyframes leftFoot02 {
		0% {
				rotate: 0deg;
		}
		16.5% {
				rotate: 3deg;
		}
		33% {
				rotate: 0deg;
		}
		49.5% {
				rotate: 3deg;
		}
		66% {
				rotate: 0deg;
		}
		82.5% {
				rotate: 3deg;
		}
		100% {
				rotate: 0deg;
		}
}

@keyframes rightFoot02 {
		0% {
				rotate: 0deg;
		}
		16.5% {
				rotate: -3deg;
		}
		33% {
				rotate: 0deg;
		}
		49.5% {
				rotate: -3deg;
		}
		66% {
				rotate: 0deg;
		}
		82.5% {
				rotate: -3deg;
		}
		100% {
				rotate: 0deg;
		}
}

#swiper03 picture {
		width: 100%;
		overflow: hidden;
}

#swiper03 picture img {
		transition: scale var(--transitionBase);
		width: 100%;
		height: 100%;
		object-fit: cover;
}

#swiper03 h2 {
		letter-spacing: 0.04em;
}

#swiper03 h2:after {
		content: "";
		display: block;
		background-color: var(--green);
		font-size: 0;
}

#swiper03 p {
		letter-spacing: .04em;
}

@media screen and (max-width: 750px) {
		#swiper03 {
				margin-top: calc( 83 var(--remBase))
		}
		#swiper03 .swiper-slide {
				padding-inline: calc( 30 * 100% / var(--breakPoint));
		}
		#swiper03 picture {
				height: calc( 380 var(--remBase));
				border-radius: calc( 20 var(--remBase));
		}
		#swiper03 h2 {
				margin-top: calc( ( 39 - 10.8) var(--remBase));
				font-size: calc( 36 var(--remBase));
				;
				line-height: 1.6;
		}
		#swiper03 h2:after {
				width: calc( 120 var(--percentBase));
				height: calc( 4 var(--remBase));
				margin-top: calc( ( 38 - 10.8) var(--remBase));
		}
		#swiper03 p {
				margin-top: calc( ( 38 - 12.8) var(--remBase));
				font-size: calc( 32 var(--remBase));
				;
				line-height: 1.8;
		}
		#swiper03 .swipe-controllers {
				margin-top: calc( ( 65 - 12.8) var(--remBase));
		}
}

@media print, screen and (min-width: 750.02px) {
		#swiper03 {
				margin-top: calc( 61 var(--remBase));
				margin-top: calc( 60 var(--remBase));
				margin-inline: calc( -20 var(--percentBase));
				padding-inline: calc( 20 var(--percentBase));
				padding-bottom: calc( 4 var(--remBase));
				outline: calc( 20 var(--remBase)) solid #fff
		}
		#swiper03 .swiper-wrapper {
				margin-left: calc( -12.5 var(--remBase));
		}
		#swiper03 .swiper-slide {
				width: calc( 386 var(--remBase)) !important;
				margin-inline: calc( 12.5 var(--remBase));
		}
		#swiper03 picture {
				height: calc( 220 var(--remBase));
				border-radius: calc( 16 var(--remBase));
		}
		#swiper03 h2 {
				margin-top: calc( ( 24 - 6) var(--remBase));
				font-size: calc( 20 var(--remBase));
				;
				line-height: 1.6;
		}
		#swiper03 h2:after {
				margin-top: calc( ( 19 - 6) var(--remBase));
				width: calc( 40 * 100% / 386);
				height: calc( 2 var(--remBase));
		}
		#swiper03 p {
				margin-top: calc( ( 20 - 6.4) var(--remBase));
				font-size: calc( 16 var(--remBase));
				;
				line-height: 1.8;
		}
		#swiper03 .swipe-controllers {
				margin-top: calc( ( 29 - 6.4) var(--remBase));
		}
		#swiper03 :where( .swiper-button-prev, .swiper-button-next) {
				top: calc( 96 var(--remBase));
		}
}


/*--------------------------------------------
ACCESS
---------------------------------------------*/

#access h1 {
		line-height: 1;
		position: relative;
}

#access h1:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-color: var(--green);
}

#access iframe {
		width: 100%;
}

#access dl {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
}

#access dl:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(7, 84, 52, .9);
}

#access dl>div {
		position: relative;
}

#access dt {
		display: grid;
		align-items: center;
		justify-content: center;
		text-align: center;
		letter-spacing: .04em;
		text-indent: .04em;
		background-color: #fff;
		color: var(--green);
}

#access dt:before {
		content: "";
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		font-size: 0;
}

#access .icon01:before {
		background-image: url("/hospital/assets/img/ui/icon/stethoscope.svg");
}

#access .icon02:before {
		background-image: url("/hospital/assets/img/ui/icon/time.svg");
}

#access .icon03:before {
		background-image: url("/hospital/assets/img/ui/icon/calendar.svg");
}

#access .icon04:before {
		background-image: url("/hospital/assets/img/ui/icon/phone02.svg");
}

#access dd {
		color: #fff;
		letter-spacing: 0.04em;
}

#access dd a {
		color: #fff;
}

#access dd li {
		display: inline;
}

#access dd li+li:before {
		content: "・";
}

#access strong {
		font-weight: 400;
}

@media screen and (max-width: 750px) {
		#access .head {
				width: calc( 670 * 100% / var(--breakPoint));
				margin-inline: auto;
				border-bottom: calc( 2 var(--remBase)) solid #808080;
				padding-bottom: calc( 37 var(--remBase));
		}
		#access h1 {
				border-left: solid calc( 6 var(--remBase)) var(--green);
				padding-left: calc( 32 var(--percentBase));
		}
		#access .link01 {
				grid-template-columns: auto calc( 28 var(--remBase));
				column-gap: calc( 19 var(--remBase));
				font-size: 3.2rem;
				width: fit-content;
				justify-content: start;
				margin-top: calc( 34 var(--remBase));
				margin-left: calc( 40 var(--percentBase));
		}
		#access .link01:after {
				height: calc( 28 var(--remBase));
				background-size: auto calc( 15 var(--remBase));
				background-position: calc( 10 var(--remBase)) 50%;
		}
		#access iframe {
				margin-top: calc( 80 var(--remBase));
				aspect-ratio: 750 / 370;
		}
		#access dl {
				background-image: url("/hospital/assets/img/home/access/bg_sp.webp");
				padding-top: calc( 94 var(--remBase));
				padding-bottom: calc( ( 94 - 18) var(--remBase));
		}
		#access dl>div+div {
				margin-top: calc( ( 41 - 18) var(--remBase));
		}
		#access dt {
				height: calc( 42 var(--remBase));
				width: calc( 190 var(--percentBase));
				font-size: 2.8rem;
				border-radius: calc( 10 var(--remBase));
		}
		#access .icon01 {
				grid-template-columns: calc( 20 * 100% / 190) auto;
				column-gap: calc( 15 * 100% / 190);
		}
		#access .icon01:before {
				height: calc( 34 var(--remBase));
		}
		#access .icon02 {
				grid-template-columns: calc( 27 * 100% / 190) auto;
				column-gap: calc( 11 * 100% / 190);
		}
		#access .icon02:before {
				height: calc( 27 var(--remBase));
		}
		#access .icon03 {
				grid-template-columns: calc( 27 * 100% / 190) auto;
				column-gap: calc( 12 * 100% / 190);
		}
		#access .icon03:before {
				height: calc( 29 var(--remBase));
		}
		#access .icon04 {
				grid-template-columns: calc( 28 * 100% / 190) auto;
				column-gap: calc( 12 * 100% / 190);
		}
		#access .icon04:before {
				height: calc( 26 var(--remBase));
		}
		#access dd {
				font-size: calc( 32 var(--remBase));
				;
				line-height: calc( 68 / 32);
				;
		}
		#access dd span, #access dd strong {
				font-size: calc( 24 var(--remBase));
				;
				line-height: calc( 68 / 24);
				;
		}
}

@media print, screen and (min-width: 750.02px) {
		#access .head {
				display: grid;
				align-items: start;
				grid-template-columns: calc( 188 var(--percentBase)) auto 1fr;
		}
		#access h1 {
				border-bottom: 1px solid #808080;
				grid-row: 1;
				grid-column: 1/4;
				padding-bottom: calc( 18 var(--remBase));
				padding-left: calc( 17 var(--percentBase));
		}
		#access h1:before {
				width: calc( 4 var(--percentBase));
				top: 0;
				left: 0;
				height: calc( 100% - ( 18 var(--remBase)));
		}
		#access .link01 {
				grid-row: 1;
				grid-column: 2;
				grid-template-columns: auto calc( 16 var(--remBase));
				column-gap: calc( 10 var(--remBase));
				font-size: 1.6rem;
				margin-top: calc( 10 var(--remBase));
		}
		#access .link01:after {
				height: calc( 16 var(--remBase));
				background-size: auto calc( 9 var(--remBase));
				background-position: calc( 6 var(--remBase)) 50%;
		}
		#access iframe {
				margin-top: calc( 53 var(--remBase));
				aspect-ratio: 1366 / 360;
		}
		#access dl {
				background-image: url("/hospital/assets/img/home/access/bg_pc.webp");
				display: grid;
				justify-content: center;
				align-items: start;
				grid-template-columns: repeat( 2, calc( 420 var(--percentBase)));
				column-gap: calc( 40 var(--percentBase));
				padding-top: calc( 82 var(--remBase));
				padding-bottom: calc( ( 79 - 5) var(--remBase));
				row-gap: calc( ( 20 - 5) var(--remBase));
		}
		#access dl div {
				display: grid;
				align-items: start;
				grid-template-columns: calc( 104 * 100% / 420) 1fr;
				column-gap: calc( 17 * 100% / 420);
		}
		#access dt {
				height: calc( 26 var(--remBase));
				font-size: calc( 14 var(--remBase));
				border-radius: calc( 6 var(--remBase));
		}
		#access .icon01 {
				grid-template-columns: calc( 11 * 100% / 104) auto;
				column-gap: calc( 7 * 100% / 104);
		}
		#access .icon01:before {
				height: calc( 19 var(--remBase));
		}
		#access .icon02 {
				grid-template-columns: calc( 14 * 100% / 104) auto;
				column-gap: calc( 6 * 100% / 104);
		}
		#access .icon02:before {
				height: calc( 14 var(--remBase));
		}
		#access .icon03 {
				grid-template-columns: calc( 14 * 100% / 104) auto;
				column-gap: calc( 7 * 100% / 104);
		}
		#access .icon03:before {
				height: calc( 15 var(--remBase));
		}
		#access .icon04 {
				grid-template-columns: calc( 15 * 100% / 104) auto;
				column-gap: calc( 6 * 100% / 104);
		}
		#access .icon04:before {
				height: calc( 14 var(--remBase));
		}
		#access dd {
				font-size: calc( 16 var(--remBase));
				;
				line-height: 2.25;
				margin-top: calc( -5 var(--remBase));
		}
		#access dd span, #access dd strong {
				font-size: calc( 12 var(--remBase));
				;
				line-height: 3;
		}
}
#visit span:after{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/right01.svg");
}#sections .head a:after{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/right01.svg");
}#news time:before{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/circle02.svg");
}#news h2:after{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/right03.svg");
}#worry h1:before{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/hazy.svg");
}#worry .slide01 .box:before{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/char01.svg");
}#worry .slide01 .box::after{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/or1oq90000001y3q.svg");
}#worry .slide02 .box:before{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/char02.svg");
}#worry .slide02 .box::after{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/or1oq90000001y3x.svg");
}#worry .slide03 .box:before{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/char03.svg");
}#worry .slide03 .box::after{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/or1oq90000001y46.svg");
}#worry li li:before{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/check01.svg");
}#worry .swiper a:after{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/right03.svg");
}#access .icon01:before{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/stethoscope.svg");
}#access .icon02:before{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/time.svg");
}#access .icon03:before{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/calendar.svg");
}#access .icon04:before{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/phone02.svg");
}@media screen and (max-width: 750px ){#access dl{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/bg_sp.webp");
}}@media print,screen and (min-width: 750.02px ){#access dl{
background-image:url("/hospital/assets/css/or1oq90000000c1m-img/bg_pc.webp");
}}