@charset "UTF-8";
/* CSS Document */



/****************************************************************************************************
wayp
****************************************************************************************************/
#footer {
	overflow: hidden;
}

.wayp {
	opacity:0;
	-webkit-transform: translate(0, 0) scale(1.05);
	transform: translate(0, 0) scale(1.05);
	-webkit-transition: opacity 1000ms 100ms, transform 500ms ease-out 100ms;
	transition: opacity 1000ms 100ms, transform 500ms ease-out 100ms;
}
.wayp.active {
	opacity:1;
	-webkit-transform: translate(0, 0) scale(1.0);
	transform: translate(0, 0) scale(1.0);
}
.fade {
	opacity:0;
	-webkit-transition: opacity 1000ms 100ms;
	transition: opacity 1000ms 100ms;
}
.fade.active {
	opacity:1;
}
.delay1 { transition-delay: 100ms; }
.delay2 { transition-delay: 200ms; }
.delay3 { transition-delay: 300ms; }
.delay4 { transition-delay: 400ms; }
.delay5 { transition-delay: 500ms; }
.delay6 { transition-delay: 600ms; }
.delay7 { transition-delay: 700ms; }
.delay8 { transition-delay: 800ms; }
.delay9 { transition-delay: 900ms; }
.delay10 { transition-delay: 1000ms; }



/****************************************************************************************************

****************************************************************************************************/
html.hospital,
.hospital body {
	background: #30CFFF;
}

/****************************************************************************************************
header
****************************************************************************************************/
.local #header h1 a,
.education #header h1 a,
.nursing #header h1 a {
	color: #000066;
}
.local #header > .controle,
.local #header > .controle > .search a {
	color: #85B200;
}
.local #header > .controle > .font dl dd ul li a,
.local #header > .controle > .page-color dl dd ul li[data-color="basic"] a {
	background: #8AC31E;
}
.local #header > .controle > .font dl dd ul li a,
.education #header > .controle > .font dl dd ul li a,
.nursing #header > .controle > .font dl dd ul li a {
	color: #FFF;
}
.local #header > .controle > .font dl dd ul li.select a,
.education #header > .controle > .font dl dd ul li.select a,
.nursing #header > .controle > .font dl dd ul li.select a {
	background: #00008C;
	color: #FFF;
}
.local #header > .controle > .page-color dl dd ul li[data-color="monochrome"] a,
.education #header > .controle > .page-color dl dd ul li[data-color="monochrome"] a,
.nursing #header > .controle > .page-color dl dd ul li[data-color="monochrome"] a {
	background: #FFF;
	border: 4px solid #CCC;
}

.education #header > .controle,
.education #header > .controle > .search a {
	color: #006ADC;
}
.education #header > .controle > .font dl dd ul li a,
.education #header > .controle > .page-color dl dd ul li[data-color="basic"] a {
	background: #006ADC;
}

.nursing #header {
	border-color: #00468C;
}
.nursing #header h1 a {
	color: #00468C;
}
.nursing #header > .controle,
.nursing #header > .controle > .search a {
	color: #FF7A45;
}
.nursing #header > .controle > .font dl dd ul li.select a {
	background: #00468C;
}
.nursing #header > .controle > .font dl dd ul li a,
.nursing #header > .controle > .page-color dl dd ul li[data-color="basic"] a {
	background: #FF7A45;
}
.nursing #header > .controle > .page-color dl dd ul li[data-color="dark"] a {
	background: #00468C;
}
.nursing #home-btn a,
.nursing #menu-btn a {
	background: #00468C;
}


/****************************************************************************************************
footer
****************************************************************************************************/
.hospital #footer {
	background-image:
		url(../img/top/footer-bg1.png),
		url(../img/top/footer-bg2.png);
	color: #FFF;
}
.hospital #footer a {
	color: #FFF;
}
.hospital #pagetop a::before {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

.local #footer {
	background-image:
		url(../img/local/footer-bg1.png),
		url(../img/local/footer-bg2.png);
}
.local #footer a {
	color: #85B200;
}
.local #pagetop a::before {
	border-top: 1px solid #85B200;
	border-left: 1px solid #85B200;
}

.education #footer {
	background-image:
		url(../img/education/footer-bg1.png),
		url(../img/education/footer-bg2.png);
}
.education #footer a {
	color: #0080FF;
}
.education #pagetop a::before {
	border-top: 1px solid #0080FF;
	border-left: 1px solid #0080FF;
}

.nursing #footer {
	background-image:
		url(../img/nursing/footer-bg1.png),
		url(../img/nursing/footer-bg2.png);
}
.nursing #footer a {
	color: #FF7A4D;
}
.nursing #pagetop a::before {
	border-top: 1px solid #FF966F;
	border-left: 1px solid #FF966F;
}



/****************************************************************************************************
main
****************************************************************************************************/
#main {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
#main-logo {
	position: relative;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px);
}
#main-logo2,
#main-logo3 {
	position: absolute;
	left: 0;
	top: 0;
}
#main-img,
#sub-img {
	position: absolute;
	width: 2500px;
	height: 738px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#main .blue { background: #00008C; }
