<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */


/* --------------- */
/* グランドメニュー */
/* --------------- */
#grandmenu {
   position: fixed;
   top: 0;
   left: 0;
   background-color: rgba(255, 255, 255, 0);
   width: 180px;
   transition: 0.6s cubic-bezier(0.83, 0, 0.17, 1);
   height: 100vh;
   z-index: 5000;
   box-shadow: 2px 10px 15px rgb(0, 0, 0, 0);
}
@media screen and (max-width: 743px) {
#grandmenu {
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   background-color: rgba(255, 255, 255, 1);
   width: 100%;
   transition: 0.6s cubic-bezier(0.83, 0, 0.17, 1);
   height: 60px;
   box-shadow: 0;
} 
}

#page #grandmenu {
   background-color: rgba(255, 255, 255, 1.0);
   box-shadow: 2px 10px 15px rgb(0, 0, 0, 0.15);
}

/* 固定時 */
.fixed #grandmenu {
   background-color: rgba(255, 255, 255, 1.0);
   box-shadow: 2px 10px 15px rgb(0, 0, 0, 0.15);
}
@media screen and (max-width: 743px) {
.fixed #grandmenu {
   background-color: rgba(255, 255, 255, 1.0);
   box-shadow: 0 0 5px rgb(0, 0, 0, 0.15);
}	
}

/* オープン時 */
.open #grandmenu,
#page.open #grandmenu{
   width: 630px;
   background-color: #34508c;
}

@media screen and (max-width: 743px) {
.open #grandmenu,
#page.open #grandmenu{
   width: 100%;
   background-color: #34508c;
}
}


/* --------------- */
/* ハンバーガメニュー */
/* --------------- */
/* 通常時 */
#nav_toggle {
   position: fixed;
   top: 50%;
   left: 40px;
   transform: translateY(-50%);
   display: block;
   width: 100px;
   height: 100px;
   cursor: pointer;
   z-index: 500;
   background-color: #34508c;
   border-radius: 50%;
   box-shadow: 0 7px 15px rgb(0, 0, 0, 0.3);
   transition: 0.2s
}

#toggle-anime {
   position: fixed;
   top: calc(50% - 50px);
   left: 40px;
   transform: translateY(-50%);
   display: block;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   background-color: rgba(150,200,230,0.4);
   z-index: 499;
   opacity: 0;
}

#toggle-anime.hv {
   opacity: 0;
   animation: toggle-hover 2.5s infinite ease-in-out;
   transform-origin: center center;  
}

@keyframes toggle-hover {
  0% {opacity: 0; transform: scale(1)}
 50% {opacity: 1;}
100% {opacity: 0; transform: scale(1.3)}
}
@media screen and (max-width: 743px) {
#toggle-anime.hv {
   display: none;
} 
}

#nav_toggle::after {
   content: "";
   position: absolute;
   top: -119px;
   left: 15px;
   width: 110px;
   height: 140px;
   background-image: url("../img/common/icon-nav-01.png");
   background-repeat: no-repeat;
   transition: 0.4s;
   opacity: 1;
}

@media screen and (max-width: 743px) {
#nav_toggle {
   position: fixed;
   top: 0;
   left: auto;
	right: 0;
   transform: translateY(0);
   display: block;
   width: 60px;
   height: 60px;
   cursor: pointer;
   z-index: 1010;
   background-color: #34508c;
   border-radius: 0;
   box-shadow: none;
   transition: 0.2s;
}
#nav_toggle::after {
   content: "";
   position: absolute;
   top: auto;
   bottom: -14px;
   left: auto;
	right: 37px;
   width: 85px;
   height: 60px;
   background-image: url("../img/common/icon-nav-01sp.png");
	background-size: 85px 60px;
   background-repeat: no-repeat;
   transition: 0.2s;
   
   opacity: 1;
}
}

#page #nav_toggle,
.fixed #nav_toggle,
.open #nav_toggle {box-shadow: 0 7px 15px rgb(0, 0, 0, 0);}
.open #nav_toggle {border: 1px solid #ffffff}
@media screen and (max-width: 743px) {
.open #nav_toggle {border: none}	
}


#page #nav_toggle::after,
.fixed #nav_toggle::after {opacity: 1;}

.open #nav_toggle::after {
   background-image: url("../img/common/icon-nav-01-open.png");
   transition: 0s;
   top: -120px;
   left: 13px;
   opacity: 1;
}
@media screen and (max-width: 743px) {
.open #nav_toggle::after {
   content: "";
   position: absolute;
   top: auto;
   left: auto;
	right: 37px;
   bottom: -14px;
   width: 85px;
   height: 60px;
   background-image: url("../img/common/icon-nav-01-open_sp.png");
	background-size: 85px 60px;
   background-repeat: no-repeat;
   transition: 0.4s 0.2s;
   opacity: 1;
}
}


#nav_toggle span {
   display: block;
   position: absolute;
   height: 1px;
   width: 40px;
   left: 30px;
   background: #fff;
   -webkit-transition: .35s ease-in-out;
   -moz-transition: .35s ease-in-out;
   transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {top: 41px;}
#nav_toggle span:nth-child(2) {top: 50px;}
#nav_toggle span:nth-child(3) {top: 59px;}

