.example {
  position: relative;
  }

.example p  {
  font-family: 'Dancing Script', cursive;
  position: absolute;
  top: 5%;
  left: 35%;
  margin:0;
  padding:0;
  color: #E6B422;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 64px;/*サイズ2倍*/
  text-shadow: 1px 2px 3px #000000;
  animation-name: fadein;
  animation-duration: 20s;
  /*文字の装飾は省略*/
  }
  .example p span {
  font-family: 'Dancing Script', cursive;
  position: absolute;
  color: #ffffff;/*文字は白に*/
  font-size: 38px;/*サイズ2倍*/
  font-weight: normal; /*太字に*/
  line-height:55px;
  text-shadow: none;
  animation-name: fadein;
  animation-duration: 30s;
  }
  .example p span.it {
  position: absolute;
  color: #ffffff;/*文字は白に*/
  font-weight: bold; /*太字に*/
   font-size: 28px;/*サイズ2倍*/
  line-height:45px;
  text-shadow: 1px 2px 3px #000000;
  animation-name: fadein;
  animation-duration: 40s;
  }
.example p span.it2 {
  position: absolute;
  color: #ffffff;/*文字は白に*/
  font-weight: bold; /*太字に*/
   font-size: 24px;/*サイズ2倍*/
  line-height:45px;
  text-shadow: 1px 2px 3px #000000;
  animation-name: fadein;
  animation-duration: 40s;
  }

@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
.example img {
  width: 100%;
  }
   } 
@media print, screen and (max-width: 767px) {
.example p {
  position: absolute;
  font-family: 'Dancing Script', cursive;
  top: 5%;
  left: 30%;
  margin:0;
  padding:0;
  color: #E6B422;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 30px;/*サイズ2倍*/
  /*文字の装飾は省略*/
  }
 .example p span {
  position: absolute;
  font-family: 'Dancing Script', cursive;
  color: #ffffff;/*文字は白に*/
  font-size: 20px;/*サイズ2倍*/
  line-height:28px;
  /*文字の装飾は省略*/
  }
.example p span.it {
  position: absolute;
  color: #ffffff;/*文字は白に*/
  font-size: 14px;/*サイズ2倍*/
  line-height:24px;
  /*文字の装飾は省略*/
  }
.example p span.it2 {
  position: absolute;
  color: #ffffff;/*文字は白に*/
  font-weight: bold; /*太字に*/
   font-size: 14px;/*サイズ2倍*/
  line-height:45px;
  text-shadow: 2px 4px 5px #000000;
  animation-name: fadein;
  animation-duration: 40s;
  }

	}