#main .white { background: #FFF; }
#main .gray { background: #DDD; }
#main .yellow { background: #FF0; }
.local #main .blue { background: #00008C; }
.local #main .white { background: #8BC131; }
.local #main .gray { background: #DDD; }
.local #main .yellow { background: #FF0; }
.education #main .blue { background: #00008C; }
.education #main .white { background: #006DD9; }
.education #main .gray { background: #DDD; }
.education #main .yellow { background: #FF0; }
.nursing #main .blue { background: #00468C; }
.nursing #main .white { background: #FF905E; }
.nursing #main .gray { background: #DDD; }
.nursing #main .yellow { background: #FF0; }
#main-img div,
#sub-img div {
	position: absolute;
	opacity: 0;
	transform-origin: 50% 50%;
	transform: scale(0.9);
	border-radius: 5px;
}
.rect0 { left: 0px; top: 161px; width: 23px; height: 69px; }
.rect1 { left: 13px; top: 261px; width: 23px; height: 69px; }
.rect2 { left: 13px; top: 532px; width: 23px; height: 69px; }
.rect3 { left: 41px; top: 261px; width: 23px; height: 69px; }
.rect4 { left: 51px; top: 488px; width: 23px; height: 69px; }
.rect5 { left: 69px; top: 261px; width: 23px; height: 69px; }
.rect6 { left: 69px; top: 335px; width: 23px; height: 69px; }
.rect7 { left: 79px; top: 525px; width: 23px; height: 69px; }
.rect8 { left: 96px; top: 177px; width: 23px; height: 69px; }
.rect9 { left: 124px; top: 194px; width: 23px; height: 69px; }
.rect10 { left: 124px; top: 297px; width: 23px; height: 69px; }
.rect11 { left: 124px; top: 490px; width: 23px; height: 139px; }
.rect12 { left: 138px; top: 118px; width: 23px; height: 69px; }
.rect13 { left: 152px; top: 297px; width: 23px; height: 69px; }
.rect14 { left: 159px; top: 539px; width: 23px; height: 69px; }
.rect15 { left: 180px; top: 223px; width: 23px; height: 69px; }
.rect16 { left: 180px; top: 297px; width: 23px; height: 69px; }
.rect17 { left: 233px; top: 205px; width: 23px; height: 69px; }
.rect18 { left: 234px; top: 321px; width: 23px; height: 69px; }
.rect19 { left: 262px; top: 321px; width: 23px; height: 69px; }
.rect20 { left: 278px; top: 495px; width: 23px; height: 69px; }
.rect21 { left: 290px; top: 247px; width: 23px; height: 69px; }
.rect22 { left: 290px; top: 321px; width: 23px; height: 69px; }
.rect23 { left: 306px; top: 539px; width: 23px; height: 69px; }
.rect24 { left: 329px; top: 169px; width: 23px; height: 139px; }
.rect25 { left: 334px; top: 499px; width: 23px; height: 69px; }
.rect26 { left: 357px; top: 263px; width: 23px; height: 69px; }
.rect27 { left: 357px; top: 373px; width: 23px; height: 69px; }
.rect28 { left: 385px; top: 373px; width: 23px; height: 69px; }
.rect29 { left: 385px; top: 527px; width: 23px; height: 69px; }
.rect30 { left: 413px; top: 299px; width: 23px; height: 69px; }
.rect31 { left: 413px; top: 373px; width: 23px; height: 69px; }
.rect32 { left: 445px; top: 458px; width: 23px; height: 69px; }
.rect33 { left: 466px; top: 296px; width: 23px; height: 139px; }
.rect34 { left: 498px; top: 328px; width: 23px; height: 69px; }
.rect35 { left: 508px; top: 100px; width: 23px; height: 139px; }
.rect36 { left: 517px; top: 502px; width: 23px; height: 69px; }
.rect37 { left: 540px; top: 259px; width: 23px; height: 69px; }
.rect38 { left: 562px; top: 458px; width: 23px; height: 69px; }
.rect39 { left: 586px; top: 230px; width: 23px; height: 139px; }
.rect40 { left: 626px; top: 259px; width: 23px; height: 69px; }
.rect41 { left: 635px; top: 362px; width: 23px; height: 69px; }
.rect42 { left: 673px; top: 230px; width: 23px; height: 139px; }
.rect43 { left: 681px; top: 494px; width: 23px; height: 69px; }
.rect44 { left: 681px; top: 568px; width: 23px; height: 69px; }
.rect45 { left: 706px; top: 201px; width: 23px; height: 69px; }
.rect46 { left: 709px; top: 494px; width: 23px; height: 69px; }
.rect47 { left: 743px; top: 246px; width: 23px; height: 139px; }
.rect48 { left: 754px; top: 471px; width: 23px; height: 69px; }
.rect49 { left: 754px; top: 545px; width: 23px; height: 69px; }
.rect50 { left: 771px; top: 282px; width: 23px; height: 139px; }
.rect51 { left: 782px; top: 471px; width: 23px; height: 69px; }
.rect52 { left: 805px; top: 184px; width: 23px; height: 69px; }
.rect53 { left: 838px; top: 106px; width: 23px; height: 69px; }
.rect54 { left: 838px; top: 287px; width: 23px; height: 69px; }
.rect55 { left: 838px; top: 453px; width: 23px; height: 69px; }
.rect56 { left: 838px; top: 528px; width: 23px; height: 69px; }
.rect57 { left: 874px; top: 453px; width: 23px; height: 69px; }
.rect58 { left: 894px; top: 303px; width: 23px; height: 69px; }
.rect59 { left: 924px; top: 107px; width: 23px; height: 139px; }
.rect60 { left: 926px; top: 377px; width: 23px; height: 69px; }
.rect61 { left: 926px; top: 451px; width: 23px; height: 69px; }
.rect62 { left: 955px; top: 377px; width: 23px; height: 69px; }
.rect63 { left: 1538px; top: 299px; width: 23px; height: 69px; }
.rect64 { left: 1538px; top: 373px; width: 23px; height: 69px; }
.rect65 { left: 1566px; top: 373px; width: 23px; height: 69px; }
.rect66 { left: 1566px; top: 527px; width: 23px; height: 69px; }
.rect67 { left: 1594px; top: 263px; width: 23px; height: 69px; }
.rect68 { left: 1594px; top: 373px; width: 23px; height: 69px; }
.rect69 { left: 1617px; top: 499px; width: 23px; height: 69px; }
.rect70 { left: 1622px; top: 169px; width: 23px; height: 139px; }
.rect71 { left: 1645px; top: 539px; width: 23px; height: 69px; }
.rect72 { left: 1661px; top: 247px; width: 23px; height: 69px; }
.rect73 { left: 1661px; top: 321px; width: 23px; height: 69px; }
.rect74 { left: 1673px; top: 495px; width: 23px; height: 69px; }
.rect75 { left: 1689px; top: 321px; width: 23px; height: 69px; }
.rect76 { left: 1717px; top: 321px; width: 23px; height: 69px; }
.rect77 { left: 1718px; top: 205px; width: 23px; height: 69px; }
.rect78 { left: 1771px; top: 223px; width: 23px; height: 69px; }
.rect79 { left: 1771px; top: 297px; width: 23px; height: 69px; }
.rect80 { left: 1792px; top: 539px; width: 23px; height: 69px; }
.rect81 { left: 1799px; top: 297px; width: 23px; height: 69px; }
.rect82 { left: 1813px; top: 118px; width: 23px; height: 69px; }
.rect83 { left: 1827px; top: 194px; width: 23px; height: 69px; }
.rect84 { left: 1827px; top: 297px; width: 23px; height: 69px; }
.rect85 { left: 1827px; top: 490px; width: 23px; height: 139px; }
.rect86 { left: 1855px; top: 177px; width: 23px; height: 69px; }
.rect87 { left: 1872px; top: 525px; width: 23px; height: 69px; }
.rect88 { left: 1882px; top: 261px; width: 23px; height: 69px; }
.rect89 { left: 1882px; top: 335px; width: 23px; height: 69px; }
.rect90 { left: 1900px; top: 488px; width: 23px; height: 69px; }
.rect91 { left: 1910px; top: 261px; width: 23px; height: 69px; }
.rect92 { left: 1938px; top: 261px; width: 23px; height: 69px; }
.rect93 { left: 1938px; top: 532px; width: 23px; height: 69px; }
.rect94 { left: 1951px; top: 161px; width: 23px; height: 69px; }
.rect95 { left: 1966px; top: 495px; width: 23px; height: 69px; }
.rect96 { left: 1979px; top: 213px; width: 23px; height: 69px; }
.rect97 { left: 1987px; top: 125px; width: 23px; height: 69px; }
.rect98 { left: 2036px; top: 217px; width: 23px; height: 139px; }
.rect99 { left: 2068px; top: 377px; width: 23px; height: 69px; }
.rect100 { left: 2097px; top: 377px; width: 23px; height: 69px; }
.rect101 { left: 2097px; top: 451px; width: 23px; height: 69px; }
.rect102 { left: 2099px; top: 107px; width: 23px; height: 139px; }
.rect103 { left: 2129px; top: 303px; width: 23px; height: 69px; }
.rect104 { left: 2149px; top: 453px; width: 23px; height: 69px; }
.rect105 { left: 2185px; top: 106px; width: 23px; height: 69px; }
.rect106 { left: 2185px; top: 287px; width: 23px; height: 69px; }
.rect107 { left: 2185px; top: 453px; width: 23px; height: 69px; }
.rect108 { left: 2185px; top: 528px; width: 23px; height: 69px; }
.rect109 { left: 2218px; top: 184px; width: 23px; height: 69px; }
.rect110 { left: 2241px; top: 471px; width: 23px; height: 69px; }
.rect111 { left: 2252px; top: 282px; width: 23px; height: 139px; }
.rect112 { left: 2269px; top: 471px; width: 23px; height: 69px; }
.rect113 { left: 2269px; top: 545px; width: 23px; height: 69px; }
.rect114 { left: 2280px; top: 246px; width: 23px; height: 139px; }
.rect115 { left: 2314px; top: 494px; width: 23px; height: 69px; }
.rect116 { left: 2317px; top: 201px; width: 23px; height: 69px; }
.rect117 { left: 2342px; top: 494px; width: 23px; height: 69px; }
.rect118 { left: 2342px; top: 568px; width: 23px; height: 69px; }
.rect119 { left: 2350px; top: 230px; width: 23px; height: 139px; }
.rect120 { left: 2388px; top: 362px; width: 23px; height: 69px; }
.rect121 { left: 2397px; top: 259px; width: 23px; height: 69px; }
.rect122 { left: 2437px; top: 230px; width: 23px; height: 139px; }
.rect123 { left: 2461px; top: 458px; width: 23px; height: 69px; }
#scroll {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, calc(-50% + 120px));
	transform: translate(-50%, calc(-50% + 120px));
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-size: 0.666rem;
	margin: auto;
}
#scroll a {
	display: block;
	padding: 0 2em;
	color: #FFF;
	text-decoration: none;
}
#scroll a::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 40px;
	margin-top: 1em;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	-webkit-transform: translate(2px, 0) skew(0, -45deg);
	transform: translate(2px, 0) skew(0, -45deg);
	transform-origin: left bottom;
}
.local #scroll a {
	color: #85B200;
}
.education #scroll {
	-webkit-transform: translate(0, 160px);
	transform: translate(0, 160px);
}
.education #scroll a {
	color: #006DD9;
}
.nursing #scroll a {
	color: #FF7A4D;
}
.local #scroll a::after {
	border-color: #85B200;
}
.education #scroll a::after {
	border-color: #0090E2;
}
.nursing #scroll a::after {
	border-color: #FF7A4D;
}



