body
 { background-image: url(bg026.gif); color: black; position: absolute;
top: 0;
left: 0 ;
right: 0 ;
bottom: 0; 
margin: 0  auto;

}
.center-box{
display: flex;
 justify-content: center;
  align-items: center;
position:absolute;
left:315px;top:250px;
 } 
.hyou-box{
display: flex;
 justify-content: center;
  align-items: center;
position:absolute;
left:0px;top:0px;
 } 
.gyouji{
position:absolute;
left:600px;top:500px;
}

.pc-only {
  display: block;          /* 通常時は表示 */
}

/* スマホでのみ表示（PCでは非表示） */
.sp-only {
  display: none;           /* 通常時は非表示 */
}

/* スマホサイズ（768px未満）の設定 */
@media only screen and (min-width: 768px) and (max-width: 1025px) {
  .pc-only {
    display: none;        /* スマホサイズでは非表示 */
  }
  
  .sp-only {
    display: block;       /* スマホサイズでは表示 */
  }
}

.pc-only2 {
  display: block;          /* 通常時は表示 */
}

/* スマホでのみ表示（PCでは非表示） */
.sp-only2 {
  display: none;           /* 通常時は非表示 */
}
/* スマホサイズ（768px未満）の設定 */
@media only screen and (min-width: 375px) and (max-width: 768px) {
  .pc-only2 {
    font size: 7;        /* スマホサイズでは非表示 */
  }
  
  .sp-only2 {
    font size: xx-large;       /* スマホサイズでは表示 */
  }
}