/* Reset CSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 全体の基本設定　＆　左右の余白になる部分 */

body {
    font-family: Arial, sans-serif;
    margin: 0 auto;
    width: 100%;
    max-width: 706px;
    background-color: #000000;
}

div{
    height: 100%;
    max-height: 1022px;
    display: flex;
    justify-content: center;
    aspect-ratio: 353 / 511;
}

img{
    width: 100%;
    max-width: 706px;
}

.report{
    aspect-ratio: 706 / 499;
}

/*ul{
    list-style-type: none;
    line-height: 0px;

}*/


 /*ーーーーーーーーーースマホ対応ーーーーーーーーーー*/
 
 @media (max-width: 480px) {
  body {
    width: 100%;
    max-width: 480px;
    }
 }