/****************************************************************************************************
wrap
****************************************************************************************************/
#wrap {
	width: 1265px;
	margin: auto;
	margin-top: -100px;
	padding-top: 100px;
}



/****************************************************************************************************
covid-19
****************************************************************************************************/
#covid-19 {
}
#covid-19 a {
	position: relative;
	display: block;
	padding: 32px;
	background: #00BEFF;
	text-decoration: none;
}
#covid-19 a h2 {
	color: #FFFF00;
	font-size: 2.266rem;
}
#covid-19 a ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: -0.1rem -0.5em;
	margin-top: 0.7em;
	color: #FFFFFF;
	font-size: 1.2rem;
	line-height: 1.6;
}
#covid-19 a ul li {
	margin: 0.1rem 0.5em;
}
#covid-19 a::after {
	position: absolute;
	right: 35px;
	bottom: 32px;
	content: "";
	display: inline-block;
	width: 44px;
	height: 13px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	-webkit-transform: skew(45deg, 0);
	transform: skew(45deg, 0);
	transform-origin: right bottom;
}

#local-lead a {
	position: relative;
	display: block;
	padding: 50px;
	background: #EEEEEE;
	text-decoration: none;
}
#local-lead a h2 {
	color: #85B200;
	font-size: 2.266rem;
	line-height: 1.2;
}
#local-lead a::after {
	position: absolute;
	right: 35px;
	bottom: 32px;
	content: "";
	display: inline-block;
	width: 44px;
	height: 13px;
	border-right: 1px solid #85B200;
	border-bottom: 1px solid #85B200;
	-webkit-transform: skew(45deg, 0);
	transform: skew(45deg, 0);
	transform-origin: right bottom;
}
#education-lead h2 {
	color: #006ADC;
	font-size: 2.266rem;
	line-height: 1.2;
}
#nursing-lead h2 {
	color: #FF794C;
	font-size: 2.4rem;
	line-height: 1.2;
}
#nursing-lead p {
	margin-top: 1.8rem;
	line-height: 1.8;
}