.open #nav_toggle span:nth-child(1) {
   top: 50px;
   -webkit-transform: rotate(138deg);
   -moz-transform: rotate(138deg);
   transform: rotate(138deg);
   background: #fff;
}
.open #nav_toggle span:nth-child(2) {width: 0;}
.open #nav_toggle span:nth-child(3) {
   top: 50px;
   -webkit-transform: rotate(-138deg);
   -moz-transform: rotate(-138deg);
   transform: rotate(-138deg);
   background: #fff;
}


@media screen and (max-width: 743px) {
#nav_toggle span {
   display: block;
   position: absolute;
   height: 1px;
   width: 20px;
   left: 20px;
   background: #fff;
   -webkit-transition: .35s ease-in-out;
   -moz-transition: .35s ease-in-out;
   transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {top: 25px;}
#nav_toggle span:nth-child(2) {top: 30px;}
#nav_toggle span:nth-child(3) {top: 35px;}
	
.open #nav_toggle span:nth-child(1) {top: 30px;}
.open #nav_toggle span:nth-child(3) {top: 30px;}
}


#nav_toggle .blk-fukidashi {
   position: absolute;
   display: block;
   top: -115px;
   right: -25px;
   width: 62px;
   height: 62px;
   background-image: url("../img/common/icon-fukidashi-new01.png");
   animation: fukidashi 3s infinite ease-in-out;
   transform-origin: left bottom;
   transform: rotate(0);
}

.open #nav_toggle .blk-fukidashi {
   background-image: url("../img/common/icon-fukidashi-new02.png");
}
@media screen and (max-width: 743px) {
#nav_toggle .blk-fukidashi {
   position: absolute;
   display: block;
   top: 5px;
   right: 88px;
   width: 31px;
   height: 31px;
   background-image: url("../img/common/icon-fukidashi-new01sp.png");
   animation: fukidashi-sp 3s infinite ease-in-out;
   background-size: 31px;
   transform-origin: right bottom;
   transform: rotate(0);
} 
.open #nav_toggle .blk-fukidashi {
   background-image: url("../img/common/icon-fukidashi-new02sp.png");
}
}

@keyframes fukidashi {
  0% {transform: rotate(0);}
 50% {transform: rotate(15deg);}
100% {transform: rotate(0);}
}
@keyframes fukidashi-sp {
  0% {transform: rotate(0);}
 50% {transform: rotate(-15deg);}
100% {transform: rotate(0);}
}

/* --------------- */
/* ハンバーガメニュー内容 */
/* --------------- */
.subpost {
position: absolute; top:0; left:0;
opacity: 0;
transition: 0.6s 0.2s;
z-index:4901;
height:100%;
width:100%;
visibility: hidden;
background-repeat: no-repeat;
background-size: cover;
}

#sub-bg .bg-sub-care-01 {background-image: url("../img/navbg/care-01.jpg");}
#sub-bg .bg-sub-care-02 {background-image: url("../img/navbg/care-02.jpg");}
#sub-bg .bg-sub-care-03 {background-image: url("../img/navbg/care-03.jpg");}
#sub-bg .bg-sub-care-05 {background-image: url("../img/navbg/care-04.jpg");}
#sub-bg .bg-sub-hospitalinfo-01 {background-image: url("../img/navbg/hospitalinfo-01.jpg");}
#sub-bg .bg-sub-hospitalinfo-02 {background-image: url("../img/navbg/hospitalinfo-02.jpg");}
#sub-bg .bg-sub-hospitalinfo-03 {background-image: url("../img/navbg/hospitalinfo-03.jpg");}
#sub-bg .bg-sub-hospitalinfo-04 {background-image: url("../img/navbg/hospitalinfo-04.jpg");}
#sub-bg .bg-sub-hospitalinfo-05 {background-image: url("../img/navbg/hospitalinfo-05.jpg");}
#sub-bg .bg-sub-hospitalinfo-06 {background-image: url("../img/navbg/hospitalinfo-06.jpg");}
#sub-bg .bg-sub-hospitalinfo-07 {background-image: url("../img/navbg/hospitalinfo-07.jpg");}
#sub-bg .bg-sub-hospitalinfo-08 {background-image: url("../img/navbg/hospitalinfo-08.jpg");}
#sub-bg .bg-sub-hospitalinfo-09 {background-image: url("../img/navbg/hospitalinfo-09.jpg");}
#sub-bg .bg-sub-hospitalinfo-10 {background-image: url("../img/navbg/hospitalinfo-10.jpg");}
#sub-bg .bg-sub-hospitalinfo-11 {background-image: url("../img/navbg/hospitalinfo-11.jpg");}
#sub-bg .bg-sub-hospitalinfo-12 {background-image: url("../img/navbg/hospitalinfo-12.jpg");}
#sub-bg .bg-sub-outpatients-01 {background-image: url("../img/navbg/outpatients-01.jpg");}
#sub-bg .bg-sub-outpatients-02 {background-image: url("../img/navbg/outpatients-02.jpg");}
#sub-bg .bg-sub-outpatients-03 {background-image: url("../img/navbg/outpatients-03.jpg");}
#sub-bg .bg-sub-outpatients-04 {background-image: url("../img/navbg/outpatients-04.jpg");}
#sub-bg .bg-sub-outpatients-05 {background-image: url("../img/navbg/outpatients-05.jpg");}
#sub-bg .bg-sub-outpatients-06 {background-image: url("../img/navbg/outpatients-06.jpg");}
#sub-bg .bg-sub-hospitalization-01 {background-image: url("../img/navbg/hospitalization-01.jpg");}
#sub-bg .bg-sub-hospitalization-02 {background-image: url("../img/navbg/hospitalization-02.jpg");}
#sub-bg .bg-sub-hospitalization-03 {background-image: url("../img/navbg/hospitalization-03.jpg");}
#sub-bg .bg-sub-hospitalization-04 {background-image: url("../img/navbg/hospitalization-04.jpg");}
#sub-bg .bg-sub-hospitalization-05 {background-image: url("../img/navbg/hospitalization-05.jpg");}
#sub-bg .bg-sub-hospitalization-06 {background-image: url("../img/navbg/hospitalization-06.jpg");}
#sub-bg .bg-sub-magazine-01 {background-image: url("../img/navbg/magazine-01.jpg");}
#sub-bg .bg-sub-professional-01 {background-image: url("../img/navbg/professional-01.jpg");}
#sub-bg .bg-sub-professional-02 {background-image: url("../img/navbg/professional-02.jpg");}
#sub-bg .bg-sub-professional-03 {background-image: url("../img/navbg/dpt-18.jpg");}

