@charset "UTF-8";
/*¡¡¤³¤É¤âÒ½¯Ÿ¥»¥ó¥¿©`ÓÃcss¡¡*/

/* Ìø¤Í¤ë¥ä¥Þ¥ß¥£ */


.v03 img{
 width:150px;
 height:px;
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
 margin-bottom: 20px;
   /*????2Ã뤴¤È¤Ë»­Ïñ¤¬„Ó¤¯¤è¤¦¤Ë¤Ê¤Ã¤Æ¤¤¤ë*/
 animation: fluffy1 2s ease infinite; 
}
@keyframes fluffy1 {
  0% {
    transform: translateY(0); }
  5% {
    transform: translateY(0); }
  10% {
    transform: translateY(0); }
  20% {
    transform: translateY(-10px); }
  25% {
    transform: translateY(0); }
  30% {
    transform: translateY(-10px); }
  50% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }

/* ¥¹¥é¥¤¥É¥·¥ç©`*/


    .v03img-frame{
    position: relative;
	max-width:1180px;
    width: 100vw;
    height: 50vh;
    overflow: hidden;
    margin: 0 auto;
    }
    .v03img-01, .v03img-02, .v03img-03, .v03img-04, .v03img-05{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    }
    .v03img-01{
    background-image: url('/hosp/img/virtual/top-v3-01.jpg');
    animation: slide-animation-01 40s infinite;
    }
    .v03img-02{
    background-image: url('/hosp/img/virtual/top-v3-02.jpg');
    animation: slide-animation-02 40s infinite;
    }
    .v03img-03{
    background-image: url('/hosp/img/virtual/top-v3-03.jpg');
    animation: slide-animation-03 40s infinite;
    }
    .v03img-04{
    background-image: url('/hosp/img/virtual/top-v3-02.jpg');
    animation: slide-animation-04 40s infinite;
    }
    .v03img-05{
    background-image: url('/hosp/img/virtual/top-v3-03.jpg');
    animation: slide-animation-05 40s infinite;
    }
    @keyframes slide-animation-01 {
    0% {opacity: 1; transform: scale(1.0);}
    10% {opacity: 1;}
    20% {opacity: 0; transform: scale(1.15);}
    90% {opacity: 0}
    100% {opacity: 1; transform: scale(1.0);}
    }
    @keyframes slide-animation-02 {
    0% {opacity: 0;}
    10% {opacity: 0; transform: scale(1.1);}
    20% {opacity: 1;}
    30% {opacity: 1;}
    40% {opacity: 0; transform: scale(1.0);}
    100% {opacity: 0;}
    }
    @keyframes slide-animation-03 {
    0% {opacity: 0;}
    30% {opacity: 0;  transform: scale(1.0);}
    40% {opacity: 1;}
    50% {opacity: 1;}
    60% {opacity: 0; transform: scale(1.1);}
    100% {opacity: 0;}
    }
    @keyframes slide-animation-04 {
    0% {opacity: 0;}
    50% {opacity: 0;  transform: scale(1.0);}
    60% {opacity: 1;}
    70% {opacity: 1;}
    80% {opacity: 0; transform: scale(1.0);}
    100% {opacity: 0;}
    }
    @keyframes slide-animation-05 {
    0% {opacity: 0;}
    70% {opacity: 0;  transform: scale(1.0);}
    80% {opacity: 1;}
    90% {opacity: 1;}
    100% {opacity: 0; transform: scale(1.0);}
    }


 /*   .v03img-frame::after{
       content: '';
       position: absolute;
       top: 70%;
       left: 0;
       width: 100%;
       height: 30%;
       background-color: rgba(255, 255, 255, .10);
    }*/

    .v03msg{
       font-size: 40px;
       font-weight:bold;
       color: #000;
       position: absolute;
       top: 83%;
       left: 50%;
       transform: translate(-50% , -50%);
    }
   .v03msg-01, .v03msg-02, .v03msg-03{
        text-shadow: 5px 5px 8px #fff, -5px -5px 8px #fff;
    }
    .v03img-03.cover::after{
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-color: rgba(0, 0, 0, .7);
    }


/* ¥Ü¥¿¥ó */



/* v03 */
.buttonv03 a {
    background: #eee;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 10px auto;
    max-width: 386px;
    padding: 20px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 700;
font-size: 1.25em;
    z-index:0;
    border-left: solid 5px #6bb6ff;
}
.buttonv03 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: #6bb6ff;
    transition: .3s;
    left:0;
}
.buttonv03 a:hover {
    color: #FFF;
}
.button013 a:hover:before {
    width: 100%;
    z-index: -1;
}


/* »­ÏñÕæ¤óÖÐ */

.vimgcent{
 display: block;
 margin-left: auto;
 margin-right: auto;
}



/* ¤Õ¤ï¤Õ¤ï */

.fuwafuwa {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
  background: url(/hosp/css/12-A.png) no-repeat center center / 60px auto;
  display: inline-block;
  transition: 1.5s ease-in-out;
  width: 70px;
  height: 70px;
  margin-top: 15px;
}
 
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}


/*¡¡¤³¤³¤Þ¤Ç¡¡*/