/****************************************************************************************************
contents
****************************************************************************************************/
#contents {
	margin: 80px 0 0 0;
}
#contents-ttl h2 {
	color: #FFF;
	font-size: 1.866rem;
	font-weight: normal;
}
.local #contents-ttl h2,
.education #contents-ttl h2 {
	color: #000066;
}
.nursing #contents-ttl h2 {
	color: #00468C;
}
#contents-body {
	margin-top: 40px;
}

/******************************
main-panel
******************************/
#main-panel ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#main-panel ul li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 305px;
	min-height: 305px;
}
#main-panel ul li.slide-wrap {
	position: relative;
	display: block;
	width: 625px;
}
#wrap .bx-prev,
#wrap .bx-next {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 46px;
	height: 46px;
	top: 50%;
	left: 15px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 100;
	background: rgba(0,0,102,.7);
	border-radius: 50%;
	text-indent: -9999px;
}
.dark #wrap .bx-prev,
.dark #wrap .bx-next {
	background: rgba(0,0,102,.7) !important;
}
.nursing #wrap .bx-prev,
.nursing #wrap .bx-next {
	background: rgba(0,70,140,.7);
}
.dark.nursing #wrap .bx-prev,
.dark.nursing #wrap .bx-next {
	background: rgba(0,70,140,.7) !important;
}
#wrap .bx-next {
	left: auto;
	right: 15px;
}
.bx-prev::after,
.bx-next::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 19px;
	height: 8px;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	-webkit-transform: translate(0, -3px) skew(-45deg, 0);
	transform: translate(0, -3px) skew(-45deg, 0);
	transform-origin: left bottom;
}
.bx-next::after {
	border-left: none;
	border-right: 1px solid #FFF;
	-webkit-transform: translate(0, -3px) skew(45deg, 0);
	transform: translate(0, -3px) skew(45deg, 0);
	transform-origin: right bottom;
}
.bx-pager {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	left: 50%;
	bottom: 20px;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 100;
}
.bx-pager .bx-pager-item + .bx-pager-item {
	margin-left: 6px;
}
.bx-pager .bx-pager-item a {
	display: block;
	width: 6px;
	height: 6px;
	background: rgba(255,255,255,.5);
	border-radius: 50%;
	text-indent: -9999px;
}
.dark #wrap .bx-pager .bx-pager-item a {
	background: rgba(255,255,255,.5) !important;
}
.bx-pager .bx-pager-item a.active {
	background: rgba(255,255,255,1);
}
#main-panel ul li.double {
	width: 625px;
	background: #000066;
}
#main-panel ul li + li {
	margin-left: 15px;
}
#main-panel ul li:nth-of-type(3n+1) {
	margin-left: 0;
}
#main-panel ul li:nth-of-type(n+4) {
	margin-top: 15px;
}
#main-panel {
	color: #FFF;
}
#main-panel ul li a {
	color: #FFF;
	text-decoration: none;
}
#main-panel ul li > a,
#main-panel ul li .reception {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	background: #000066;
}
.local #main-panel ul li:nth-of-type(1) > a,
.local #main-panel ul li:nth-of-type(5) > a {
	background: #8CBF3D;
}
.education #main-panel ul li:nth-of-type(1) > a,
.education #main-panel ul li:nth-of-type(5) > a {
	background: #006DD9;
}
.nursing #main-panel ul li.double,
.nursing #main-panel ul li > a,
.nursing #main-panel ul li .reception {
	background: #00468C;
}
.nursing  #main-panel ul li:nth-of-type(1) > a,
.nursing  #main-panel ul li:nth-of-type(5) > a {
	background: #FF9064;
}
#main-panel ul li .reception {
	-webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: left;
	padding: 40px;
	width: 100%;
}
#main-panel ul li a h3,
#main-panel ul li .reception h3 {
	font-size: 2.133rem;
}
#main-panel ul li a h3 .supplement,
#main-panel ul li .reception h3 .supplement {
	display: block;
	margin-top: 0.8em;
	font-size: 1.2rem;
	font-weight: normal;
}
#main-panel ul li a h3 .english,
#main-panel ul li .reception h3 .english {
	display: block;
	margin-top: 2.6em;
	font-size: 0.666rem;
	font-weight: normal;
}
#main-panel > ul > li > a::after {
	position: absolute;
	right: 40px;
	bottom: 39px;
	content: "";
	display: inline-block;
	width: 44px;
	height: 13px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	-webkit-transform: skew(45deg, 0);
	transform: skew(45deg, 0);
	transform-origin: right bottom;
}
#main-panel ul li .reception-box a {
	display: block;
}
#main-panel ul li .reception-box a::after {
	position: absolute;
	right: 0;
	bottom: 50%;
	content: "";
	display: inline-block;
	width: 24px;
	height: 8px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	-webkit-transform: skew(45deg, 0);
	transform: skew(45deg, 0);
	transform-origin: right bottom;
}
.reception-box {
	position: relative;
	width: 100%;
	margin-top: 22px;
}
.reception-box + .reception-box {
	margin-top: 20px;
}
.reception-box dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.6;
}
.reception-box a {
	padding-right: 30px;
}
.reception-box dl dt {
	position:relative;
	min-width: 6.6em;
}
.reception-box dl dt::before {
	content: "●";
}
.reception-box dl dt::after {
	position: absolute;
	display: inline-block;
	right: 0;
	margin: 0 0.3em;
	content: "／";
}
.reception-box dl dd {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.js-link {
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	transition: opacity 300ms;
}
.js-link:hover {
	opacity: .5;
}

/******************************
contents-second
******************************/
#contents-second {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 80px;
}
#contents-second #news {
	width: 625px;
	padding: 27px 35px 0 35px;
	background: #FFF;
}
.local #contents-second #news,
.education #contents-second #news,
.nursing #contents-second #news {
	background: #EEEEEE;
}
#news-ttl {
}
#news-ttl h3 {
	color: #000066;
	font-size: 1.6rem;
	line-height: 1.2;
}
.nursing #news-ttl h3 {
	color: #00468C;
}
#news-ttl .english {
	display: block;
	margin-top: 0.3em;
	color: #000000;
	font-size: 0.666rem;
	font-weight: normal;
	line-height: 1.6;
}
#news-tab {
	margin: 25px 0 0 0;
}
#news-tab ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#news-tab ul li + li {
	margin-left: 1.5em;
}
#news-tab ul li a {
	color: #00ACFF;
	text-decoration: none;
}
#news-tab ul li.select a,
.local #news-tab ul li.select a,
.education #news-tab ul li.select a {
	color: #000066;
}
.nursing #news-tab ul li.select a {
	color: #00468C;
}
#news-body {
	margin: 10px 0 0 0;
	padding: 1.8em 0;
	border-top: 1px solid #00BFFF;
	border-bottom: 1px solid #00BFFF;
	line-height: 1.6;
	text-align: left;
	overflow: scroll;
}
#news-body .category-block {
	display: none;
}
#news-body .category-block.select {
	display: block;
}
#news-body dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#news-body dl + dl {
	margin-top: 0.8em;
}
#news-body dl dt {
	color: #00AFFF;
	font-weight: bold;
}
#news-body dl dd {
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	margin-left: 1em;
}
#news-body a {
	color: #000;
	text-decoration: none;
}
#news-link {
}
#news-link a {
	position: relative;
	display: block;
	padding: 22px 0 30px 0;
	text-indent: -9999px;
}
#news-link a::after {
	position: absolute;
	content: "";
	display: inline-block;
	left: 0;
	right: 0;
	margin: auto;
	width: 44px;
	height: 13px;
	border-right: 1px solid #00BFFF;
	border-bottom: 1px solid #00BFFF;
	-webkit-transform: skew(45deg, 0);
	transform: skew(45deg, 0);
	transform-origin: right bottom;
}
.local #news-tab ul li a {
	color: #688C00;
}
.local #news-body {
	border-color: rgba(0,0,140,.5);
}
.local #news-body dl dt {
	color: #688C00;
}
.local #news-link a::after {
	border-color: #85B200;
}
.education #news-tab ul li a {
	color: #006CD8;
}
.education #news-body {
	border-color: #0080FF;
}
.education #news-body dl dt {
	color: #006CD8;
}
.education #news-link a::after {
	border-color: #0080FF;
}
.nursing #news-tab ul li a {
	color: #FF7A4D;
}
.nursing #news-body {
	border-color: #FF5C26;
}
.nursing #news-body dl dt {
	color: #FF7A4D;
}
.nursing #news-link a::after {
	border-color: #FF5C26;
}


