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

.inner {
   margin-left: 260px;
   position: relative;
   max-width: 1260px;
   width: calc(95% - 260px);
}
@media screen and (min-width: 1750px) {
.inner {
   margin-left: 260px;
   max-width: 95%;
   width: calc(95% - 260px);
}
#top-banner .inner,
#item .inner,
#localmenu .inner{
   position: relative;
   margin-left: 0;
   max-width: 1260px;
   width: 100%;
   margin: 0 auto;
   left: 90px;
}
}
@media screen and (max-width: 743px) {
.inner {
   margin-left:0;
   width: 90%;
   margin: 0 auto;
}  
}

#page section {margin-bottom: clamp(75px, 20vw ,150px);}
#page #wrap {
   display: flex;
   align-items: flex-start;
   margin-left: 180px;
   width: 95%;
   transition: 0.5s;
   opacity: 0;
}

#page.mvload #wrap {
 	animation: wrap-anime 0.5s 1.2s cubic-bezier(0, 0.55, 0.45, 1);
	animation-fill-mode: forwards;
   opacity: 0;
}


@keyframes wrap-anime {
   0% { opacity: 0}
   100% { opacity: 1}
}


#page.onecolumn #wrap {
  display: block;
   width: 90%;
}

@media screen and (max-width: 743px) {
#page #wrap {
  display: block;
   margin-left: 0;
   max-width: 1330px;
   width: 90%;
   margin: 0 auto;
}
#page.onecolumn #wrap {
   margin-left: 0;
   margin: 0 auto;
} 
}

/* //////////////////// */
/* 超重要なお知らせ */
/* //////////////////// */
#super-important {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100vw;
   height: auto;
   z-index: 6000;
   transition: 0.5s
}

.open #super-important {
  bottom: -100px; 
}


#super-important dl {display: flex;flex-wrap: nowrap;}
#super-important dt,
#super-important dd {padding: 30px 40px}
#super-important dt {
   width: 260px;
   background-color: #fa616e;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
}
#super-important dt p {
   display: inline-block;
   line-height: 1;
   font-size: clamp(1.2rem, 2vw, 1.8rem);
   padding: 7px 0;
   padding-left:45px;
   background-image: url("../img/common/icon-important02.png");
   background-size: 27px;
   background-repeat: no-repeat;
   background-position: center left;
}

#super-important dd {width: calc(100% - 260px); line-height: 1.3; background-color: #fff; transition: 0.5s;}
#super-important dd.over { background-color: #fde9eb;}

#super-important dd .list-news {margin-top: 5px;}
#super-important dd .list-news .news_date {width: 100px; margin-right: 30px}
#super-important dd .list-news .ttl02 {width: calc(100% - 140px)}

@media screen and (max-width: 743px) {
#super-important dl {
   display: block;
   }
 #super-important dt {
   width: 140px;
   padding: 5px 10px;
    position: relative;
    bottom: -8px;
    left: 15px
} 
#super-important dt p {
   padding: 4px 0;
   padding-left:25px;
   background-size: 16px;
}
#super-important dd {width: 100%; padding: 15px} 
}

/* //////////////////// */
/* パンくずナビ */
/* //////////////////// */
#breadcrumb {
   position: absolute;
   top: 0;
   right: 0;
   padding: 15px 40px;
   line-height: 1;
   background-color: #34508c;
   border-bottom-left-radius: 10px;
   z-index: 100;
   color: #fff;
   font-size: clamp(1.0rem,1.5vw,1.2rem);
}
@media screen and (max-width: 743px) {#breadcrumb {display: none;}}

#breadcrumb::before{
   content: "";
   position: absolute;
   top: 0;
   left: -10px;
   width: 10px;
   height: 10px;
   background-image: url("../img/common/icon-pan.png");
}
#breadcrumb span,
#breadcrumb a {
   display: inline-block;
}

#breadcrumb span {
   padding-right: 35px;
   background-image: url("../img/common/icon-arrow-right01wh.png");
   background-position: right 15px center;
   background-size: 7px 13px;
   background-repeat: no-repeat;
}
#breadcrumb span:last-child {
   padding-right: 0;
   background-image: none;
}

#breadcrumb .home a {
   padding-left: 20px;
   background-image: url("../img/common/icon-home-01.png");
   background-size: 14px 13px;
   background-repeat: no-repeat;
}

/* //////////////////// */
/* サイドメニュー */
/* //////////////////// */
#sidecontents {
   width: 300px;
   padding-left: 50px;
   z-index: 1000;
   padding-bottom: 50px;
   position: sticky;
   left: 0;
   top: 0;
}



#sidecontents.side-opa .sidemenu {opacity: 0}
.page--info #sidecontents.side-opa .sidemenu {opacity: 1}
.page--info #sidecontents .sidemenu.fixed {
   position: relative;
   top: 0;
}

@media screen and (max-width: 743px) {
#sidecontents {display: none} 
}


.sidemenu {
   width: 250px;
   padding: 30px 40px 100px 0;
   background-repeat: no-repeat;
   background-size: 50%;
   opacity: 1;
   transition: 0.5s;
   overflow-y: scroll;
   height: 90vh;
}
.sidemenu:hover {
   transition: 0.5s
}

@media screen and (max-width: 743px) {
 .sidemenu {
   padding: 30px 40px 100px 0;
}  
}

.unlock .sidemenu {
   overflow-y: visible;
   height: auto;  
}

.sidemenu .thum-menu {
   width: 50%;
   margin-bottom: 30px;
}

.page--outpatient .thum-menu {width: 60%;}
.page--hospitalinfo .thum-menu {width: 100%;}
.page--hospitalization .thum-menu {width: 60%;}
.page--professional .thum-menu {width: 90%;}
.page--community .thum-menu {width: 60%;}
.page--recruit .thum-menu {width: 90%;}

.sidemenu::-webkit-scrollbar{width: 3px;}
.sidemenu::-webkit-scrollbar-track{
   /*background-image: url("../img/common/scrolline.png");
   background-repeat: repeat-y;*/
   background-color: #f9f9f9
}
#grandmenu .sidemenu::-webkit-scrollbar-track{background-color: #fff}
.sidemenu::-webkit-scrollbar-thumb {transition: 0.5s}
#grandmenu .sidemenu::-webkit-scrollbar-thumb{background-color: #fff}
.sidemenu::-webkit-scrollbar-thumb{background-color: #f9f9f9}
#grandmenu .sidemenu:hover::-webkit-scrollbar-thumb,
.sidemenu:hover::-webkit-scrollbar-thumb{
   background-color: #ced2e1;
}


.sidemenu.fixed {}

header .sidemenu {
   padding-top: 0;
   background-image:none !important;
   padding: 0 0 50px 0;
   width: 100%;
   display: flex;
   align-items: center;
}

header .m-ov-sub01 .sidemenu,
header .m-ov-sub02 .sidemenu,
header .m-ov-sub03 .sidemenu,
header .m-ov-sub04 .sidemenu {
   align-items: flex-start;
}

@media screen and (max-width: 743px) {
header .sidemenu {
   width: 100%;
   padding: 0;
   opacity: 1;
   transition: 0.5s;
   height: auto;
   background-color: #fff;
      display: block
} 
}
.page--sitemap .sidemenu {
   padding-top: 0;
   padding: 0 0 50px 0;
   width: 100%;
   height: auto;
   overflow-y: visible;
}
@media screen and (max-width: 743px) {
.page--sitemap .sidemenu {padding: 0;} 
}

.page--sitemap .sidemenu .thum-menu {display: none;}
header .sidemenu .blk-h2 {display: none}
header .click-area {
	display: none;
	width: 100%;
	height: 100vh;
   z-index: 5
}

.open header .click-area {
	position: fixed;
	top:0;
	left: 0;
	display: block;
	width: 100%;
	height: 100vh;
}

.sitemap .sidemenu .h2-sub {display: none}


.page--info .sidemenu {padding-top: 0;}
.sidemenu .blk-h2 {margin-bottom: clamp(20px,6vw,45px);}

.sitemap .sidemenu .blk-h2 {margin-bottom: clamp(12px,3.3vw,25px);}


.sidemenu li {
   position: relative;
   line-height: 1.5;
   margin-bottom: 15px;
   font-size:1.4rem;
   letter-spacing: 0.02em;
   font-style: normal;
   min-height: 20px;
   padding-left: 20px;
}

@media screen and (max-width: 743px) {
.sidemenu li {font-size:1.3rem;}  
}

.sidemenu li::before {
   content: "・";
   position: absolute;
   left: 0;
   top: 0px;
   display: inline-block;
   width: 20px;
   padding-left: 4px;
}

.sidemenu li a{transition: 0.3s; position: relative}
.sidemenu li a::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   height: 1px;
   width: 0;
   background-color: #4f91c8;
   transition: 0.3s
}
.sidemenu li a:hover {color: #4f91c8;}
.sidemenu li a:hover::before {width: 100%;}

a.blank {
   display: inline-block;
   padding-right: 18px;
   background-image: url("../img/common/icon-brank.png");
   background-repeat: no-repeat;
   background-size: 12px;
   background-position: right center;
   margin-right: 3px;
}



.page--dpt .sidemenu li {margin-bottom: 8px;}
@media screen and (max-width: 743px) {
.page--dpt figure {margin: clamp(20px,4vw,30px) 0}
}

.sitemap .sidemenu li {
   position: relative;
   line-height: 1.5;
   margin-bottom: 15px;
   font-size:clamp(1.3rem, 1.9vw, 1.5rem);
   letter-spacing: 0.02em;
   font-style: normal;
   min-height: 20px;
   padding-left: 30px;
}
.sitemap .sidemenu li::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0px;
   display: inline-block;
   width: 25px;
   height: 20px;
   background-image: url("../img/common/icon-arrow-right03.png");
   background-size: 7px 12px;
   background-position: left 6px center;
   background-repeat: no-repeat;
   padding-left: 4px;
}


