.image {
   width: 90%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
 }
 .image img {
     
    width: 100%; 
  }

  #info {
    text-align: center;
  }

  ul {
    list-style: none;
  }

  .drama-title {
      text-align: center;
      font-size: 60px;
      font-family: "Hiragino Mincho Pro", "YuMincho", "sans-serif";
      letter-spacing: 0.5em;
      position:absolute;
      top: 0px;
      color: white;
  }
  .unit-title {
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.1em;
 }

  .schedule {
    margin-left: auto;
    margin-right: auto;
  }

  .footer {
    margin-top: 3%;
    font-size: 15px;
    font-family: "メイリオ";
    text-align: center;
  }

body {
    animation: fadeIn 5s ease 0s 1 normal;
    -webkit-animation: fadeIn 5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}