@charset "UTF-8";
/* Reset系 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

html {
  height: 100%; }

aside, nav {
  display: inline; }

strong {
  font-weight: bold; }

br {
  line-height: 1.0; }

.btn, button, input.btn {
  line-height: 1; }

a, .btn, button, input.btn {
  margin: 0;
  padding: 0;
  outline: 0;
  border: none; }

button {
  background: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

button::-moz-focus-inner {
  border: 0; }

button::-moz-focus-inner {
  border: 0; }

/* ホークスタウン Webサイト用 */
html {
  font-size: 62.5%; }

body {
  color: #000000;
  font-size: 1.4em;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", "Yu Gothic", "Meiryo", sans-serif;
  height: 100%; }

*, p, span, th, td {
  line-height: 1.8; }

h1, h2, h3, h4, h5 {
  font-weight: bold;
  letter-spacing: normal; }

p, a, button, table, label, dd, dt {
  letter-spacing: normal; }

img {
  max-width: 100%;
  vertical-align: bottom; }

p {
  margin-bottom: 10px; }

/* 配置系 */
.t-align-c {
  text-align: center; }

/*** レイアウト ***/
.l-wrapper {
  width: 100%;
  position: relative; }

.l-header,
.l-contents {
  width: 848px;
  margin-left: auto;
  margin-right: auto;
  text-align: left; }

.l-contents {
  padding-top: 40px;
  padding-bottom: 62px; }

.l-footer {
  width: 100%;
  height: 42px;
  position: absolute;
  left: 0;
  bottom: 0; }
  .l-footer p {
    margin-bottom: 0;
    color: #FFFFFF;
    line-height: 42px; }

/*** パーツ ***/
.heading {
  background: url(../images/heading_bg.png) no-repeat center center;
  margin-bottom: 20px;
  color: #0079E9;
  font-size: 3.2rem; }

.bg-accent {
  background-color: #0079E9; }

.img-responsive {
  width: 100%;
  height: auto; }

.tbl {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px; }
  .tbl th, .tbl td {
    padding: 5px 40px; }
  .tbl td {
    background-color: #ECECEC; }
  .tbl th {
    background-color: #dfdfdf; }

dl {
  letter-spacing: -0.4em; }
  dl dt, dl dd {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
  dl dt {
    width: 30%; }
  dl dd {
    width: 70%; }