.sidemenu li.active {
   padding-left: 20px;
}
.sidemenu li.active::before {
   content: " ";
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 14px;
   height: 20px;
   background-image: url("../img/common/icon-maru-blue02.png");
   background-repeat: no-repeat;
   background-position: left top 4px;
   background-size: 14px;
}
@media screen and (max-width: 743px) {
.sidemenu li.active::before {
   display: none;
   background: none;
}  
}
.sidemenu li .child {padding: 10px 0 10px 10px;}
.sidemenu li .child p {
   position: relative;
   font-size:1.3rem;
   margin-bottom: 10px;
}
.sidemenu li .child p:last-child{margin-bottom: 0;}

.sidemenu li .child p.active::before {
   content: " ";
   position: absolute;
   display: block;
   top: 0;
   left: -25px;
   width: 14px;
   height: 20px;
   background-image: url("../img/common/icon-maru-blue02.png");
   background-repeat: no-repeat;
   background-position: left top 4px;
   background-size: 14px;
}

@media screen and (max-width: 743px) {
.sidemenu li .child p.active::before {
   display: none;
   background: none;
}  
}


header .sidecontents {}
@media screen and (max-width: 743px) {
header .sidecontents {
   padding:0 6% 0 6%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap
   }
   


   
header .sidebox,header .libox {width: 49%;}
   
   header .dpt-side .sidebox:nth-child(1) {order:1 }
   header .dpt-side .sidebox:nth-child(2) {
      display: none;
      order:3;
      border-bottom: solid 1px #ced2e1;
      border-top: solid 1px #ced2e1;
      margin-bottom: 30px
   }
   header.menuover03 .dpt-side .sidebox:nth-child(2){
   display: block;
   }
   
   header .dpt-side .sidebox:nth-child(3) {order:2 }
}


#maincontents{
   width: calc(90% - 290px);
   padding-left: 3%;
   margin-bottom:clamp(50px, 13vw, 100px);
}
.onecolumn #maincontents{
   width: 90%;
   padding-left: 10%;
   margin-bottom:clamp(50px, 13vw, 100px); }

@media screen and (max-width: 743px) {
#maincontents{
   width: 100%;
   padding-left: 0;
   } 
.onecolumn #maincontents{
   width: 100%;
	padding-left: 0;
}
}

.doctor {
   background-color: #e8ecf1;
   margin-left: 0;
   padding: 90px 0 100px 0;
   width: 100%;
}

.doctor .remarks {
   font-size:clamp(1.1rem, 2vw, 1.3rem);
}

.doctor_outpatient .doctor {
   background: none;
   margin-left: 0;
   padding: 0;
   width: 100%;
}
.doctor .inner {
   max-width: 90%;
   margin-left: 5%;
   position: relative;
   width: 100%;
   padding: 0
}
@media screen and (min-width: 1750px) {
.doctor {
   background-color: #e8ecf1;
   padding: 90px 0 100px 0;
}
 
.doctor .inner {
   position: relative;
   max-width: 90%;
   width: 100%;
   padding: 0;
   margin: 0 auto;
}
}


.doctor_outpatient .doctor .inner {
   margin-left: 0;
   position: relative;
   max-width: auto;
   width: 100%;
   padding: 0
}


@media screen and (max-width: 743px) {
.doctor {
   background-color: #e8ecf1;
   margin-left: -5%;
   margin-right: -5%;
   padding: 30px 0 ;
   width: 110%;
} 
.doctor .inner {
   max-width: 100%;
   width: 95%;
   margin-left: 0;
   padding: 0 0 0 5%
}
}

/* //////////////////// */
/* メインビジュアル */
/* //////////////////// */

.mv_top {display: none}

#mv {
   background-repeat: no-repeat;
   background-size: cover;
   margin-bottom: clamp(65px, 17vw, 130px); 
   width: 100%;
}
@media screen and (max-width: 743px) {
   #page #mv {
      margin-top: 60px;
   }
}

#top #mv {width: 100vw; height: 100vh;}
#top #wrap {
   position: relative;
   background-color:#FDFDFD;
}

#top #mv .video-container {
   width: 100vw;
   height: 100vh;
   position: relative;
   transition: opacity 0.9s 1.2s;
   opacity: 0;
}

@media screen and (min-width: 1600px) {
/*#top #mv .video-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 150% !important;
   height: 150% !important;
   margin-top: 0 !important;
   margin-left: 0 !important;
}*/
}

#top #mv .video-container .blk-bar {
   height: 100%;
   width: 100%;
   background-color: rgba(0,0,0,0.2);
   position: absolute;
   top: 0;
   left: 0;
}

.mvload #top #mv .video-container {opacity: 1;}

@media screen and (max-width: 743px) {
#top #mv .video-container {display: none;}  
.mv_top {display: block}
}

#top #mv #wrapper_videoPlay {max-width: 100vw;}
#page #mv.mv01 {height: 450px;}
#page #mv.mv02 {height: 900px;}
#page #mv.mv01 .blk-mvimg{
	height: 100%;
   background-size:cover;
	background-position: 180px 0;
	opacity: 0;
   background-repeat: no-repeat;
}

#page #mv.mv02 .blk-mvimg{
	height: 100%;
   background-size:contain;
	background-position: 180px 0;
	opacity: 0;
   background-repeat: no-repeat;
}

#page.mvload #mv.mv02 .blk-mvimg{
	animation: open01 1.3s 1s cubic-bezier(0, 0.55, 0.45, 1);
	animation-fill-mode: forwards;	
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
#page.mvload #mv.mv01 .blk-mvimg,
#page.mvload #mv.mv04 .blk-mvimg,
#page.mvload #mv.mv05 .blk-mvimg{
	animation: open03 1.3s 1s cubic-bezier(0, 0.55, 0.45, 1);
	animation-fill-mode: forwards;	
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
@keyframes open01 {
   0% { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);opacity: 0}
   100% { clip-path: polygon(0 0, 70% 0, 70% 100%, 0% 100%); opacity: 1}
}
@keyframes open03 {
   0% { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);opacity: 0}
   100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity: 1}
}


#page #mv.mv02.interview {
   height: 900px;
   background-size: 770px;
   background-position: 180px 0; 
}

#page #mv.mv03 {
   height: auto;
   padding-top: clamp(60px, 16vw, 120px); 
   padding-left: 370px;
}
#page #mv.mv04 {height: 120px;}
#page #mv.mv05 {height: 720px;}

#page #mv.mv04 .blk-mvimg,
#page #mv.mv05 .blk-mvimg{
   width: 100%;
	height: 100%;
   background-size:cover;
	background-position: 180px 0;
	opacity: 0;
   background-repeat: no-repeat;
}

@media screen and (max-width: 1680px) {
#page #mv.mv03 {padding-left: 260px;}  
}

@media screen and (max-width: 743px) {
#page #mv.mv02,
#page #mv.mv03,
#page #mv.mv05{
   width: 100%;
   height: auto;
   margin-bottom: 20px; 
}

#page #mv.mv01 {
   width: 100%;
   height: auto; 
   background-size: 100%;
   background-position: 0 0;
      margin-bottom: 20px; 
}
   
#page #mv.mv02 {
   background-size: 100%;
   background-position: 0 0;
      margin-bottom: -40px;
}
#page #mv.mv02.interview {
   height: auto;
   background-size: 770px;
   background-position:0;
}
   
   #page #mv.mv04{
   width: 100%;
      height: auto;
      margin-bottom:30px;
   }   
   
#page #mv.mv01 .blk-mvimg,
#page #mv.mv02 .blk-mvimg,
#page #mv.mv03 .blk-mvimg,
#page #mv.mv05 .blk-mvimg{
   background-size:cover;
	background-position: 0;
   height: 425px;
}
   
   #page #mv.mv01 .blk-mvimg{
	height: 180px;
   background-size:cover;
   background-position: center top;
}
   
   #page.mvload #mv.mv02 .blk-mvimg {
	animation: open01-sp 0.9s 0.4s cubic-bezier(0, 0.55, 0.45, 1);
	animation-fill-mode: forwards;	
   background-position: center top;
   }
#page #mv.mv04 .blk-mvimg{
	height: 90px;
   background-size:cover;
	background-position: 0;
} 
}

@keyframes open01-sp {
   0% { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);opacity: 0}
   100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity: 1}
}

#page #mv .blk-h1_l,
#page #mv .blk-h1_r {
   position: absolute;
   background-color: #fff;
   padding: clamp(30px, 10vw, 60px);
   box-shadow: 0px 0px 15px rgb(0, 0, 0, 0.15);
   max-width: 640px;
   width: 94%;
   transition: 0.5s;
   bottom: -40px;
   opacity: 0;
}   
#page #mv .blk-h1_l {left: 220px;}
#page.mvload #mv .blk-h1_l{
	animation: open04 1.2s 1.3s cubic-bezier(0, 0.55, 0.45, 1);
	animation-fill-mode: forwards;
   opacity: 0;
}
@keyframes open04 {
   0% { left: 220px; opacity: 0}
   100% { left: 260px; opacity: 1}
}

