@media (max-width: 780px) { #rightTopHeaderBox { display: flex; justify-content: center; align-items: flex-start; width: 100%; padding: 0.5vw; box-sizing: border-box; } #rightTopHeaderBox table { width: 100%; max-width: 1100px; margin: 0 auto; table-layout: fixed; } #rightTopHeaderBox td { padding: 0 10px; } #searchTextboxBox, #searchButtonBox { width: auto; max-width: 40vw; } #searchTextboxBox { padding: 0.5em; } #searchButtonBox input { padding: 0.5em; } #rightTopHeaderBox > * { flex: 1 1 25%; max-width: 30vw; margin: 10px; } #ctl00_searchTextBox { background-color: transparent; } #headerLinkBox { display: flex; justify-content: space-evenly; align-items: center; width: 100%; flex-wrap: wrap; margin-top: 5vh; } .mainBodyTitle { font-size: 3vw; margin-left: 5vw; } #searchTextboxBox, #searchButtonBox { font-size: 15px; } #mainFormTitle { margin-left: 15vh; } #headerLinkBox { display: flex; justify-content: center; align-items: center; margin-top: 10vh; } #rightTopHeaderBox { margin-left: 17vw; flex-direction: column; } #searchBox { width: 10vw; max-width: 450px; margin: 0 auto; } #searchTextboxBox { width: 20vh; margin-bottom: 1em; padding: 0.5em; margin-left: 15vw; } tr { display: block; } }