#contents-second #link {
	width: 625px;
	margin-left: 15px;
}
#contents-second #link ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -7px -7px -8px -8px;
}
#contents-second #link ul li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 305px;
	margin: 7px 7px 8px 8px;
}

#contents-second #link ul li.wide-local,
#contents-second #link ul li.wide-nursing {
	width: 625px;
}
#contents-second #link ul li.wide-local a {
	-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	padding-left: 30px;
	padding-right: 30px;
	background: #FFFFDE;
}
#contents-second #link ul li.wide-local a h3 {
	white-space: nowrap;
}
#contents-second #link ul li.wide-local a p {
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #85B200;
	color: #000000;
	line-height: 1.6;
	text-align: left;
}
#contents-second #link ul li.jadecom {
	width: 625px;
}
#contents-second #link ul li.jadecom a {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 35px;
	text-align: left;
}
#contents-second #link ul li.jadecom a img {
}
#contents-second #link ul li.jadecom a h3 {
	margin-top: 1em;
	color: #223E97;
	font-size: 1.2rem;
	line-height: 1.4;
}
#contents-second #link ul li.jadecom a p {
	margin-top: 0.5em;
	color: #000000;
	line-height: 1.6;
}
.nursing #contents-second #link ul li.wide-nursing a {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-left: 30px;
	padding-right: 30px;
	background: #FFFFDE;
	border-color: #FF7A4D;
	text-align: left;
}
#contents-second #link ul li.wide-nursing a h3 {
	color: #FF7A4D;
	font-size: 1.6rem;
}
#contents-second #link ul li.wide-nursing a h3 .date {
	display: block;
	color: #000;
	font-size: 1.0rem;
	font-weight: normal;
	line-height: 1.6;
}