#page #mv .blk-h1_r {right: 10%;}
@media screen and (max-width: 1580px) {#page #mv .blk-h1_r {right: 5%;} }
@media screen and (max-width: 743px) {
#page #mv .blk-h1_l,
#page #mv .blk-h1_r {
   position: relative;
   left: 3%;
   right: auto;
   bottom: auto;
   top: -30px;
   padding: clamp(30px, 8vw, 60px) clamp(20px, 5vw, 40px);
}   
#page.mvload #mv .blk-h1_l{
	animation: open04-sp 1.2s 1.3s cubic-bezier(0, 0.55, 0.45, 1);
	animation-fill-mode: forwards;
   opacity: 0;
}
}
@keyframes open04-sp {
   0% {opacity: 0}
   100% {opacity: 1}
}

#page #mv.mv02 .blk-h1 {
   position: absolute;
   right: 8%;
   top: 120px;
   background-color: #fff;
   padding: clamp(30px, 8vw, 60px);
   padding-bottom: clamp(30px, 13vw, 100px);
   box-shadow: 0px 10px 20px rgb(0, 0, 0, 0.10);
   max-width: 640px;
   width: 90%;
	opacity: 0
}

#page.mvload #mv.mv02 .blk-h1,
#page.mvload #mv .blk-h1_r{
	animation: open02 1.2s 1.3s cubic-bezier(0, 0.55, 0.45, 1);
	animation-fill-mode: forwards;
   opacity: 0;
}

@keyframes open02 {
   0% { right: 8%; opacity: 0}
   100% { right: 5%; opacity: 1}
}

#page #mv.mv02.interview .blk-h1 {
   padding:0;
   box-shadow: 0px 0px 15px rgb(0, 0, 0, 0.15);
   width: 640px;
   border-radius: 20px;
}

@media screen and (max-width: 1560px) {
#page #mv.mv02 .blk-h1 {
   left: auto;
   right: 5%;
}  
}
@media screen and (max-width: 743px) {
#page #mv.mv02 .blk-h1{
   position: relative;
   right: auto;
   top: -90px;
   margin: 0;
   width: 94%;
   left: 3%;
   padding: clamp(30px, 8vw, 60px) clamp(20px, 5vw, 40px);
} 
#page #mv.mv02.interview .blk-h1{
   position: relative;
   left: 5%;
   right: auto;
   top: -30px;
   margin: 0;
   width: 90%;
   border-radius: 10px;
}  
}
#mv.mv02 .h1-frame {
   padding: clamp(12px, 3.3vw, 25px) 0;
   border-top: solid 1px #ced2e1;
   border-bottom: solid 1px #ced2e1;
}

#mv.mv02 .h1-list dl {display: flex; flex-wrap: wrap; font-size:clamp(1.2rem, 1.8vw, 1.4rem);border-bottom: solid 1px #ced2e1;}

#mv.mv02 .h1-list dt,
#mv.mv02 .h1-list dd { border-top: solid 1px #ced2e1; padding: clamp(12px, 3.3vw, 25px) 0;}
#mv.mv02 .h1-list dt {width: 70px}
#mv.mv02 .h1-list dd {width: calc(100% - 70px);}

@media screen and (max-width: 743px) {
#mv.mv02 .h1-list dt {width: 100%;padding: clamp(12px, 3.3vw, 25px) 0 0 0}
#mv.mv02 .h1-list dd {width: 100%;border-top: none;padding: 0 0 clamp(12px, 3.3vw, 25px) 0} 
}

#mv.mv02.interview .box {
   padding: clamp(30px, 10vw, 60px) clamp(30px, 10vw, 60px) 0 clamp(30px, 10vw, 60px);
}

#mv.mv02.interview .h1-frame {
   padding: clamp(40px, 10.7vw, 80px) clamp(30px, 10vw, 60px);
   border-top: none;
   border-bottom: none;
   background-color: #34508c;
   color: #fff;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   font-size: clamp(15px, 3.3vw, 25px);
   font-family: maru-maru-gothic-asr-stdn, sans-serif;
   line-height: 1.8
}

@media screen and (max-width: 743px) {
#mv.mv02.interview .box {
   padding: clamp(20px, 5vw, 30px) clamp(20px, 5vw, 30px) 0 clamp(20px, 5vw, 30px);
}
#mv.mv02.interview .h1-frame {
   padding: clamp(20px, 5.3vw, 40px) clamp(20px, 5vw, 30px);
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}  
}



.access #mv .blk-mvimg {background-image: url("../img/mv/access.jpg");}
.care01 #mv .blk-mvimg {background-image: url("../img/mv/care01.jpg");}
.haru #mv .blk-mvimg {background-image: url("../img/mv/care02.jpg");}
.kyotaku #mv .blk-mvimg {background-image: url("../img/mv/care03.jpg");}

.with-expert #mv {background-image: url("../img/mv/professional01.jpg");}

/*外来メインビジュアル*/
.outpatients #mv .blk-mvimg {background-image: url("../img/mv/outpatient01.jpg");}
.doctors #mv .blk-mvimg {background-image: url("../img/mv/outpatient02.jpg");}
.doctor_outpatient #mv .blk-mvimg {background-image: url("../img/mv/outpatient03.jpg");}
.check #mv .blk-mvimg {background-image: url("../img/mv/outpatient04.jpg");}
.stoma #mv .blk-mvimg {background-image: url("../img/mv/outpatient05.jpg");}
.rights #mv .blk-mvimg {background-image: url("../img/mv/outpatient06.jpg");}

/*診療科メインビジュアル*/
.sports #mv .blk-mvimg {background-image: url("../img/mv/dpt01.jpg");}
.orthopedic #mv .blk-mvimg {background-image: url("../img/mv/dpt02.jpg");}
.urology #mv .blk-mvimg {background-image: url("../img/mv/dpt03.jpg");}
.internalmedicine #mv .blk-mvimg {background-image: url("../img/mv/dpt04.jpg");}
.surgery #mv .blk-mvimg {background-image: url("../img/mv/dpt05.jpg");}
.vascularsurgery #mv .blk-mvimg {background-image: url("../img/mv/dpt06.jpg");}
.anesthesiology #mv .blk-mvimg {background-image: url("../img/mv/dpt07.jpg");}

/*専門治療・センターメインビジュアル*/
.eswt #mv .blk-mvimg {background-image: url("../img/mv/dpt08-1.jpg");}
.prp #mv .blk-mvimg {background-image: url("../img/mv/dpt08-2.jpg");}
.eswl #mv .blk-mvimg {background-image: url("../img/mv/dpt08-3.jpg");}

/*部門紹介・センターメインビジュアル*/
.radiation #mv .blk-mvimg {background-image: url("../img/mv/dpt13.jpg");}
.clinical #mv .blk-mvimg {background-image: url("../img/mv/dpt14.jpg");}
.nutrition #mv .blk-mvimg {background-image: url("../img/mv/dpt15.jpg");}
.medicine #mv .blk-mvimg {background-image: url("../img/mv/dpt16.jpg");}
.rehabilitation #mv .blk-mvimg {background-image: url("../img/mv/dpt17.jpg");}
.safety #mv .blk-mvimg {background-image: url("../img/mv/dpt18.jpg");}
.dialysis #mv .blk-mvimg {background-image: url("../img/mv/dpt19.jpg");}
.cooperation #mv .blk-mvimg {background-image: url("../img/mv/dpt20.jpg");}

.magazine #mv .blk-mvimg {background-image: url("../img/mv/community01.jpg");}
.rec-doctor #mv .blk-mvimg {background-image: url("../img/mv/recruit04.jpg");}
.interview01 #mv .blk-mvimg {background-image: url("../img/mv/interview01.jpg");}
.kurumin #mv .blk-mvimg {background-image: url("../img/mv/kurumin.jpg");}

.information #mv .blk-mvimg {background-image: url("../img/mv/information.jpg");}
.entry #mv .blk-mvimg {background-image: url("../img/mv/recruit09.jpg");}

/*入院・面会のご案内*/
.inpatients #mv .blk-mvimg {background-image: url("../img/mv/hospitalization01.jpg");}
.stay #mv .blk-mvimg {background-image: url("../img/mv/hospitalization02.jpg");}
.room #mv .blk-mvimg {background-image: url("../img/mv/hospitalization03.jpg");}
.visit #mv .blk-mvimg {background-image: url("../img/mv/hospitalization04.jpg");}
.ent #mv .blk-mvimg {background-image: url("../img/mv/hospitalization05.jpg");}
.dpc #mv .blk-mvimg {background-image: url("../img/mv/hospitalization06.jpg");}


/*病院案内*/
.hospitalinfo #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo01.jpg");}
.chair-greeting #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo02.jpg");}
.director-greeting #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo03.jpg");}
.hospitalinfo04 #mv .blk-mvimg {
   background-image: url("../img/mv/hospitalinfo04.jpg");
   background-position: left 180px center;
}
.hospitalinfo05 #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo05.jpg");}
.hospitalinfo06 #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo06.jpg");}
.dpc-data #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo07.jpg");}
.research #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo08.jpg");}
.db_joanr #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo09.jpg");}
.religion #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo010.jpg");}

.responses #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo012.jpg");}
.SMA-Ns #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo013.jpg");}

/*#iframe_videoPlay {
   width: 100% !important;
   height: 100vh !important;
   margin: 0 !important
}*/

