body {
        animation: fadeIn 1s ease-in;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }





@media  (max-width: 768px) {
 table {
  width: 100%;
 font-size: 3vw;
 text-aline: left;
 }
}


img {
    max-width: 100%;
    height: auto;
}

contents{
  img{
    max-width:18vw;
}
}



contents2 {
   img {
    max-width:40%;
}
}




<style>
.ContentsFrame {
    margin: 0
}
table{
    width: 90%;
}




.fixed-header {
  position: sticky; /* ヘッダーを固定する */
  top: 0; /* 画面の上部に固定 */
  width: 100%; /* 画面の幅いっぱいに広げる */
  background-image:url(kabe-top1.png);/* 背景色を設定 */
  color: white; /* テキストの色を設定 */
  padding: 10px; /* 内側の余白を設定 */
  z-index: 50; /* ヘッダーを他の要素の上に表示 */
}




body {
background-image:url(kabe0.gif);
    text-align:center;
    margin:0 0 0 0;
    padding: 0 0 0 0;
}

.ContentsFrame {
    background-image:url(kabe-diary-top.gif);
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}





.ac-box{
width: 80%;
margin: 25px auto 4px;
}

.ac-box label{
max-width: 150px;
font-size: 13px;
font-weight: bold;
text-align: center;
background: #800000;
margin: auto;
line-height: 25px;
position: relative;
display: block;
height: 26px;
border-radius: 8px;
cursor: pointer;
color: #fff;
transition: all 0.5s;
}

.ac-box label:hover{
background: rgba( 240, 86, 137, 0.55 );
-webkit-transition: all .3s;
transition: all .3s;
}

.ac-box input{
display: none;
}

.ac-box label:after{
color: #fff;
font-family:"FontAwesome";
content:"\f078";
}

.ac-box input:checked ~ label::after {
color: #fff;
font-family:"FontAwesome";
content:" \f077";
}

.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box input:checked ~ div{
height: auto;
padding: 5px;
background: #EEEEEE;
opacity: 1;
}


.ac-box div {
color: #777;
line-height: 22px;
font-size: 14px;
padding: 20px;
text-align: justify;
}
.ac-small p{
margin-bottom: 0px;
}
font-size :1vw;
}
text-align: left;
}