@charset "utf-8";
/* CSS Document */
/*テキストの動き 1文字ずつ出現*/

/*========= 1文字ずつ出現させるためのCSS ===============*/
/*新型コロナ対策について
診療案内について*/
.title_medical span{opacity: 0;}
.title_medical.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}

/*当院では自由診療をメインに行っております*/
.title_free__treatment span{opacity: 0;}
.title_free__treatment.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}




/*お悩み別で並べましたのでご覧ください*/
.title_medical__care span{opacity: 0;}
.title_medical__care.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}


/*アクセス*/
.title_access span{opacity: 0;}
.title_access.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}