@media screen and (max-width: 743px) {
.access #mv .blk-mvimg {background-image: url("../img/mv/access-sp.jpg");}
.care01 #mv .blk-mvimg {background-image: url("../img/mv/care01-sp.jpg");}
.haru #mv .blk-mvimg {background-image: url("../img/mv/care02-sp.jpg");}
.kyotaku #mv .blk-mvimg {background-image: url("../img/mv/care03-sp.jpg");}
.with-expert #mv .blk-mvimg {background-image: url("../img/mv/professional01-sp.jpg");}
/*外来メインビジュアル*/
.outpatients #mv .blk-mvimg {background-image: url("../img/mv/outpatient01-sp.jpg");}
.doctors #mv .blk-mvimg {background-image: url("../img/mv/outpatient02-sp.jpg");}
.doctor_outpatient #mv .blk-mvimg {background-image: url("../img/mv/outpatient03-sp.jpg");}
.check #mv .blk-mvimg {background-image: url("../img/mv/outpatient04-sp.jpg");}
.stoma #mv .blk-mvimg {background-image: url("../img/mv/outpatient05-sp.jpg");}
.rights #mv .blk-mvimg {background-image: url("../img/mv/outpatient06-sp.jpg");}
   
/*診療科メインビジュアル*/
.sports #mv .blk-mvimg {background-image: url("../img/mv/dpt01-sp.jpg");}
.orthopedic #mv .blk-mvimg {background-image: url("../img/mv/dpt02-sp.jpg");}
.urology #mv .blk-mvimg {background-image: url("../img/mv/dpt03-sp.jpg");}
.internalmedicine #mv .blk-mvimg {background-image: url("../img/mv/dpt04-sp.jpg");}
.surgery #mv .blk-mvimg {background-image: url("../img/mv/dpt05-sp.jpg");}
.vascularsurgery #mv .blk-mvimg {background-image: url("../img/mv/dpt06-sp.jpg");}
.anesthesiology #mv .blk-mvimg {background-image: url("../img/mv/dpt07-sp.jpg");}

/*専門治療・センターメインビジュアル*/
.eswt #mv .blk-mvimg {background-image: url("../img/mv/dpt08-1-sp.jpg");}
.prp #mv .blk-mvimg {background-image: url("../img/mv/dpt08-2-sp.jpg");}
.eswl #mv .blk-mvimg {background-image: url("../img/mv/dpt08-3-sp.jpg");}

/*部門紹介・センターメインビジュアル*/
.radiation #mv .blk-mvimg {background-image: url("../img/mv/dpt13-sp.jpg");}
.clinical #mv .blk-mvimg {background-image: url("../img/mv/dpt14-sp.jpg");}
.nutrition #mv .blk-mvimg {background-image: url("../img/mv/dpt15-sp.jpg");}
.medicine #mv .blk-mvimg {background-image: url("../img/mv/dpt16-sp.jpg");}
.rehabilitation #mv .blk-mvimg {background-image: url("../img/mv/dpt17-sp.jpg");}
.safety #mv .blk-mvimg {background-image: url("../img/mv/dpt18-sp.jpg");}
.dialysis #mv .blk-mvimg {background-image: url("../img/mv/dpt19-sp.jpg");}
.cooperation #mv .blk-mvimg {background-image: url("../img/mv/dpt20-sp.jpg");}

.magazine #mv .blk-mvimg {background-image: url("../img/mv/community01-sp.jpg");}
.rec-doctor #mv .blk-mvimg {background-image: url("../img/mv/recruit04-sp.jpg");}
.interview01 #mv .blk-mvimg {background-image: url("../img/mv/interview01-sp.jpg");}
.kurumin #mv .blk-mvimg {background-image: url("../img/mv/kurumin-sp.jpg");}
   
   
.information #mv .blk-mvimg {background-image: url("../img/mv/information-sp.jpg");}
.entry #mv .blk-mvimg {background-image: url("../img/mv/recruit09-sp.jpg");}
/*入院・面会のご案内*/
.inpatients #mv .blk-mvimg {background-image: url("../img/mv/hospitalization01-sp.jpg");}
.stay #mv .blk-mvimg {background-image: url("../img/mv/hospitalization02-sp.jpg");}
.room #mv .blk-mvimg {background-image: url("../img/mv/hospitalization03-sp.jpg");}
.visit #mv .blk-mvimg {background-image: url("../img/mv/hospitalization04-sp.jpg");}
.ent #mv .blk-mvimg {background-image: url("../img/mv/hospitalization05-sp.jpg");}
.dpc #mv .blk-mvimg {background-image: url("../img/mv/hospitalization06-sp.jpg");}
/*病院案内*/
.hospitalinfo #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo01-sp.jpg");}
.chair-greeting #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo02-sp.jpg");}
.director-greeting #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo03-sp.jpg");}
.hospitalinfo04 #mv .blk-mvimg {
   background-image: url("../img/mv/hospitalinfo04-sp.jpg");
   background-position: left 0 center;
}
.hospitalinfo05 #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo05-sp.jpg");}
.hospitalinfo06 #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo06-sp.jpg");}
.dpc-data #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo07-sp.jpg");}
.research #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo08-sp.jpg");}
.db_joanr #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo09-sp.jpg");}
.religion #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo010-sp.jpg");}
.responses #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo012-sp.jpg");}
.SMA-Ns #mv .blk-mvimg {background-image: url("../img/mv/hospitalinfo013-sp.jpg");}
}


#logo {
   position: absolute;
   top: 60px;
   left: 60px;
   width: 203px;
   height: 59px;
   z-index: 50;
   filter: drop-shadow(0 0px 8px rgba(0, 0, 0, .7));
   opacity: 0;
}

.mvload #logo {
   opacity: 0;
 	animation: logo-anime 2s 1.7s cubic-bezier(0, 0.55, 0.45, 1);
	animation-fill-mode: forwards;
}

@keyframes logo-anime {
   0% { opacity: 0;}
   100% { opacity: 1;}
}


#page #logo {
   display: none;
}
@media screen and (max-width: 743px) {
#logo {
   display: none;
}  
}

#logo-fixed {
   position: absolute;
   background-image: url("../img/common/logo-nav_fixed.svg");
   background-repeat: no-repeat;
   top: 60px;
   left: 70px;
   width: 53px;
   height: 178px;
   z-index: 55;
   opacity: 0;
   transition: 0.8s
}
#page #logo-fixed,
.fixed #logo-fixed,
.open #logo-fixed {opacity: 1;}
.open #logo-fixed {background-image: url("../img/common/logo-nav_fixed_wh.svg");}

@media screen and (max-width: 743px) {
#logo-fixed {
   position: absolute;
   background-image: url("../img/common/logo-nav_fixed_sp.svg");
   background-repeat: no-repeat;
	background-size: clamp(90px,24vw,180px) clamp(30px,8vw,60px);
   top: 50%;
   transform: translateY(-50%);
   left: 20px;
   width: clamp(90px,24vw,180px);
   height: clamp(30px,8vw,60px);
   z-index: 55;
   opacity: 1;
   transition: 0.8s
}
.open #logo-fixed {background-image: url("../img/common/logo-nav.svg");}
}



#logo-fixed a {
   display: block;
   width: 100%;
   height: 100%;
}

#top .blk-h1 {
   position: absolute;
   top: 60%;
   transform: translateY(-50%);
   left: 260px;
   z-index: 1000;
   opacity: 0;
   filter: drop-shadow(0 0px 8px rgba(0, 0, 0, .7));
}

.mvload .blk-h1 {
 	animation: h1-anime 1.5s 1.7s cubic-bezier(0, 0.55, 0.45, 1);
	animation-fill-mode: forwards;
   top: 53%;
   opacity: 0;
}

@keyframes h1-anime {
   0% { opacity: 0; top: 53%}
   100% { opacity: 1; top: 50%}
}


@media screen and (max-width: 743px) {
#top .blk-h1 {
   left: 10%;
   filter: drop-shadow(0 0px 8px rgba(0, 0, 0, .5));
   width: 65%;
} 
}

#floatmenu {
   position: fixed;
   bottom: 40px;
   right: 40px;
  width: 300px;
   height: 60px;
   z-index: 1001;
   filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .15));
   background-color: #fff;
   border-radius: 10px;
   border: 5px solid #fff;
   transition: 0.5s;
   opacity: 1;
   visibility: visible;
}

#floatmenu .flot-sp {display: none;}

#floatmenu.con-hide {
   opacity: 0;
   visibility: hidden;
}


#floatmenu:hover {filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.18))}
.s-i_news #floatmenu {bottom: 110px;}

@media screen and (max-width: 743px) {
#floatmenu {
   display: block;
   width: 90%;
   right: auto;
   left: 50%;
   height: 50px;
   transform: translateX(-50%);
   filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .15));
   border-radius: 5px;
   bottom: 15px;
   }
#floatmenu .flot-sp {display: flex;}
}

.floatopen #floatmenu {height: 330px; }
@media screen and (max-width: 743px) {
.floatopen #floatmenu {height: 220px; } 
}

#floatmenu .ttl {
   background-image: url("../img/top/img-01.png");
   background-repeat: no-repeat;
   background-size: cover;
   height: 50px;
   width: 100%;
   cursor: pointer;
}
.floatopen #floatmenu .ttl {background-image: url("../img/top/img-01_ov.png");}
@media screen and (max-width: 743px) {
#floatmenu .ttl {
   background: none;
   background-color: #6fa0c9;
   height: 40px;
   width: 100%;
   cursor: pointer;
   display: flex;
   align-items: center;
   padding: 0 5%;
}
.floatopen #floatmenu .ttl {
   background: none;
   background-color: #6fa0c9;
   } 
   #floatmenu .ttl .fl-ttl01 {
      max-width: 97px;
      width: 100%
   }
   #floatmenu .ttl .fl-ttl01 .off_img {display: block;}
   #floatmenu .ttl .fl-ttl01 .on_img {display: none;} 
   .floatopen #floatmenu .ttl .fl-ttl01 .off_img {display: none;}
   .floatopen #floatmenu .ttl .fl-ttl01 .on_img {display: block;}   

   #floatmenu .ttl .fl-ttl02 {
      max-width: 93px;
      width: 100%
   }
   
