@font-face { font-family: 'mincho_thin'; src: url('./fonts/jmin00l4.ttc'); font-display: swap }
@font-face { font-family: 'mincho_thick'; src: url('./fonts/jmin00u4.ttc'); font-display: swap }
@font-face { font-family: 'gyosho'; src: url('./fonts/jska00l4.ttc'); font-display: swap }
@font-face { font-family: 'script'; src: url('./fonts/stilln__.ttf'); font-display: swap }
h1 { font-size: 64px; text-align: left; font-family: 'gyosho'; margin: 0px }
h2 { font-family: 'mincho_thick'; margin: 0px 0px 16px 0px }
dt { font-family: 'mincho_thick' }
em { font-style: normal; color: maroon }
html, th, td, p, div, input, textarea, select { font-size: 24px }
input[type="button"] { padding: 8px 16px }
input[type="checkbox"], input[type="radio"] { width: 24px; height: 24px }
body { background-color: maroon; margin: 0px }
.gate { color: gold; text-align: center }
.header { color: gold; font-family: 'script'; background-image: linear-gradient(black, maroon); width: 100% }
.title { text-align: center; font-size: 64px; font-family: 'gyosho' }
.subtitle { text-align: center; font-size: 48px }
.notice { color: white }
.logo { height: 144px; width: auto }
.description { font-family: 'mincho_thin'; font-size: 24px; text-align: center }
.information { font-family: 'mincho_thin'; color: white; font-size: 20px; text-align: center }
.navigation li { font-size: 20px; list-style: none; margin-left: 20px }
.navigation { color: white; display: flex; padding: 8px; margin: 0px; background-image: linear-gradient(maroon, black) }
.navigation li a:hover { text-shadow: 0 0 4px }
.focus { color: gold }
:link, :visited { color: inherit; text-decoration: inherit }
.news_image { height: auto; width: 128px }
.contents { border-style: none; border-radius: 8px; margin: 32px; padding: 16px; background-color: white }
div.figure { text-align: center }
img.figure { height: auto; width: 512px }
.table { border-collapse: collapse; border: 1px solid gray }
.table th, .table td { border: 1px solid gray; width: 256px; text-align: center }
.table th { color: gold; background-color: maroon }
.table td { color: maroon }
.table .area { width: 512px }
.table .course { width: 400px }
.table .contents { width: 768px }
.table .recruit { width: 512px; text-align: left }
.table .hotel { width: 384px; text-align: left }
.news  { border-collapse: collapse; border: 1px solid gray }
.news th, .news td { border: 1px solid gray }
.query { border-collapse: collapse; border: 1px solid gray }
.query th, .query td { border: 1px solid gray }.caption { color: maroon }
.itemLabel { width: 180px }
.contact { text-align: center; border-radius: 8px; border: 1px solid gray }
.telephone { color: green; font-size: 64px }
.tel_caption { color: maroon; font-size: 32px }
.tel_hours { font-size: 32px }
.channel { margin: 0px; padding: 0px }
.channel li { list-style: none; margin: 0px; padding: 0px }
.tag { display: flex; margin: 0px }
.tag li { list-style: none; padding: 0px }
.calendar td { text-align: center }
.out_of_month { color: silver }
.day_link { color: maroon; font-weight: bold }
.url_link { color: maroon }
.selected { background-color: lightcyan }
.selector { vertical-align: text-top; width: 256px }
.contents { vertical-align: text-top }
.date { text-align: right }