#contents-second #link ul li a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 27px 15px;
	width: 100%;
	background: #FFF;
	color: #000067;
	text-decoration: none;
}
#contents-second #link ul li a::after {
	position: absolute;
	right: 20px;
	bottom: 19px;
	content: "";
	display: inline-block;
	width: 24px;
	height: 8px;
	border-right: 1px solid #00BFFF;
	border-bottom: 1px solid #00BFFF;
	-webkit-transform: skew(45deg, 0);
	transform: skew(45deg, 0);
	transform-origin: right bottom;
}
#contents-second #link ul li a h3 {
	font-size: 1.6rem;
	line-height: 1.2;
}
#contents-second #link ul li a h3.small {
	font-size: 1.466rem;
}
#contents-second #link ul li a h3.xsmall {
	font-size: 1.266rem;
}
#contents-second #link ul li a h3 .english {
	display: block;
	margin-top: 0.3em;
	color: #000000;
	font-size: 0.666rem;
	font-weight: normal;
	line-height: 1.6;
}
.nursing #contents-second #link ul li a {
	color: #00468C;
}
.local #contents-second #link ul li a,
.education #contents-second #link ul li a {
	border: 1px solid #000066;
}
.nursing #contents-second #link ul li a {
	border: 1px solid #00448E;
}
.local #contents-second #link ul li a::after {
	border-color: #85B200;
}
.education #contents-second #link ul li a::after {
	border-color: #00A0E1;
}
.nursing #contents-second #link ul li a::after {
	border-color: #FF5C26;
}
#contents-second #link ul li.hospital a,
#contents-second #link ul li.local a,
#contents-second #link ul li.education a,
#contents-second #link ul li.nursing a {
	background: #000068;
	border: none;
	color: #FFF;
}
.nursing #contents-second #link ul li.hospital a,
.nursing #contents-second #link ul li.local a,
.nursing #contents-second #link ul li.education a,
.nursing #contents-second #link ul li.nursing a {
	background: #00468C;
}
#contents-second #link ul li.hospital a::after,
#contents-second #link ul li.local a::after,
#contents-second #link ul li.education a::after,
#contents-second #link ul li.nursing a::after {
	border-right: 1px solid #00BFFF;
	border-bottom: 1px solid #00BFFF;
}
.local #contents-second #link ul li.hospital a::after,
.local #contents-second #link ul li.local a::after,
.local #contents-second #link ul li.education a::after,
.local #contents-second #link ul li.nursing a::after,
.education #contents-second #link ul li.hospital a::after,
.education #contents-second #link ul li.local a::after,
.education #contents-second #link ul li.education a::after,
.education #contents-second #link ul li.nursing a::after,
.nursing #contents-second #link ul li.hospital a::after,
.nursing #contents-second #link ul li.local a::after,
.nursing #contents-second #link ul li.education a::after,
.nursing #contents-second #link ul li.nursing a::after {
	border-color: #FFF;
}
#contents-second #link ul li.hospital a h3 .english,
#contents-second #link ul li.local a h3 .english,
#contents-second #link ul li.education a h3 .english,
#contents-second #link ul li.nursing a h3 .english {
	color: #FFF;
}
#contents-second #link ul li.hospital a::before,
#contents-second #link ul li.local a::before,
#contents-second #link ul li.education a::before,
#contents-second #link ul li.nursing a::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 28px 0 0;
}
#contents-second #link ul li.hospital a::before {
    border-color: #26C9FF transparent transparent transparent;
}
#contents-second #link ul li.local a::before {
    border-color: #A2DB00 transparent transparent transparent;
}
#contents-second #link ul li.education a::before {
    border-color: #0040FF transparent transparent transparent;
}
#contents-second #link ul li.nursing a::before {
    border-color: #FF966F transparent transparent transparent;
}