.floatopen #floatmenu .ttl .fl-ttl02 {
   display: none;
   }
}

.open #floatmenu {right: 55px;}
#floatmenu .float-contents {
   padding-top: 20px;
   display: none;
   opacity: 0;
}

.floatopen #floatmenu .float-contents {
   animation: openfloat 0.6s 0.2s;
   animation-fill-mode: forwards;
   display: block;
   opacity: 0;
}
@keyframes openfloat {
   0% {opacity: 0;}
   10% { opacity: 0;}
   100% {opacity: 1;}
}

#floatmenu .float-contents li {
   padding-top: 5px;
   padding-left: 65px;
   line-height: 1.3;
   font-size:clamp(1.2rem, 1.8vw, 1.4rem);
   background-size: 30px;
   background-repeat: no-repeat;
   min-height: 30px;
	transition: 0.3s;
}

#floatmenu .float-contents li:nth-child(1) {
   background-image: url("../img/common/foot-icon05.png");
   margin-bottom: 20px;
   background-position: left 20px top;
}
#floatmenu .float-contents li:nth-child(2) {
   background-image: url("../img/common/foot-icon06.png");
   margin-bottom: 10px;
   background-position: left 20px center;
}
#floatmenu .float-contents li:nth-child(3) {
   background-image: url("../img/common/foot-icon07.png");
   background-position: left 20px center;
}
#floatmenu .float-contents li:nth-child(2):hover,
#floatmenu .float-contents li:nth-child(3):hover
{
   padding-left: 70px;
   background-size: 35px;
	color: #4f91c8;
}

@media screen and (max-width: 743px) {
.floatopen #floatmenu .float-contents {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   width: 94%;
   margin: 0 auto;
   font-weight: 500;
}
   
   #floatmenu .float-contents .tel-txt p {
      display: inline-block;
   }
   
   #floatmenu .float-contents li {
   padding-left: 30px;
      padding-top: 5px;
   }
   #floatmenu .float-contents li:nth-child(1) {
      width: 100%;
   margin-bottom: 20px;
   background-position: left 0 top -2px;
   }
   #floatmenu .float-contents li:nth-child(2),
   #floatmenu .float-contents li:nth-child(3) {
   width: 49%;
   background-position: left 0 top -2px;
   }
}


footer {}


#item {
   width: 100%;
   background-color: #fff;
   padding: clamp(50px, 10vw, 80px) 0;
   border-top: solid 1px #e5e5e5;
}
@media screen and (max-width: 743px) {
#item {
   background-color: #fff;
   padding: clamp(48px, 10vw, 80px) 0 clamp(30px, 8vw, 60px) 0;
}  
}

#item .txt-foot{
	font-size: clamp(1.2rem, 2vw, 1.6rem); transition: 0.3s;
	line-height: 1.5;
	letter-spacing: 0.03em;
   font-weight: 500;
   padding-top: 5px
}
#item .txt-foot:hover {font-size: clamp(1.2rem, 2vw, 1.6rem); color: #4f91c8}

#item .inner {position: relative;}
#item .inner .ttl {
   position: absolute;
   display: block;
   top: -110px;
   left: 0;
   width: 200px;
   height: 76px;
   background-image: url("../img/common/footer-01.png");
   background-size: 200px 76px;
}


@media screen and (max-width: 743px) {
 #item .inner .ttl {
   position: absolute;
   display: block;
   top: -70px;
   left: 0;
   width: 140px;
   height: 53px;
   background-image: url("../img/common/footer-01sp.png");
   background-size: 140px 53px;
} 
}


#item dl {display: flex; flex-wrap: wrap}
#item dt {width: 350px}
#item dt .box:nth-child(1) {margin-bottom: 30px;}
#item dd {width: calc(100% - 350px)}
@media screen and (max-width: 743px) {
#item dt {
   width: 100%;
   display: flex;
   justify-content: space-between;
   margin-bottom: clamp(30px, 8vw, 60px);
}
#item dd {width: 100%} 
}

#item .list-item {display: flex; justify-content: space-between; flex-wrap: wrap}
#item .list-item li {width: 30%}
#item .list-item li:nth-child(1),
#item .list-item li:nth-child(2),
#item .list-item li:nth-child(3) {
   margin-bottom: clamp(25px, 9vw, 40px);
	min-height: 45px;
}

@media screen and (max-width: 743px) {
#item .list-item li {width: 49%; margin-bottom: clamp(20px, 5.3vw, 40px) !important} 
#item .list-item li:nth-child(1),
#item .list-item li:nth-child(2),
#item .list-item li:nth-child(3) {min-height: auto;}  
}

#item .box {
   padding-left: 65px;
   background-repeat: no-repeat;
   background-size: 40px;
   background-position: left center;
	transition: 0.3s;
}

#item .box .sub {color: #68a8a4; font-size: 1.0rem}
@media screen and (max-width: 743px) {
#item .box {
   padding-left: 27px;
   background-size: 20px;
   background-position: left top 5px;
} 
#item .box .sub {display: none}
   #item dt .box:nth-child(1) {width: 130px;} 
   #item dt .box:nth-child(2) {width: calc(100% - 130px);
      padding-left: 0;} 

}

#item .icon01 {background-image: url("../img/common/foot-icon05.png")}
#item .icon02 {background-image: url("../img/common/foot-icon06.png")}
#item .icon03 {background-image: url("../img/common/foot-icon07.png")}
#item .icon04 {background-image: url("../img/common/foot-icon08.png")}
#item .icon05 {background-image: url("../img/common/foot-icon09.png")}
#item .icon06 {background-image: url("../img/common/foot-icon10.png")}
#item .icon07 {background-image: url("../img/common/foot-icon11.png")}

#item .icon02:hover,
#item .icon03:hover,
#item .icon04:hover,
#item .icon05:hover,
#item .icon06:hover,
#item .icon07:hover
{
   padding-left: 70px;
   background-size: 45px;	
}

#item .blk-tell p {
   display: inline-block;
}

#item .blk-tell p:nth-child(1) {
   min-width: 80px;
   color: #3877ac;
   letter-spacing: 0.02em;
   font-size: clamp(1.0rem, 2vw, 1.5rem);
}
#item .blk-tell p:nth-child(2) {
   font-size: clamp(1.6rem, 2.6vw, 2rem);
   font-weight: 400;
}
@media screen and (max-width: 743px) {
#item .blk-tell p {line-height: 1.5
}
#item .blk-tell p:nth-child(1) {min-width: 60px;} 
#item .icon02 {order: 1;}
#item .icon03 {order: 3;}
#item .icon04 {order: 5;}
#item .icon05 {order: 2;}
#item .icon06 {order: 4;}
#item .icon07 {order: 6;}
}

/* //////////////////// */
/* ニュース*/
/* //////////////////// */

.news_catbox {margin-bottom: 15px; display: flex; align-items: center}
.news_catbox span {display: inline-block; margin-right: 20px;}
.news_catbox span:nth-child(2) {margin-right: 10px;}

.icon_new {
   display: inline-block;
   background-color: #f5a16c;
   padding: 6px 8px;
   margin-left: 10px;
   color: #fff;
   font-family: 'Inter', sans-serif; 
   font-weight: 700;
   border-radius: 5px;
   font-size: 1.1rem;
   line-height: 1;
}
#top-news .icon_new {
   padding: 3px 5px;
   margin-left: 5px
}
@media screen and (max-width: 743px) {
.icon_new,#top-news .icon_new {
   padding: 3px 5px;
   margin-left: 5px;
	transform-origin: center left;
	transform: scale(0.7);
} 
}