#sub-bg .bg-sub-recruit-02 {background-image: url("../img/navbg/interview-01.jpg");}
#sub-bg .bg-sub-recruit-03 {background-image: url("../img/navbg/kurumin-01.jpg");}
#sub-bg .bg-sub-recruit-04 {background-image: url("../img/navbg/recruit-01.jpg");}
#sub-bg .bg-sub-recruit-05 {background-image: url("../img/navbg/entry-01.jpg");}

#sub-bg.interview01 .bg-sub-interview-01,
#sub-bg.recruit01 .bg-sub-recruit-01,
#sub-bg.entry01 .bg-sub-entry-01,
#sub-bg.care01 .bg-sub-care-01,
#sub-bg.care02 .bg-sub-care-02,
#sub-bg.care03 .bg-sub-care-03,
#sub-bg.care04 .bg-sub-care-04,
#sub-bg.care05 .bg-sub-care-05,
#sub-bg.hospitalinfo01 .bg-sub-hospitalinfo-01,
#sub-bg.hospitalinfo02 .bg-sub-hospitalinfo-02,
#sub-bg.hospitalinfo03 .bg-sub-hospitalinfo-03,
#sub-bg.hospitalinfo04 .bg-sub-hospitalinfo-04,
#sub-bg.hospitalinfo05 .bg-sub-hospitalinfo-05,
#sub-bg.hospitalinfo06 .bg-sub-hospitalinfo-06,
#sub-bg.hospitalinfo07 .bg-sub-hospitalinfo-07,
#sub-bg.hospitalinfo08 .bg-sub-hospitalinfo-08,
#sub-bg.hospitalinfo09 .bg-sub-hospitalinfo-09,
#sub-bg.hospitalinfo10 .bg-sub-hospitalinfo-10,
#sub-bg.hospitalinfo11 .bg-sub-hospitalinfo-11,
#sub-bg.hospitalinfo12 .bg-sub-hospitalinfo-12,
#sub-bg.outpatients01 .bg-sub-outpatients-01,
#sub-bg.outpatients02 .bg-sub-outpatients-02,
#sub-bg.outpatients03 .bg-sub-outpatients-03,
#sub-bg.outpatients04 .bg-sub-outpatients-04,
#sub-bg.outpatients05 .bg-sub-outpatients-05,
#sub-bg.outpatients06 .bg-sub-outpatients-06,
#sub-bg.hospitalization01 .bg-sub-hospitalization-01,
#sub-bg.hospitalization02 .bg-sub-hospitalization-02,
#sub-bg.hospitalization03 .bg-sub-hospitalization-03,
#sub-bg.hospitalization04 .bg-sub-hospitalization-04,
#sub-bg.hospitalization05 .bg-sub-hospitalization-05,
#sub-bg.hospitalization06 .bg-sub-hospitalization-06,
#sub-bg.community01 .bg-sub-magazine-01,
#sub-bg.professional01 .bg-sub-professional-01,
#sub-bg.professional02 .bg-sub-professional-02,
#sub-bg.professional03 .bg-sub-professional-03,
#sub-bg.interview01 .bg-sub-interview-01,
#sub-bg.recruit01 .bg-sub-recruit-01,
#sub-bg.recruit02 .bg-sub-recruit-02,
#sub-bg.recruit03 .bg-sub-recruit-03,
#sub-bg.recruit04 .bg-sub-recruit-04,
#sub-bg.recruit05 .bg-sub-recruit-05,
#sub-bg.entry01 .bg-sub-entry-01 {opacity: 1; visibility: visible;}



#nav-contents {
   display: none;
   position: absolute;
   top: 75px;
   left: 220px;
   width: 315px;
   opacity: 0;
   z-index: 1000;
}
.open #nav-contents {
   opacity: 0;
   display: block;
   left: 200px;
   animation: opennav 0.6s 0.4s;
   animation-fill-mode: forwards;
}