/****************************************************************************************************
contents-sub
****************************************************************************************************/
#contents-sub {
	margin-top: 70px;
}
#contents-sub ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.4;
}
#contents-sub ul li {
	width: 260px;
}
#contents-sub ul li + li {
	margin-left: 15px;
}
#contents-sub ul li a {
	display: block;
	padding: 1em;
	background: #000068;
	color: #FFF;
	text-decoration: none;
}
#contents-sub ul li a::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 5px;
	margin-right: 0.3em;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	-webkit-transform: translate(0, -5px) skew(45deg, 0);
	transform: translate(0, -5px) skew(45deg, 0);
	transform-origin: right bottom;
}





@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	
	
	
	/****************************************************************************************************
	wayp
	****************************************************************************************************/
	.delay1 { transition-delay: 100ms; }
	.delay2 { transition-delay: 200ms; }
	.delay3 { transition-delay: 100ms; }
	.delay4 { transition-delay: 200ms; }
	
	
	
	/****************************************************************************************************
	main
	****************************************************************************************************/
	#main,
	.hospital #main,
	.local #main,
	.education #main,
	.nursing #main {
		background-size: 260vw auto;
	}
	#main svg {
		position: absolute;
		width: 240vw;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#main-logo {
		width: calc(41.6vw * 1.2);
		margin: auto;
		-webkit-transform: translate(0, -3vw);
		transform: translate(0, -3vw);
	}
	#scroll {
		-webkit-transform: translate(-50%, calc(-50% + 22vw));
		transform: translate(-50%, calc(-50% + 22vw));
	}
	#scroll a::after {
		width: calc(8vw / 5);
		height: calc(40vw / 5);
		-webkit-transform: translate(0, 0) skew(0, -45deg);
		transform: translate(0, 0) skew(0, -45deg);
	}
	
	
	
	/****************************************************************************************************
	wrap
	****************************************************************************************************/
	#wrap {
		width: 92vw;
		margin: auto;
		margin-top: -4vw;
		padding-top: 4vw;
	}
	
	
	
	/****************************************************************************************************
	covid-19
	****************************************************************************************************/
	#covid-19 a {
		padding: 6vw;
	}
	#covid-19 a h2 {
		font-size: 1.6rem;
	}
	#covid-19 a ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		font-size: 1.0rem;
	}
	#covid-19 a::after {
		right: 4vw;
		bottom: 4vw;
		width: calc(44vw / 5);
		height: calc(13vw / 5);
	}
	
	#local-lead a {
		padding: 6vw;
	}
	#local-lead a h2 {
		font-size: 1.6rem;
	}
	#local-lead a::after {
		right: 4vw;
		bottom: 4vw;
		width: calc(44vw / 5);
		height: calc(13vw / 5);
	}
	#education-lead h2 {
		font-size: 1.6rem;
	}
	#nursing-lead h2 {
		font-size: 1.8rem;
	}
	#nursing-lead p {
		font-size: 1.0rem;
	}
	
	
	
	/****************************************************************************************************
	contents
	****************************************************************************************************/
	#contents {
		margin: 10vw 0 0 0;
	}
	#contents-body {
		margin-top: 5vw;
	}
	
	/******************************
	main-panel
	******************************/
	#main-panel ul li {
		width: 45vw;
		min-height: 45vw;
	}
	#main-panel ul li.slide-wrap {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	#wrap .bx-prev,
	#wrap .bx-next {
		width: 8vw;
		height: 8vw;
		left: 3vw;
	}
	#wrap .bx-next {
		left: auto;
		right: 3vw;
	}
	#wrap .bx-prev::after,
	#wrap .bx-next::after {
		width: calc(19vw / 5);
		height: calc(8vw / 5);
		-webkit-transform: translate(0, -1vw) skew(-45deg, 0);
		transform: translate(0, -1vw) skew(-45deg, 0);
	}
	#wrap .bx-next::after {
		-webkit-transform: translate(0, -1vw) skew(45deg, 0);
		transform: translate(0, -1vw) skew(45deg, 0);
	}
	.bx-pager {
		bottom: 4vw;
	}
	.bx-pager .bx-pager-item + .bx-pager-item {
		margin-left: 2vw;
	}
	.bx-pager .bx-pager-item a {
		width: 2vw;
		height: 2vw;
	}
	#main-panel ul li.double {
		width: 100%;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}
	#main-panel ul li + li {
		margin-left: 2vw;
	}
	#main-panel ul li:nth-of-type(3),
	#main-panel ul li:nth-of-type(4),
	#main-panel ul li:nth-of-type(6) {
		margin-left: 0;
	}
	#main-panel ul li:nth-of-type(n+3) {
		margin-top: 2vw;
	}
	#main-panel ul li > a,
	#main-panel ul li .reception {
		width: 100%;
	}
	#main-panel ul li .reception {
		padding: 6vw;
	}
	#main-panel ul li a h3,
	#main-panel ul li .reception h3 {
		font-size: 1.4rem;
	}
	#main-panel ul li a h3 .supplement,
	#main-panel ul li .reception h3 .supplement {
		font-size: 0.733rem;
	}
	#main-panel ul li a h3 .english,
	#main-panel ul li .reception h3 .english {
		font-size: 0.6rem;
	}
	#main-panel > ul > li > a::after {
		right: 4vw;
		bottom: 4vw;
		width: calc(44vw / 5);
		height: calc(13vw / 5);
	}
	#main-panel ul li .reception-box a::after {
		width: calc(24vw / 5);
		height: calc(8vw / 5);
	}
	.reception-box {
		margin-top: 5vw;
		font-size: 0.866rem;
	}
	.reception-box + .reception-box {
		margin-top: 4vw;
	}
	.reception-box a {
		padding-right: calc(30vw / 5);
	}
	
	/******************************
	contents-second
	******************************/
	#contents-second {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 10vw;
	}
	#contents-second #news {
		width: 100%;
		padding: 6vw 6vw 0 6vw;
	}
	#news-ttl {
	}
	#news-ttl h3 {
		font-size: 1.4rem;
	}
	#news-ttl .english {
		font-size: 0.533rem;
	}
	#news-tab {
		margin: 5vw 0 0 0;
	}
	#news-tab ul {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 0.866rem;
	}
	#news-tab ul li + li {
		margin-left: 0.8em;
	}
	#news-body {
		margin: 3vw 0 0 0;
		padding: 1.5em 0;
		font-size: 0.866rem;
	}
	#news-link a {
		padding: 5vw 0 6vw 0;
	}
	#news-link a::after {
		width: calc(44vw / 5);
		height: calc(13vw / 5);
	}
	
	
	#contents-second #link {
		width: 100%;
		margin: 4vw 0 0 0;
	}
	#contents-second #link ul {
		margin: -1vw;
	}
	#contents-second #link ul li {
		width: 45vw;
		margin: 1vw;
	}
	#contents-second #link ul li a {
		padding: 4vw 2vw;
	}
	#contents-second #link ul li a::after {
		right: 3vw;
		bottom: 3vw;
		width: calc(24vw / 5);
		height: calc(8vw / 5);
	}
	#contents-second #link ul li a h3 {
		font-size: 1.133rem;
	}
	#contents-second #link ul li a h3.small {
		font-size: 1.0rem;
	}
	#contents-second #link ul li a h3.xsmall {
		font-size: 0.8rem;
	}
	#contents-second #link ul li a h3 .english {
		font-size: 0.466rem;
	}
	#contents-second #link ul li.hospital a::before,
	#contents-second #link ul li.local a::before,
	#contents-second #link ul li.education a::before,
	#contents-second #link ul li.nursing a::before {
		border-width: 4vw 4vw 0 0;
	}
		
	
	#contents-second #link ul li.wide-local,
	#contents-second #link ul li.wide-nursing {
		width: 100%;
	}
	#contents-second #link ul li.wide-local a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 6vw;
	}
	#contents-second #link ul li.wide-local a p {
		margin: 1em 0 0 0;
		padding: 1em 0 0 0;
		border-top: 1px solid #85B200;
		border-left: none;
		font-size: 0.866rem;
	}
	#contents-second #link ul li.jadecom {
		width: 100%;
	}
	#contents-second #link ul li.jadecom a {
		padding: 5vw;
	}
	#contents-second #link ul li.jadecom a img {
		width: 70vw;
	}
	#contents-second #link ul li.jadecom a h3 {
		font-size: 1.2rem;
	}
	.nursing #contents-second #link ul li.wide-nursing a {
		padding: 5vw;
	}
	#contents-second #link ul li.wide-nursing a h3 {
		font-size: 1.2rem;
	}
	
	
	
	/****************************************************************************************************
	contents-sub
	****************************************************************************************************/
	#contents-sub {
		margin-top: 10vw;
	}
	#contents-sub ul {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 0.733rem;
	}
	#contents-sub ul li {
		width: 45vw;
	}
	#contents-sub ul li + li {
		margin-left: 2vw;
	}
	#contents-sub ul li:nth-of-type(2n+1) {
		margin-left: 0;
	}
	#contents-sub ul li:nth-of-type(n+3) {
		margin-top: 2vw;
	}
	#contents-sub ul li a {
		padding: 1em 0.5;
	}
	#contents-sub ul li a::before {
		width: calc(15vw / 5);
		height: calc(5vw / 5);
		-webkit-transform: translate(0, -1vw) skew(45deg, 0);
		transform: translate(0, -1vw) skew(45deg, 0);
	}
}