.list-news {border-top: solid 1px #d7dae6;}

#top-news .list-news {border-top: none}

.blk-important .list-news li,
body.news_important .list-news li{color: #fa616e;}
.list-news li {
   display: flex;
   padding: clamp(1.0px, 2.6vw, 20px) 3%;
   line-height: 1.5;
   color: #4e5971;
   border-bottom: solid 1px #d7dae6;
   flex-wrap: wrap;
   align-items: center;
   transition: 0.3s;
}

.list-news li:hover {background-color: #f4f4f4}
#super-important .list-news li:hover {background: none}

#important-news .list-news li:hover,
.blk-important .list-news li:hover,
body.news_important .list-news li:hover{
   background-color: #fde9eb;
}

.list-news li div {transition: 0.3s}
.list-news li:hover div {transform: translateX(10px);}


#important-news .list-news,
#super-important .list-news {border-top: none}

#important-news .list-news li,
#super-important .list-news li{color: #fa616e; border-bottom: none;}
#super-important .list-news li {padding: 0;}

.list-news li {
   display: flex;
   padding: clamp(1.0px, 2.6vw, 20px) 3%;
   line-height: 1.5;
   color: #4e5971;
   border-bottom: solid 1px #d7dae6;
   flex-wrap: wrap;
   align-items: center;
}


.list-news .news_date{
   width: 95px;
   margin-right: 5px;
   font-family: 'Inter', sans-serif; 
}

#top-news .list-news .news_date{
    width: 95px;
   margin-right: 5px;
   font-family: 'Inter', sans-serif; 
   text-align: center;
}

#top-news .list-news .news_date p:nth-child(1){font-size: 1.1rem;}
#top-news .list-news .news_date p:nth-child(2){font-size: 1.4rem;}

.list-news .news_cat{
   width: 160px;
   margin-right: 15px;
   font-size:clamp(1.1rem, 2vw, 1.3rem)
}
.list-news .news_cat p {
   display: block;
   border: solid 1px #4e5971;
   padding: 8px 10px;
   line-height: 1;
   text-align: center;
   letter-spacing: 0.02em;
}
@media screen and (max-width: 743px) {
.list-news .news_cat p {padding: 4px 5px;} 
#top-news .list-news .news_date p:nth-child(1){font-size: clamp(1.3rem, 2vw, 1.5rem);}
#top-news .list-news .news_date p:nth-child(1)::after{content: "."}
#top-news .list-news .news_date p:nth-child(2){font-size: clamp(1.3rem, 2vw, 1.5rem);}
}

.list-news .news_ttl a {display: block;}

.list-news .news_ttl.ttl01{width: calc(100% - 275px);}
.list-news .news_ttl.ttl02{width: calc(100% - 100px);}

.list-news .news_ttl p {display: inline-block;position: relative;}
#top-news .list-news .news_ttl p {font-size: 1.3rem}

@media screen and (max-width: 1300px) {
.list-news .news_date{width: 20%;}
.list-news .news_cat{ width: 30%;}
.list-news .news_ttl.ttl01,.list-news .news_ttl.ttl02{width: 100%; margin-top: 20px}  
#super-important .list-news .news_ttl.ttl02{width: 100%; margin-top: 0}  
}

@media screen and (max-width: 743px) {
.list-news .news_ttl.ttl01,.list-news .news_ttl.ttl02{margin-top: 5px}   
.list-news .news_date{width: auto; margin-right: 5px}
.list-news .news_cat{ width: auto; margin: 0 3%; display: inline-block}
#top-news .list-news .news_ttl.ttl02{width: 80%; margin-top: 0;}
#top-news .list-news .news_date{
   width: 100%;
   margin-right: 0;
   text-align: left;
   display: flex;
}
#top-news .list-news .news_ttl.ttl02{width: 100%;}
#top-news .list-news .news_ttl p {font-size: clamp(1.3rem, 2vw, 1.5rem);
}
}

.list-news .news_ttl p.icon_file {
   background-image: url("../img/common/icon-file01.png");
   background-size: 20px 25px;
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 30px;
   min-height: 25px;
}
.blk-important .list-news .news_ttl p.icon_file {
   background-image: url("../img/common/icon-file02.png");
   background-size: 20px 25px;
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 30px;
   min-height: 25px;
}
.list-news .news_ttl p.icon_brank {
   background-image: url("../img/common/icon-brank-02.png");
   background-size: 20px 25px;
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 30px;
   min-height: 25px;
}
.blk-important .list-news .news_ttl p.icon_brank {
   background-image: url("../img/common/icon-brank-03.png");
}

@media screen and (max-width: 743px) {
.list-news .news_ttl p.icon_file {
   background-image: url("../img/common/icon-file01.png");
   background-size: 15px 19px;
   padding-right: 20px;
   min-height: 13px;
}
.blk-important .list-news .news_ttl p.icon_file {
   background-image: url("../img/common/icon-file02.png");
   background-size: 15px 19px;
   padding-right: 20px;
   min-height: 13px;
} 
.list-news .news_ttl p.icon_brank {
   background-image: url("../img/common/icon-brank-02.png");
   background-size: 15px 19px;
   padding-right: 20px;
   min-height: 13px;
}
}



.list-news .news_ttl .icon_arrow {
   background-image: url("../img/common/icon-arrow-right01.png");
   background-size: 7px 13px;
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 30px;
}
#important-news .list-news .news_ttl .icon_arrow,
#super-important .list-news .news_ttl .icon_arrow,
.blk-important .list-news .news_ttl .icon_arrow{
   background-image: url("../img/common/icon-arrow-right02.png");
}

#blk-back {
   border-top: solid 1px #d7dae6;
   padding-top: clamp(30px,8vw,60px);
   text-align: center;
}

#blk-back p {
   display: inline-block;
   padding-left: 20px;
   background-image: url("../img/common/icon-arrow-left05.png");
   background-size: 8px 13px;
   background-repeat: no-repeat;
   background-position: center left;
   min-height: 13px;
}

#blk-back p a{transition: 0.3s; position: relative}
#blk-back p a::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   height: 1px;
   width: 0;
   background-color: #34508c;
   transition: 0.3s
}

#blk-back p a:hover::before {width: 100%;}


/* //////////////////// */
/* top実績 */
/* //////////////////// */
#top-performance {
   width: 100%;
   padding: 60px 180px 80px 260px;
   background-color: #edf4fa;
   text-align: center;
}

#top-performance div {
   width: 100%;
   margin: 0 auto;
}
@media screen and (max-width: 743px) {
#top-performance {
   width: 100%;
   padding: 30px 5% 40px 5%;
   background-color: #edf4fa;
   text-align: center;
}  
}


/* //////////////////// */
/* topニュース */
/* //////////////////// */
#blk-top-news {
   position: relative;
   background-color: #ffffff;
   box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.15);
   padding: 90px 0 clamp(170px, 26vw, 200px) 0;
   background-image: url("../img/top/bg-01.png");
   background-repeat: no-repeat;
   background-position: center bottom;
}

#blk-top-news .bird {
   position: absolute;
   left: 20%;
   bottom: 8%;
   background-image: url("../img/common/bird.gif");
   background-size: 100%;
   width: 165px;
   height: 74px;
   animation: bird 14.0s infinite;
}

/* ローディングアニメーション */
@keyframes bird {
  0% {opacity: 0;left: 20%;bottom: 8%;}
20% {opacity: 1;}
50% {opacity: 1;}
95% {opacity: 0;}
100% {opacity: 0;left: 70%;bottom: 18%;}
}

@media screen and (max-width: 743px) {
#blk-top-news {
   background-image: url("../img/top/bg-01sp.png");
   background-size: 100%;
   padding: 90px 0 clamp(90px, 22vw, 170px) 0;
} 
#blk-top-news .bird {
   position: absolute;
   left: 20%;
   bottom: 3%;
   background-image: url("../img/common/bird.gif");
   background-size: 100%;
   width: 82.5px;
   height: 37px;
   animation: bird-sp 14.0s infinite;
   }
}

/* ローディングアニメーション */
@keyframes bird-sp {
  0% {opacity: 0;left: 20%;bottom: 3%;}
20% {opacity: 1;}
50% {opacity: 1;}
95% {opacity: 0;}
100% {opacity: 0;left: 70%;bottom: 4%;}
}

#important-news {
   position: relative;
   top: -120px;
   left: 0;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: -90px;
}

#important-news .f-w_inews01 {
   width: 230px;
   margin-right: 40px;
}

#important-news .f-w_inews01 figure {
   position: relative;  
}

#important-news .f-w_inews01 figure .img-anime {
   position: absolute;
   top: 188px;
   right: 29.5px;
   width: 40px;
   height: 40px;
}

#important-news .f-w_inews02 {
   padding-top: 120px;
   width: calc( 100% - 270px)
}

@media screen and (max-width: 743px) {
#important-news {
   position: relative;
   top: -105px;
   left: 0;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: -90px;
}
   
#important-news .f-w_inews01 {
   width: 100%;
   margin-right: 0;
}
   
#important-news .f-w_inews01 figure {width: 185px;}
#important-news .f-w_inews01 figure .img-anime {
   position: absolute;
   top: auto;
   bottom: 4px;
   right: 15px;
   width: 20px;
   height: 20px;
}
   
#important-news .f-w_inews02 {
   padding-top: 30px;
   width: 100%;
}
}

#top-banner {padding: clamp(40px, 10vw, 80px) 0}

#top-banner ul {flex-wrap: wrap}
#top-banner li {
   width: 23%;
   filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15));
   margin:0 2% 20px 0;
   transition: 0.5s;
}

#top-banner li:hover {filter: drop-shadow(0 7px 3px rgba(0, 0, 0, 0.18))}

#top-banner li:nth-of-type(4n){margin: 0 0 20px 0}
@media screen and (max-width: 743px) {
#top-banner li {width: 47%; margin:0 0 20px 0} 
#top-banner ul {flex-wrap: wrap; justify-content: space-between}
}



#footercontents {
   width: 100%;
   padding: clamp(40px, 10vw, 80px) 0; line-height: 1.5
}

.s-i_news #footercontents {
   padding: clamp(40px, 10vw, 80px) 0 clamp(100px, 26vw, 200px) 0;
}

#footercontents .logo {
  font-size:2.0rem; 
  margin-bottom: clamp(10px, 2.5vw, 20px); 
}
#footercontents .logo span {
   display: inline-block;
   margin-right: 15px;
     font-size:clamp(1.0rem, 1.8vw, 1.4rem);
}
@media screen and (max-width: 743px) {
 #footercontents .logo span {
   display: block;
    margin-bottom: 5px;
}  
}

#footercontents .f-w_foot01 {width: calc(100% - 350px);}
#footercontents .f-w_foot02 {width: 300px;}
@media screen and (max-width: 743px) {
#footercontents .f-w_foot01 {width: 100%; margin-bottom: 40px}
#footercontents .f-w_foot02 {width: 100%; display: flex; justify-content: space-between}   
}
#footercontents .f-w_foot03 {width: 70px; }
#footercontents .f-w_foot04 {width: calc(100% - 70px);}