@keyframes opennav {
   0% {opacity: 0;}
   5% {opacity: 0;left: 220px;}
   100% {opacity: 1;left: 240px;}
}
@media screen and (max-width: 743px) {
.open #nav-contents {
   opacity: 0;
   display: block;
	top: 60px;
   left: 0;
   animation: opennav-sp 0.6s 0.4s;
   animation-fill-mode: forwards;
	height: calc(100vh - 50px );
	width: 100%;
	background-color: #34508c;
	border-top: 1px solid #fff;
   overflow-y: scroll;
   padding-bottom: 120px
}
}
@keyframes opennav-sp {
   0% {opacity: 0;}
   5% {opacity: 0;left: 0;}
   100% {opacity: 1;left: 0;}
}
#nav-contents .con-main li {margin-bottom: 30px; display:block}

   /*#nav-contents .con-main li.m-ov01 {width: 209px;}
   #nav-contents .con-main li.m-ov02 {width: 243px;}
   #nav-contents .con-main li.m-ov03 {width: 315px;}
   #nav-contents .con-main li.m-ov04 {width: 276px;}
   #nav-contents .con-sub li.m-ov05 {width: 232px;}
   #nav-contents .con-sub li.m-ov06 {width: 261px;}
   #nav-contents .con-sub li.m-ov07 {width: 217px;}
   #nav-contents .con-sub li.m-ov08 {width: 212px;}

   .menuover01 #nav-contents .con-main li.m-ov01,
   .menuover02 #nav-contents .con-main li.m-ov02,
   .menuover03 #nav-contents .con-main li.m-ov03,
   .menuover04 #nav-contents .con-main li.m-ov04,
   .menuover05 #nav-contents .con-sub li.m-ov05,
   .menuover06 #nav-contents .con-sub li.m-ov06,
   .menuover07 #nav-contents .con-sub li.m-ov07,
   .menuover08 #nav-contents .con-sub li.m-ov08 {width: 100%;}*/


@media screen and (max-width: 743px) {
#nav-contents .con-main li,
#nav-contents .con-sub li {
	border-bottom: 1px solid #0d1f47;
	margin-bottom: 0;
	background-color: #34508c;
	}

	#nav-contents .con-main li picture {
		display: block;
		max-width: clamp(230px,48vw,360px);
		width: 100%;
      padding: 12px 0 12px 0px;
	}
	#nav-contents .con-sub li picture {
		display: block;
		max-width: clamp(220px,42vw,316px);
		width: 100%;
      padding: 12px 0 12px 55px;
	}
   
	#nav-contents .con-main li,
   #nav-contents .con-sub li {
		position: relative !important;
		display: block;
	}
   #nav-contents .con-main li.m-ov01,
   #nav-contents .con-main li.m-ov02,
   #nav-contents .con-main li.m-ov03,
   #nav-contents .con-main li.m-ov04,
   #nav-contents .con-sub li.m-ov05,
   #nav-contents .con-sub li.m-ov06,
   #nav-contents .con-sub li.m-ov07,
   #nav-contents .con-sub li.m-ov08 {width: 100%;}
	#nav-contents .con-main li::after {
		content: "";
		position: absolute;
		display: block;
		right: 0;
		top: 20px;
		width: 60px;
		height: 30px;
		background-image: url("../img/common/icon-arrow-down02ov.png");
		background-size: 13px 7px;
		background-position: center;
		background-repeat: no-repeat;
		border-left: 1px solid #0d1f47;
      transition: 0.1s;
	}
	#nav-contents .con-sub li::after {
		content: "";
		position: absolute;
		display: block;
		right: 0;
		top: 8px;
		width: 60px;
		height: 30px;
		background-image: url("/assets/img/common/icon-arrow-down02ov.png");
		background-size: 13px 7px;
		background-position: center;
		background-repeat: no-repeat;
		border-left: 1px solid #0d1f47;
      transition: 0.1s
	}
   
   
   .menuover01 #nav-contents .con-main li.m-ov01::after,
   .menuover02 #nav-contents .con-main li.m-ov02::after,
   .menuover03 #nav-contents .con-main li.m-ov03::after,
   .menuover04 #nav-contents .con-main li.m-ov04::after,
   .menuover05 #nav-contents .con-sub li.m-ov05::after,
   .menuover06 #nav-contents .con-sub li.m-ov06::after,
   .menuover07 #nav-contents .con-sub li.m-ov07::after,
   .menuover08 #nav-contents .con-sub li.m-ov08::after {
		background-image: url("/assets/img/common/icon-arrow-top02ov.png");  
   }
   
#nav-contents .con-sub li:nth-child(5)::after,
	#nav-contents .con-sub li:nth-child(6)::after {
		background-image: url("/assets/img/common/icon-arrow-right01wh.png");
		background-size: 7px 13px;
		border-left:none;
	}
 #nav-contents .con-main li .sidemenu ul,
 #nav-contents .con-sub li .sidemenu ul{
   background-color: #fff;
    margin-top: 0;
   padding: 0 2%;
    height: 0;
    transition: 0.5s;
   }
   .menuover01 #nav-contents .con-main li.m-ov01 .sidemenu ul,
   .menuover02 #nav-contents .con-main li.m-ov02 .sidemenu ul,
   .menuover03 #nav-contents .con-main li.m-ov03 .sidemenu ul,
   .menuover04 #nav-contents .con-main li.m-ov04 .sidemenu ul,
   .menuover05 #nav-contents .con-sub li.m-ov05 .sidemenu ul,
   .menuover06 #nav-contents .con-sub li.m-ov06 .sidemenu ul,
   .menuover07 #nav-contents .con-sub li.m-ov07 .sidemenu ul,
   .menuover08 #nav-contents .con-sub li.m-ov08 .sidemenu ul{
      height: auto;
      margin-top: 0;
      padding: 25px 2% 25px 2%;
   }
   .icon-sp {
      width: 25px;
      position: absolute;
      display: none;
      top: 49px;
      left: 70px;
   }
   .menuover01 .icon-sp {
      display: block;
   }
   
