/* Geminiによるヘッダー整理 */
.container {
  display: flex;
  justify-content: center; /* 横方向の中央揃え */
  align-items: center; /* 縦方向の中央揃え */
}

.disappear1 {
  /* .disappear1(logo500.gif) のスタイルはここにまとめる */
  margin:5px 15% 10px -15%;
  width: 100%;
  max-width: 250px; /* 必要に応じて調整 */
}

.head {
  /* headタグのスタイルはここにまとめる */
  margin:0 0 8px -8%;
  min-width: 280px;
  font-size:17px;
  font-weight:bold;
  line-height:140%;
}

.disappear2 {
  /* .disappear2(logo500.gif) のスタイルはここにまとめる */
  margin:0 auto;
  width: 100%;
  max-width: 200px; /* 必要に応じて調整 */
  text-align:center;
}

/* .disappear クラスの挙動を定義 */
@media screen and (max-width: 700px){ /* 700px以下 */
.disappear1 {       display:none;} /* disappear1を非表示 */
.disappear2 {       display:block;} /* disappear2を表示 */
}

@media screen and (min-width: 701px){ /* 701px以上 */
.disappear1 {       display:block;} /* disappear1を表示 */
.disappear2 {       display:none;} /* disappear2を非表示 */
}