@charset "UTF-8";

main div#title { background: url(../img/access/main.jpg) center no-repeat; background-size: cover; }
main iframe { margin-bottom: 32px; width: 100%; height: 600px; }
main div.left { width: 600px; float: left; }
main div.right { width: 600px; float: right; }
main ul { margin-left: 1.5em; }
main table { width: 100%; border-collapse: collapse; }
main th { padding: 12px 24px; background: #f7f3e7; border: solid 1px #d1ccbe; }
main td { padding: 12px 24px; border: solid 1px #d1ccbe; }
main td span { font-size: 90%; }

@media screen and (max-width: 767px) {
main iframe { margin-bottom: 1em; height: 300px; }
main div.left { padding-bottom: 20px; width: auto; float: none; }
main div.right { width: auto; float: none; }
main table { width: 100%; border-top: solid 1px #d1ccbe; }
main th { padding: 10px; width: 100%; border-width: 0 1px; display: block; box-sizing: border-box; }
main td { padding: 10px; width: 100%; border-width: 1px; display: block; box-sizing: border-box; }
}