#nav-contents .con-main li .sidemenu li,
#nav-contents .con-sub li .sidemenu li{
		position: relative;
		display: none;
		padding: 0 0 0 25px;
      background-color: #fff;
      border-bottom: none;
      margin-bottom: 10px;
	}
#nav-contents .con-main li .sidemenu li:last-child,
#nav-contents .con-sub li .sidemenu li:last-child{
    margin-bottom: 0;  
   }
.menuover01 #nav-contents .con-main li .sidemenu li,
.menuover02 #nav-contents .con-main li .sidemenu li,
.menuover03 #nav-contents .con-main li .sidemenu li,
.menuover04 #nav-contents .con-main li .sidemenu li,
.menuover05 #nav-contents .con-sub li .sidemenu li,
.menuover06 #nav-contents .con-sub li .sidemenu li,
.menuover07 #nav-contents .con-sub li .sidemenu li,
.menuover08 #nav-contents .con-sub li .sidemenu li{display: block;}
#nav-contents .con-main li .sidemenu li::after,
#nav-contents .con-sub li .sidemenu li::after{
		content: "";
		position: absolute;
		display: none;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 50px;
		height: 30px;
		background-image: none;
		background-size: 13px 7px;
		background-position: center;
		background-repeat: no-repeat;
		border-left: none;
	}
#nav-contents .con-main li .sidemenu li::before,
#nav-contents .con-sub li .sidemenu li::before{
   content: "・";
   position: absolute;
   left: 5px;
   top: 0px;
   display: inline-block;
   width: 25px;
   padding-left: 10px;
}
	
}

.nav-contents-sub {
   position: absolute;
   top: 0;
   left: 600px;
   background-color: #fff;
   width: 320px;
   height: 100vh;
   display: none;
}

@media screen and (max-width: 743px) {
.nav-contents-sub {
   position: absolute;
   top: 0;
   left: 0;
   background-color: #fff;
   width: 0;
   height: auto;
   display: none;
   visibility: hidden;
}   
}

/* マウスオーバー時 */
.menuover01 .m-ov-sub01,
.menuover02 .m-ov-sub02,
.menuover03 .m-ov-sub03,
.menuover04 .m-ov-sub04,
.menuover05 .m-ov-sub05,
.menuover06 .m-ov-sub06,
.menuover07 .m-ov-sub07,
.menuover08 .m-ov-sub08{
   opacity: 0;
   left: 630px;
   width: 0;
   display: block;
   animation: opennav-sub 0.2s;
   animation-fill-mode: forwards;
}

@media screen and (max-width: 743px) {
.menuover01 .m-ov-sub01,
.menuover02 .m-ov-sub02,
.menuover03 .m-ov-sub03,
.menuover04 .m-ov-sub04,
.menuover05 .m-ov-sub05,
.menuover06 .m-ov-sub06,
.menuover07 .m-ov-sub07,
.menuover08 .m-ov-sub08{
   opacity: 0;
   left: 0;
   width: 100%;
   animation: opennav-sub00 0.2s;
   display: none;
} 
}

@keyframes opennav-sub {
   0% {
      opacity: 0;
      width: 0
   }
   100% {
      opacity: 1;
      width: 320px;
   }
}

.nav-contents-sub .nav-contents-over {
   position: absolute;
   top: 0;
   left: -430px;
   width: 430px;
   height: 100%;
   overflow: hidden;
}




.nav-contents-sub .nav-contents-over .icon {
   position: absolute;
   right: -40px;
   transition: 0.5s cubic-bezier(1, 0, 0, 1);
}
.menuover01 .nav-contents-sub .nav-contents-over .icon,
.menuover02 .nav-contents-sub .nav-contents-over .icon,
.menuover03 .nav-contents-sub .nav-contents-over .icon,
.menuover04 .nav-contents-sub .nav-contents-over .icon{
   right: -40px;
   animation: over-icon 0.5s cubic-bezier(0.83, 0, 0.17, 1);
   animation-fill-mode: forwards;
}
.menuover05 .nav-contents-sub .nav-contents-over .icon,
.menuover06 .nav-contents-sub .nav-contents-over .icon,
.menuover07 .nav-contents-sub .nav-contents-over .icon,
.menuover08 .nav-contents-sub .nav-contents-over .icon{
   right: -40px;
   animation: over-icon02 0.5s cubic-bezier(0.83, 0, 0.17, 1);
   animation-fill-mode: forwards;
}
@keyframes over-icon {
   0% {right: -40px}
   100% {right: 0}
}
@keyframes over-icon02 {
   0% {right: -40px}
   100% {right: -10px}
}
.menuover01 .nav-contents-sub .nav-contents-over .icon {top:70px;}
.menuover02 .nav-contents-sub .nav-contents-over .icon {top:165px;}
.menuover03 .nav-contents-sub .nav-contents-over .icon {top:275px;}
.menuover04 .nav-contents-sub .nav-contents-over .icon {top:373px;}
.menuover05 .nav-contents-sub .nav-contents-over .icon {top:445px;}
.menuover06 .nav-contents-sub .nav-contents-over .icon {top:495px;}
.menuover07 .nav-contents-sub .nav-contents-over .icon {top:545px;}
.menuover08 .nav-contents-sub .nav-contents-over .icon {top:595px;}