#footercontents .dl-list {display: flex; flex-wrap: wrap;   font-size:clamp(1.2rem, 2.0vw, 1.4rem);}
#footercontents .dl-list dt,
#footercontents .dl-list dd{ border-top: solid #ced2e1 1px; padding: 20px 0}
#footercontents .dl-list dt {width: 100px; font-weight: 500}
#footercontents .dl-list dd {width: calc(100% - 100px);}
@media screen and (max-width: 743px) {
#footercontents .dl-list {border-top: solid #ced2e1 1px;}
#footercontents .dl-list dt {width: 100%; border-top: none; padding:15px 0 8px 0}  
#footercontents .dl-list dd {width: 100%; border-top: none; border-bottom: solid #ced2e1 1px; padding:0 0 15px 0} 
#footercontents .f-w_foot03 {width: 65px; }
#footercontents .f-w_foot04 {width: calc(100% - 65px);}
}

#footercontents .blk-copy {
   border-top: solid 1px #ced2e1;
   padding-top: clamp(15px, 4vw, 30px); 
   margin-top: clamp(40px, 10vw, 80px);
}
#footercontents .blk-copy .f-w_copy {width: 47%;}
#footercontents .blk-copy .f-w_copy:nth-child(2) {text-align: right}
@media screen and (max-width: 743px) {
#footercontents .blk-copy .f-w_copy {width: 100%;}
#footercontents .blk-copy .f-w_copy:nth-child(2) {text-align: left;margin-top: 10px}  
}

#footercontents .blk-copy span{
   display: inline-block;
   margin-right: 15px;
   font-size:clamp(1.1rem, 2vw, 1.3rem);
}

#footercontents .blk-copy span a{transition: 0.3s; position: relative}
#footercontents .blk-copy span a::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0px;
   height: 1px;
   width: 0;
   background-color: #4f91c8;
   transition: 0.3s
}
#footercontents .blk-copy span a:hover {color: #4f91c8;}
#footercontents .blk-copy span a:hover::before {width: 100%;}



#footercontents .icon {
   margin: 0 7px;
   width: 40px;
   height: 45px;
   transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
   display: flex;
   justify-content: center;
   align-items: center;}
#footercontents .icon:hover {
   width: 44px; margin: 0 5px;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 743px) {
 #footercontents .icon {margin: 0 10px 0 0; width: 30px}  
}

#footercontents .banner {
   background-color: #fff;
   border-radius: 5px;
   box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.15);
   transition: 0.4s
}

#footercontents .banner:hover {
   box-shadow: 0px 5px 5px rgb(0, 0, 0, 0.17); 
}


@media screen and (max-width: 743px) {
 #footercontents .banner {width: 47%; margin-bottom: 10px}  
}

#footercontents .banner a {
   display: block;
   padding: 0 20px;
   text-align: center;
}


#page_top {
   position: absolute;
   right: 5%;
   bottom: -25px;
   display: block;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.15);
   z-index: 500;
}

#page_top a {
   display: block;
   width: 100%;
   height: 100%;
   background-image: url("../img/common/icon-arrow-top01.png");
   background-size: 12px 7px;
   background-position: center;
   background-repeat: no-repeat;
   background-color: #fff;
   border-radius: 50%;
   transition: 0.5s;
}

@media screen and (max-width: 743px) {
#page_top {
   right: 3%;
   bottom: -17px;
   width: 34px;
   height: 34px;
   box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.15);
} 
#page_top a {
   display: block;
   width: 100%;
   height: 100%;
   background-image: url("../img/common/icon-arrow-top01.png");
   background-size: 12px 7px;
   background-position: center;
   background-repeat: no-repeat;
   background-color: #fff;
   border-radius: 50%;
   transition: 0.5s;
}
}

#page_top a:hover {
   background-image: url("../img/common/icon-arrow-top01ov.png");
   background-color: #34508c;
}


/* //////////////////// */
/* 医師紹介 */
/* //////////////////// */

.blk-doctors {display: block}
@media screen and (max-width: 743px) {
.blk-doctors {display: flex; justify-content: space-between} 
.blk-doctors .box01 {width: 40%;} 
.blk-doctors .box02 {width: 50%; text-align: left} 
}


.magazine .f-w_topmaga01 {width: 30%;}
.magazine .f-w_topmaga02 {width: 65%;}
.magazine .f-w_topmaga02 figure.kizuna-logo {max-width: 309px; width: 90%; margin-bottom: clamp(15px, 3.9vw, 30px)}

@media screen and (max-width: 743px) {
.magazine .f-w_topmaga01 {width: 100%;}
.magazine .f-w_topmaga02 {width: 100%;} 
.magazine .f-w_topmaga02 figure.kizuna-logo {
   max-width: clamp(180px,48vw,360px);
   margin-top: 30px
}
}



.magazine .f-w_topmaga02 .lead {
   font-size: clamp(1.6rem, 2vw, 1.7rem);
   font-weight: 500 !important;
   font-family: YakuHanJP,'M PLUS Rounded 1c', sans-serif;
   line-height: 1.5;
   margin-bottom: 10px;
   color: #4e5971;
}


.magazine .f-w_topmaga02 .maga-new {
   background-image: url("../img/magazine/new-mag.png");
   background-repeat: no-repeat;
   background-position: left center;
   background-size: 110px 40px;
   padding-left: 120px;
   color: #4e5971;
   font-size: clamp(1.6rem, 2vw, 1.8rem);
   min-height: 40px;
   margin-bottom: 20px
}
@media screen and (max-width: 743px) {
 .magazine .f-w_topmaga02 .maga-new {
   background-image: url("../img/magazine/new-mag-sp.png");
   background-repeat: no-repeat;
   background-position: left center;
   background-size: 86px 28px;
   padding-left: 96px;
   color: #4e5971;
   font-size: clamp(1.6rem, 2vw, 1.8rem);
   min-height: 28px;
   margin-bottom: 25px
}  
}

.magazine .f-w_topmaga02 .maga-topic {
   font-size:clamp(1.7rem, 2.4vw, 2.1rem);
   font-weight: 500 !important;
   font-family: YakuHanJP,'M PLUS Rounded 1c', sans-serif;
   color: #4e5971;
   line-height: 1.5;
   margin-bottom: clamp(10px, 2.6vw, 20px)
}

.magazine .f-w_topmaga02 .maga-dl {
   background-image: url("../img/common/icon-pdf.png");
   background-repeat: no-repeat;
   background-position: left center;
   background-size: 26px 32px;
   padding-left: 38px;
   min-height: 32px
}
@media screen and (max-width: 743px) {
.magazine .f-w_topmaga02 .maga-dl {
padding-top: 3px;
   font-size: 1.6rem;
   font-weight: 700;
}  
}

.list-backnum {
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
}
.list-backnum li {
   margin-right: 1.6%;
   width: 15%;
   margin-bottom: 10px;
}

.list-backnum.mag-noimg li  {
   background-image: url("../img/common/icon-pdf.png");
   background-repeat: no-repeat;
   background-position: left center;
   background-size: 26px 32px;
   padding-left: 35px;
   padding-top: 3px;
   min-height: 32px;
   margin-bottom: 20px;
}
.list-backnum.mag-noimg li a {
   transition: 0.3s;
   position: relative;
}
.list-backnum.mag-noimg li a:hover{color: #426bba}
.list-backnum.mag-noimg li a::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   height: 1px;
   width: 0;
   background-color: #426bba;
   transition: 0.3s;
}

.list-backnum.mag-noimg li a:hover::before {
   width: 100%;
}

.list-backnum li:nth-of-type(6n) {
    margin-right: 0;  
}

@media screen and (max-width: 743px) {
.list-backnum {justify-content:space-between;}
.list-backnum li {
   margin-right: 0;
   width: 47%;
   margin-bottom: 30px
} 
.list-backnum.mag-noimg li  {
   background-image: url("../img/common/icon-pdf.png");
   background-repeat: no-repeat;
   background-position: left center;
   margin-bottom: 25px
}
}

.sitemap {
   border-top: 1px #004986 solid;
   padding-top: clamp(45px, 12vw, 90px);
}



/* Magnific Popup CSS */

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5001;
	overflow: hidden;
	position: fixed;
	background: #000000;
	opacity: 0.2;
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5002;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
}

@media screen and (max-width: 743px) {
.mfp-container {
	padding: 0;
}  
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}

.mfp-preloader a {
	color: #CCC;
}

.mfp-preloader a:hover {
	color: #FFF;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
	border-right: 17px solid #FFF;
	margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
	border-left: 17px solid #FFF;
	margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
	border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}

/* Main image in popup */

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

/* The shadow behind the image */

.mfp-figure {
	line-height: 0;
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444;
}

.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

.mfp-ie7 .mfp-img {
	padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
	padding: 0;
}

.mfp-ie7 .mfp-content {
	padding-top: 44px;
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}

.mfp-wrap,
.mfp-bg {
	min-width: 1000px;
}

.white-popup {
	position: relative;
	background: #FFF;
	max-width: 1000px;
   width: 90%;
	margin: 20px auto;
	display: none;
}

@media screen and (max-width: 743px) {
.mfp-wrap,
.mfp-bg {
	min-width: 100%;
}
.white-popup {

	max-width: 90%;
   width: 90%;
}   
}

.mfp-content .white-popup {
	display: block;
}

.mfp-close-btn-in .mfp-close {
	color: #5e677d;
	top: 50px;
	right: 50px;
}

@media screen and (max-width: 743px) {
.mfp-close-btn-in .mfp-close {
	top: 25px;
	right: 25px;
}  
}

/* overlay at start */

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/* overlay animate in */

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.2;
}

/* overlay animate out */

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

/* content at start */

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/* content animate it */

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

/* content animate out */

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
.profile-header {padding: 90px 90px 0 90px;}

@media screen and (max-width: 743px) {
.profile-header {padding: clamp(35px,9vw,70px) 20px 0 20px;}   
}
	

