*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
body { margin: 0; min-width: 0; -webkit-text-size-adjust: 100%; }
img { max-width: 100%; }
table { max-width: 100%; }
a, p, td { overflow-wrap: anywhere; }
input, select, textarea, button { max-width: 100%; font: inherit; }

@media (max-width: 768px) {
  body { font-size: 16px; }
  #header1 { padding: 8px 12px 12px !important; font-size: 16px !important; line-height: 1.35; text-align: left !important; }
  img[src$="/img/back.gif"] { display: none; }
  table[height="33"] > tbody > tr:first-child { display: flex; flex-wrap: wrap; gap: 1px; height: auto !important; padding: 4px 8px; background: #a2c0d4; }
  table[height="33"] > tbody > tr:first-child > td { width: auto !important; height: auto !important; padding: 7px 5px; background: #a2c0d4 !important; }
  table[height="33"] > tbody > tr:first-child > td:empty, table[height="33"] > tbody > tr:nth-child(2) { display: none; }
  .menu, .menu1, .menu2, .menu3, .menu4 { margin: 0 !important; font-size: 14px !important; white-space: normal; }
  body > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) { display: flex; flex-wrap: wrap; }
  body > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td:first-child { display: none; }
  body > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td { width: 100% !important; height: auto !important; }
  img[width="233"], img[width="232"] { width: min(38vw, 233px); height: auto; }
  p { line-height: 1.5; }
  a, a.button { font-size: 13px; }
}

@media (max-width: 480px) {
  img[width="233"], img[width="232"] { width: min(34vw, 160px); }
  #header1 { font-size: 14px !important; }
}