.nav-contents-subcontents {
   padding-top: 90px;
   width: 240px;
   margin: 0 auto;
   opacity: 0;
   transition: 0.2s 0.2s;
}
@media screen and (max-width: 743px) {
.nav-contents-subcontents {
   padding-top: 0;
   width: 100%;
   margin: 0 auto;
   opacity: 0;
} 
}
.menuover01 .nav-contents-subcontents,
.menuover02 .nav-contents-subcontents,
.menuover03 .nav-contents-subcontents,
.menuover04 .nav-contents-subcontents,
.menuover05 .nav-contents-subcontents,
.menuover06 .nav-contents-subcontents,
.menuover07 .nav-contents-subcontents,
.menuover08 .nav-contents-subcontents{opacity: 1}


#sub-bg {display: none}
.open #sub-bg {display: block}
#sub-bg .bg {
   position: fixed;
   top: 0;
   left: 630px;
   background-repeat: no-repeat;
   background-size: cover;
   width: calc(100% - 630px);
   height: 100vh;
   z-index: 4900;
   opacity: 0;
   filter: blur(20px);
   transition: 1.5s all cubic-bezier(0.25, 1, 0.5, 1);
   transition: left center;
   transform: scale(1.05) translateX(-5%);
}
@media screen and (max-width: 743px) {
   #sub-bg .bg {display: none;}  
}

.menuover01 #sub-bg .bg01,
.menuover02 #sub-bg .bg02,
.menuover03 #sub-bg .bg03,
.menuover04 #sub-bg .bg04,
.menuover05 #sub-bg .bg05,
.menuover06 #sub-bg .bg06,
.menuover07 #sub-bg .bg07,
.menuover08 #sub-bg .bg08,
.menuover09 #sub-bg .bg09,
.menuover10 #sub-bg .bg10{
   opacity: 1;
   filter: blur(0);
   transform: scale(1.05)translateX(0);
}
/*#sub-bg .bg01 {background-image: url("../img/common/nav-img-01.jpg");}*/
/*#sub-bg .bg02 {background-image: url("../img/common/nav-img-02.jpg");}*/
/*#sub-bg .bg03 {background-image: url("../img/common/nav-img-03.jpg");}*/
/*#sub-bg .bg04 {background-image: url("../img/common/nav-img-04.jpg");}*/
/*#sub-bg .bg05 {background-image: url("../img/common/nav-img-05.jpg");}*/
/*#sub-bg .bg06 {background-image: url("../img/common/nav-img-06.jpg");}*/
/*#sub-bg .bg07 {background-image: url("../img/common/nav-img-07.jpg");}*/
/*#sub-bg .bg08 {background-image: url("../img/common/nav-img-08.jpg");}*/

#sub-bg .bg09 {background-image: url("../img/navbg/news-01.jpg");}
#sub-bg .bg10 {background-image: url("../img/navbg/access-01.jpg");}

.mv_top .bg {
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 10;
}
.mv_top .bg-mv01 {background-image: url("../img/mv/mv-top01.jpg");}
.mv_top .bg-mv02 {background-image: url("../img/mv/mv-top02.jpg");}
.mv_top .bg-mv03 {background-image: url("../img/mv/mv-top03.jpg");}


#nav-contents ul li .box {
   position: relative;
   display: flex;
   padding-left: 5%;
   align-items: center;
   transition: 0.2s;
   opacity: 1;
   z-index: 2;
}
#nav-contents ul li .box figure {width: 130px;}
#nav-contents ul li .box .blk-ttl{width: calc(100% - 130px)}
#nav-contents ul li .box .ttl {font-size: 2.2rem; color: #fff; line-height: 1.5;margin-bottom: 5px}
#nav-contents ul li .box .ttl-sub {font-size: 1.0rem; font-weight: 500; line-height: 1.3}

#nav-contents ul li.m-ov01 .box figure img {width: 81px;}
#nav-contents ul li.m-ov01 .box .ttl-sub {color: #5ab0a2 }

#nav-contents ul li.m-ov02 .box figure img {width: 88px;}
#nav-contents ul li.m-ov02 .box .ttl-sub {color: #8567c2 }

#nav-contents ul li.m-ov03 .box figure {padding-left: 15px;}
#nav-contents ul li.m-ov03 .box figure img {width: 65px;}
#nav-contents ul li.m-ov03 .box .ttl-sub {color: #e39aa6 }

#nav-contents ul li.m-ov04 .box figure img {width: 100px;}
#nav-contents ul li.m-ov04 .box .ttl-sub {color: #92b844 }

#nav-contents ul.con-sub li .box {margin-bottom: 10px;}

#nav-contents ul.con-sub li .box .ttl {font-size: 1.4rem; color: #fff; line-height: 1.2;margin-bottom: 0}
#nav-contents ul.con-sub li .box figure {text-align: right; padding-right: 35px}
#nav-contents ul.con-sub li .box figure img {width: 40px;}

