body {
  width: 100%;
  background: url("../momosui-second/bgmomo.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.heading08 {
  font-size: 18px;
  font-family: serif;
  text-align: center;
}

.heading08 span {
  display: flex;
  align-items: center;
  color: #498ee0;
  font-size: 18px;

  text-transform: uppercase;
}

.heading08 span::before {
  content: "";
  margin-right: 20px;
  width: 40px;
  height: 1px;
  background-color: #498ee0;
}

.main {
  width: 800px; /* 幅を800ピクセルに固定 */

  height: auto;
  background-color: rgba(
    255,
    255,
    255,
    0.5
  ); /* 半透明の白色を背景色とする。透明度0.85 (85%) */
  margin: 1em auto; /* マージンを設定し、周囲に余白を設ける */
  padding: 1em; /* パディングで、文字と周囲との間に空間を設ける */
}
td {
  text-align: center;
  font-weight: bold;
}

td img {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  justify-content: space-between;
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
  /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
  0% {
    opacity: 0;
  } /* 始め */
  100% {
    opacity: 1;
  } /* 終わり */
}

@media screen and (max-width: 740px) {
  .main {
    margin-top: 100px;
    width: 300px;
  }

  td img {
    margin: 0 auto;
    width: 80%;
  }
}