@charset "UTF-8";
body {
  font-family: Verdana, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  color: #333; }

* html body {
  font-size: 88%; }

div, ol, ul, dl, form {
  margin: 0px;
  padding: 0px; }

p, h1, h2, h3, h4, h5, h6, dt, dd, input, textarea {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal; }

th, td {
  margin: 0px;
  padding: 0px;
  line-height: normal;
  font-weight: normal; }

em {
  font-style: normal;
  font-weight: bold; }

a img {
  border: none; }

a:hover {
  opacity: 0.8; }

li {
  list-style-type: none; }

img {
  border: 0px; }

.clearfix:after, footer .bottom:after {
  content: "";
  clear: both;
  display: block; }

.left {
  float: left; }

.right {
  float: right; }

#contents {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  position: relative; }

header {
  margin: 0 auto;
  width: 960px; }

header:after {
  content: "";
  clear: both;
  display: block; }

.logo {
  position: absolute;
  top: 10px;
  left: 10px; }

.inquiry {
  float: right;
  border: 3px double #999;
  padding: 10px;
  font-size: .9em;
  margin: 10px auto 30px; }
  .inquiry dt {
    text-align: center;
    margin: 0 auto 10px; }
  .inquiry .tel address a {
    font-style: normal;
    font-weight: bold;
    font-size: 1.2em;
    color: #333;
    text-decoration: none; }
  .inquiry .tel ul li:first-child a {
    font-size: 1.5em;
    color: #AA0E11; }
  .inquiry .tel ul {
    margin-bottom: 3px; }
    .inquiry .tel ul li {
      margin-bottom: 5px; }
  .inquiry dd {
    text-align: center; }

#main {
  width: 960px;
  margin: 0 auto 30px; }
  #main .link {
    margin-top: 10px;
    text-align: right; }
    #main .link a {
      text-decoration: none;
      color: #333; }
  #main .inquiry {
    float: none;
    width: 350px;
    margin: 0 auto 30px; }

footer {
  background: #EEE; }
  footer .top {
    width: 960px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    justify-content: space-around; }
    footer .top h3 {
      border-bottom: 1px dotted #07266E;
      padding-bottom: 2px;
      margin-bottom: 5px;
      font-size: 1.3em;
      color: #07266E; }
    footer .top i {
      margin-right: 3px; }
    footer .top li a {
      text-decoration: none;
      line-height: 1.7em;
      color: #333; }
  footer .bottom {
    background: #07266E;
    color: #FFF;
    padding: 5px 10px;
    text-align: center; }

@media screen and (max-width: 960px) {
  img {
    max-width: 100%;
    height: auto;
    width: auto; }

  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  #main, header, #main, #main .w-960, footer .top {
    width: 100%; } }
@media screen and (max-width: 768px) {
  header .logo {
    position: inherit;
    text-align: center;
    margin-bottom: 15px; }

  header .inquiry {
    display: none; }

  .inquiry,
  #main .inquiry {
    max-width: 350px;
    width: 80%;
    margin: 0 auto 30px; } }
@media screen and (max-width: 480px) {
  footer .top {
    display: block; }

  footer .top section {
    width: 80%;
    margin: 0 auto 20px; } }
@media screen and (max-width: 320px) {
  .top-img p {
    font-size: .9em; }

  footer .top section {
    width: 90%; } }