@media screen and (max-width: 743px) {
#nav-contents ul li .box {padding: 0 0 0 20px; min-height: 70px}
#nav-contents ul li .box figure {width: 80px;}
#nav-contents ul li .box .blk-ttl{width: calc(100% - 80px)}  
#nav-contents ul li .box .ttl {font-size: 1.7rem;margin-bottom: 0}
#nav-contents ul li .box .ttl-sub {font-size: 1.0rem; transform-origin: center left; transform: scale(0.7)}
   
#nav-contents ul li.m-ov03 .box figure {padding-left: 5px;}

#nav-contents ul li.m-ov01 .box figure img {width: 50px;}
#nav-contents ul li.m-ov02 .box figure img {width: 50px;}
#nav-contents ul li.m-ov03 .box figure img {width: 40px;}
#nav-contents ul li.m-ov04 .box figure img {width: 60px;}
#nav-contents ul.con-sub li .box figure img {width: 30px;}
   
#nav-contents ul.con-sub li .box figure {padding-right: 25px}
#nav-contents ul.con-sub li .box {margin-bottom: 0; padding:0 0 0 20px; min-height: 46px}
#nav-contents ul.con-sub li .box .ttl {font-size: 1.3rem; color: #fff; line-height: 1.2;margin-bottom: 0}
}
#nav-contents ul li {position: relative}

#nav-contents ul li .svg__container{ 
	position: absolute;
   top: -12px;
   left: 70px;
	width: 110px;
   z-index: 1;
   opacity: 0;
   transition: 1.0s
}

#nav-contents ul li:hover .svg__container{
   opacity: 1;
   top: -15px;
}

#nav-contents ul.con-sub li .svg__container{ 
	position: absolute;
	width: 60px;
   top:-10px;
   left: 110px;
}

@media screen and (max-width: 743px) {
#nav-contents ul li .svg__container,#nav-contents ul.con-sub li .svg__container{ 
display: none;
} 
}


/* --------------- */
/* トップローカルメニュー */
/* --------------- */
#top #localmenu {background-color: #FDFDFD; padding: clamp(30px, 7vw, 55px) 0 clamp(45px, 12vw, 90px) 0 }

#top #localmenu ul {position: relative;}
#top #localmenu ul:nth-child(1) {border-bottom: 1px solid #ced2e1;}
#top #localmenu ul:nth-child(2) {border-bottom: none}

@media screen and (max-width: 743px) {
#top #localmenu ul:nth-child(1) {border-bottom: none} 
}

#top #localmenu ul li {
   position: relative;
   width: 25%;
   display: flex;
   align-items: center;
   border-right: 1px solid #ced2e1;
   background-repeat: no-repeat;
   background-position: center;
   transition: 0.5s;
background-size: 100%
}



#top #localmenu ul li a{display: block; width: 100%; position: relative; z-index: 2;}
@media screen and (max-width: 743px) {
#top #localmenu ul {flex-wrap: wrap;}
#top #localmenu ul li {width: 100%; border-right: none}  
}

#top #localmenu ul li .box {
   display: flex;
   padding-left: 5%;
   align-items: center;
   transition: 0.2s;
   opacity: 1
}
#top #localmenu ul li.l-active .box {
   opacity: 0;
}

@media screen and (max-width: 743px) {
#top #localmenu ul li .box {
   display: flex;
   padding-left: 0;
   align-items: center;
   transition: 0.2s;
   opacity: 1
}  
}

#top #localmenu ul li figure.img01 {margin-right: 20px;}
#top #localmenu ul li .ttl {font-size: 2.2rem; color: #34508c; line-height: 1.5}
#top #localmenu ul li .ttl-sub {font-size: 1.0rem; font-weight: 500; line-height: 1.3}

#top #localmenu ul li .svg__container{ 
	position: absolute;
   top:0;
   left: 30px;
	width: 140px;
   z-index: 1
}
#top #localmenu ul li .overmenu .svg__container{
   top: -80px;
	width: 300px;
   left: 50%;
   transform: translateX(-50%);
}

#l-01 figure.img01 {max-width: 92px;}
#l-01 .img02 img {max-width: 320px}
#l-01 .ttl-sub {color: #5ab0a2}
#top #localmenu ul #l-01 .svg__container{ left: 50px;}

#l-02 figure.img01 {max-width: 96px;}
#l-02 .img02 img {max-width: 320px}
#l-02 .ttl-sub {color: #8567c2}
#top #localmenu ul #l-02 .svg__container{ left: 60px; top: 30px}

#l-03 figure.img01 {max-width: 70px;}
#l-03 .ttl-sub {color: #e39aa6}
#l-03 .img02 img {max-width: 320px}
#top #localmenu ul #l-03 .svg__container{ left: 30px; top: -10px}

#l-04 figure.img01 {max-width: 105px;}
#l-04 .ttl-sub {color: #92b844}
#l-04 .img02 img {max-width: 320px}
#top #localmenu ul #l-04 .svg__container{left: 60px; top: 30px}

#l-05 figure.img01 {max-width: 62px;}
#l-05 .ttl-sub {color: #3b6db2}
#l-05 .img02 img {max-width: 320px}
#top #localmenu ul #l-05 .svg__container{width: 70px; left: 40px; top: 30px}

#l-06 figure.img01 {max-width: 102px;}
#l-06 .ttl-sub {color: #a15c9b}
#l-06 .img02 img {max-width: 320px}
#top #localmenu ul #l-06 .svg__container{width: 70px; left: 80px; top: -10px}

#l-07 figure.img01 {max-width: 67px;}
#l-07 .ttl-sub {color: #c37e66}
#l-07 .img02 img {max-width: 320px}
#top #localmenu ul #l-07 .svg__container{width: 70px; left: 50px; top: 30px}

#l-08 figure.img01 {max-width: 102px;}
#l-08 .ttl-sub {color: #6aa656}
#l-08 .img02 img {max-width: 320px}
#top #localmenu ul #l-08 .svg__container{width: 70px; left: 80px; top: -10px}