.profile-header h3 {
   font-size:clamp(2.1rem, 3.4vw, 2.6rem);
   border-bottom: solid 1px #004986;
   padding-bottom: clamp(15px, 4vw, 30px);
   color: #004986;
}


.profile-header dl {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 10px;
}

.profile-header dl dt {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
}

.profile-header dl dd.en-text {
	color: #a0a0a0;
	font-size: 11px;
	margin-bottom: 10px;
}

.profile-header dl dd.history {
	font-weight: bold;
}



.profile-content {
	padding: 60px 90px;
}

@media screen and (max-width: 743px) {
 .profile-content {
	padding: clamp(20px,5vw,40px) 20px;
}  
}

.profile-content h4 {
font-weight: 500 !important; font-family: YakuHanJP,'M PLUS Rounded 1c', sans-serif;
font-size: clamp(1.4rem, 2vw, 1.6rem);
color: #34508c;
}

@media screen and (max-width: 743px) {
.profile-content h4 {
margin-bottom: clamp(10px,2.6vw,20px);
}
   
   .profile-content .f-w30 {
      text-align: center;
      height: auto;
   }
}

.profile-content p {margin-bottom: 60px;}
.profile-content figure {
   max-width: 150px;
   width: 90%;
   margin: 0 0 20px 0;
}
.profile-content .txt-box {
   margin-left: 25px;
}
@media screen and (max-width: 743px) {
.profile-content p {margin-bottom: 30px;}
 .profile-content figure {
   max-width: 100px;
   width: 90%;
   margin: 0 auto 10px auto;
}
.profile-content .txt-box {
   margin-left: 0;
}
}





/* 修正版 */
.list-dl_history {display: flex; border-top: 3px solid #ced2e1; line-height: 1.5; flex-wrap: wrap}
.list-dl_history:last-child
{display: flex; border-top: 3px solid #ced2e1; line-height: 1.5; border-bottom: 1px solid #ced2e1}
.list-dl_history .era_name {width: 80px; padding: 15px}
.list-dl_history .era_name_contents {width: calc(100% - 80px)}

.list-dl_history .era_name_contents .list-dl_year
{display: flex; border-bottom: 1px solid #ced2e1}
.list-dl_history .era_name_contents .list-dl_year:last-child
{border-bottom: none}

.list-dl_history .era_name_contents .list-dl_year .history_year {width: 80px; padding: 15px}
.list-dl_history .era_name_contents .list-dl_year .history_year_contents
{width: calc(100% - 80px);}

.list-dl_history .era_name_contents .list-dl_year .history_year_contents .history_inner
{display: flex; border-bottom: 1px solid #ced2e1}
.list-dl_history .era_name_contents .list-dl_year .history_year_contents .history_inner:last-child
{border-bottom: none}
.list-dl_history .era_name_contents .list-dl_year .history_year_contents .history_month
{width: 70px; padding: 15px}
.list-dl_history .era_name_contents .list-dl_year .history_year_contents .history_txt
{width: calc(100% - 70px); padding: 15px}

@media screen and (max-width: 743px) {
.list-dl_history .era_name {width: 100%; padding: 15px 10px;border-bottom: 1px solid #ced2e1}
.list-dl_history .era_name_contents {width: 100%}
   
.list-dl_history .era_name_contents .list-dl_year .history_year {width: 50px; padding: 15px 5px;}
.list-dl_history .era_name_contents .list-dl_year .history_year_contents
{width: calc(100% - 50px);}  

.list-dl_history .era_name_contents .list-dl_year .history_year_contents .history_month
{width: 50px; padding: 15px 5px;}
.list-dl_history .era_name_contents .list-dl_year .history_year_contents .history_txt
{width: calc(100% - 50px); padding: 15px 5px;}
}


.orthopedic .graph {
   justify-content: space-between;
   color: #004986;
   font-weight: 500;
   flex-wrap: wrap;
}


.orthopedic .graph .txt01 {font-size: 20px; line-height: 1.5}
.orthopedic .graph .txt02 {font-size: 27px}
.orthopedic .graph .txt03 {font-size: 32px}
.orthopedic .graph .txt04 {line-height: 1.5}

.orthopedic .graph .txtw {
   min-width: 200px;
   display: inline-block;
}

.orthopedic .f-orthopedic-graph01 .f-w01,
.orthopedic .f-orthopedic-graph02 .f-w02{
   width: 32%;
   background-image: url("../img/department/dpt02-03.jpg");
   background-repeat: no-repeat;
   background-position: left 40px center;
   padding: 10px 0;
   padding-left: 160px;
}
.orthopedic .f-orthopedic-graph01 .f-w02,
.orthopedic .f-orthopedic-graph02 .f-w03{
   width: 32%;
   background-image: url("../img/department/dpt02-04.jpg");
   background-repeat: no-repeat;
   background-position: left 40px center;
   padding: 10px 0;
   padding-left: 160px;
}
.orthopedic .f-orthopedic-graph01 .f-w03 {
   width: 26%;
   padding: 10px 0;
}
.orthopedic .f-orthopedic-graph02 .f-w01,
.orthopedic .f-orthopedic-graph02 .f-w02,
.orthopedic .f-orthopedic-graph02 .f-w03 {
   width: 33%
}

@media screen and (max-width: 1560px) {
.orthopedic .graph {justify-content: flex-start;}
.orthopedic .f-orthopedic-graph01 .f-w01 {width: 50%} 
.orthopedic .f-orthopedic-graph01 .f-w02 {width: 40%}
.orthopedic .f-orthopedic-graph01 .f-w03 {width: 100%; margin-top: 20px}  
   
.orthopedic .f-orthopedic-graph02 .f-w01{width: 100%; margin-bottom: 20px}
.orthopedic .f-orthopedic-graph02 .f-w02,
.orthopedic .f-orthopedic-graph02 .f-w03 {width: 50%} 
}
@media screen and (max-width: 1200px) {
.orthopedic .f-orthopedic-graph01 .f-w01,
.orthopedic .f-orthopedic-graph01 .f-w02,
.orthopedic .f-orthopedic-graph01 .f-w03,
.orthopedic .f-orthopedic-graph02 .f-w01,
.orthopedic .f-orthopedic-graph02 .f-w02,
.orthopedic .f-orthopedic-graph02 .f-w03 {width: 100%; margin-top:0; margin-bottom: 20px}   
}
@media screen and (max-width: 743px) {
.orthopedic .graph .txt01 {font-size: 14px;}
.orthopedic .graph .txt02 {font-size: 16px}
.orthopedic .graph .txt03 {font-size: 20px}
.orthopedic .graph .txtw {
   min-width: 150px;
}
   
.orthopedic .f-orthopedic-graph01 .f-w01,
.orthopedic .f-orthopedic-graph02 .f-w02{
   background-image: url("../img/department/dpt02-03.jpg");
   background-repeat: no-repeat;
   background-position: left 0 center;
   background-size: 70px;
   padding: 10px 0;
   padding-left: 80px;
}
.orthopedic .f-orthopedic-graph01 .f-w02,
.orthopedic .f-orthopedic-graph02 .f-w03{
   background-image: url("../img/department/dpt02-04.jpg");
   background-repeat: no-repeat;
   background-position: left 0 center;
   background-size: 70px;
   padding: 10px 0;
   padding-left: 80px;
} 
.orthopedic .f-orthopedic-graph01 .f-w01,
.orthopedic .f-orthopedic-graph01 .f-w02,
.orthopedic .f-orthopedic-graph01 .f-w03,
.orthopedic .f-orthopedic-graph02 .f-w01,
.orthopedic .f-orthopedic-graph02 .f-w02,
.orthopedic .f-orthopedic-graph02 .f-w03 {margin-bottom: 30px}  
}

.prp .graph {
   justify-content: flex-start;
   font-weight: 400;
   flex-wrap: wrap;
}

.prp .graph p {margin-bottom: 20px}
.prp .graph .f-w {
	width: 25%; padding: 0 2%;
	background: url("../img/common/icon-arrow-right05.png") no-repeat right center/8px 13px;
}
.prp .graph .f-w:last-child {
	width: 25%; padding: 0 2%;
	background: none;	
}
@media screen and (max-width: 743px) {
.prp .graph {justify-content:space-between;}
.prp .graph .f-w,.prp .graph .f-w:last-child {
	width: 47%; padding:0;
	background: none;
	margin-bottom: 30px
}
	.prp .graph .f-w figure {
		width: 70%;
		margin: 0 auto;
	}
}


.haru .graph {
	position: relative;
   justify-content:space-between;
   font-weight: 400;
   flex-wrap: nowrap;
}

.haru .blk-timeline {text-align: center; margin-bottom: 20px}
.haru .blk-contents {}

.haru .graph::before {
	content: "";
	position: absolute;
	left: 0;
	top: 46px;
	width: 91%;
	height: 2px;
	background-color: #004986;
}

.haru .graph .f-w {width: 18%;}
.haru .graph figure {margin-bottom: 20px}
@media screen and (max-width: 743px) {
 .haru .graph {
	position: relative;
   justify-content:space-between;
   font-weight: 400;
   flex-wrap: wrap;
} 
.haru .graph::before {
	content: "";
	left: 14.6%;
	top: 0;
	width: 2px;
	height: 82.5%;
}
.haru .graph .f-w {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-bottom: 30px;
   }
.haru .blk-timeline {
text-align: center;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content:space-between;
width: 30%;
font-size: 1.2rem
   }
.haru .blk-contents {width: 60%}
.haru .blk-timeline .t:first-child {width: 32%}
.haru .blk-timeline .t {width: 32%}
.haru .graph figure {margin-bottom: 10px}
}