@media (max-width: 768px) {
    body {
      padding: 10px;
    }
  
    .gazou {
      position: static;
      margin: 20px auto;
      display: block;
      width: 80%;
      max-width: 300px;
    }
  
    .de {
      position: static;
      width: 90%;
      margin: 20px auto;
      font-size: 18px;
      text-align: center;
    }
  
    .sita {
      position: static;
      width: 100%;
      padding: 20px 10px;
      font-size: 18px;
    }
  
    .youkoso, .desu, .masu, .nikki, .nikki2 {
      text-align: center;
      padding: 10px;
    }
  
    .youkoso {
      font-size: 20px;
    }
  
    .desu {
      font-size: 18px;
    }
  
    .masu {
      font-size: 24px;
    }
  
    .nikki {
      font-size: 20px;
    }
  
    .nikki2 {
      font-size: 14px;
    }
  }