@media screen and (max-width: 743px) {
   #top #localmenu ul li figure img {margin-right: 0}
   
#top #localmenu ul #l-01 .svg__container,
#top #localmenu ul #l-02 .svg__container,
#top #localmenu ul #l-03 .svg__container,
#top #localmenu ul #l-04 .svg__container{width: 90px; left: 40px; top: -15px}  
   
#top #localmenu ul #l-05 .svg__container,
#top #localmenu ul #l-06 .svg__container,
#top #localmenu ul #l-07 .svg__container,
#top #localmenu ul #l-08 .svg__container{width: 60px; left: 50px; top: -15px;}  
}


#top #localmenu ul #l-01 .overmenu .svg__container,
#top #localmenu ul #l-02 .overmenu .svg__container,
#top #localmenu ul #l-03 .overmenu .svg__container,
#top #localmenu ul #l-04 .overmenu .svg__container,
#top #localmenu ul #l-05 .overmenu .svg__container,
#top #localmenu ul #l-06 .overmenu .svg__container,
#top #localmenu ul #l-07 .overmenu .svg__container,
#top #localmenu ul #l-08 .overmenu .svg__container{
   top: -80px;
	width: 300px;
   left: 50%;
   transform: translateX(-50%);
}

#top #localmenu ul #l-05 .overmenu .svg__container,
#top #localmenu ul #l-06 .overmenu .svg__container,
#top #localmenu ul #l-07 .overmenu .svg__container,
#top #localmenu ul #l-08 .overmenu .svg__container{
   opacity: 0.8
}

#l-05 .ttl,
#l-06 .ttl,
#l-07 .ttl,
#l-08 .ttl {font-size: 1.8rem !important;}


@media screen and (max-width: 743px) {
/*#top #localmenu ul li figure.img01 {margin-right: 12px;}*/
#top #localmenu ul li .ttl {font-size: 1.8rem; color: #34508c; line-height: 1.4;}   

#top #localmenu ul li .ttl-sub {font-size: 1.0rem; transform-origin: center left; transform: scale(0.9); margin-top: 3px}
#l-01 figure.img01,
#l-02 figure.img01,
#l-03 figure.img01,
#l-04 figure.img01{
   max-width: 100px;
   width: 100%;
   min-height: 57px;
   margin-right: 0 !important;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   }
   
#l-05 figure.img01,
#l-06 figure.img01,
#l-07 figure.img01,
#l-08 figure.img01 {
   max-width: 75px;
   width: 100%;
   margin-right: 0 !important;
   text-align: center
   }
   
#l-01 figure.img01 img {max-width: 66px;}
#l-02 figure.img01 img {max-width: 68px;}
#l-03 figure.img01 img {max-width: 45px;}
#l-04 figure.img01 img {max-width: 72px;}
   
#l-05 figure.img01 img {max-width: 31px;}
#l-06 figure.img01 img {max-width: 51px;}
#l-07 figure.img01 img {max-width: 33px;}
#l-08 figure.img01 img {max-width: 51px;}
#l-05 .ttl,
#l-06 .ttl,
#l-07 .ttl,
#l-08 .ttl {font-size: 1.2rem !important;} 
   
#l-05 .ttl-sub,
#l-06 .ttl-sub,
#l-07 .ttl-sub,
#l-08 .ttl-sub {display: none}  
}


#top #localmenu ul li .overmenu {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   width: 100%;
   height: 100%;
   background-color: #fff;
   box-shadow: 0 0 10px rgb(0, 0, 0,0.3);
   z-index: 50;
   opacity: 0;
   transition: 0.5s;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   overflow: hidden;
}

@media screen and (max-width: 743px) {
   #top #localmenu ul li .overmenu {display: none;}
}

#top #localmenu ul li .img02 {width: 100%; text-align: center}



#top #localmenu ul li .blk-txt {
   width: 86%;
   margin: -20px auto 0 auto;
   background-image: url("../img/common/icon-arrow-right06.png");
   background-repeat: no-repeat;
   background-position: right center;
   background-size: 50px;
   transition: 0.2s 0.3s;
   opacity: 0;
   padding: 5px 0;
}
#top #localmenu ul li.l-active .overmenu{
   opacity: 1;
   width: 320px;
   height: 250px;
}
#top #localmenu ul li.l-active .blk-txt {opacity: 1;}

#top #localmenu ul li:last-child {border-right:none}
#top #localmenu ul:nth-child(1) li {min-height: 140px; margin-bottom: 30px}
#top #localmenu ul:nth-child(2) li {min-height: 90px; margin-top: 40px}


@media screen and (max-width: 743px) {
#top #localmenu ul li {
   min-height: auto !important; margin: 0 !important; padding: 0
   }  
#l-05,
#l-06,
#l-07,
#l-08 {padding:0 !important} 
 
#top #localmenu ul:nth-child(1) li:nth-child(2) {border-right:none;}  
#top #localmenu ul:nth-child(2) li:nth-child(2) {border-right:none;} 
   #top #localmenu ul li {margin-bottom: 24px !important; position: relative}
   #top #localmenu ul li::after {
      content: "";
      display: block;
      position: absolute;
      bottom: -12px;
      left: 0;
      height: 1px;
      width: 100%;
      background-color:  #ced2e1;
   }
}
</pre></body></html>