@charset "utf-8";


/* お問い合わせ */
#contact { overflow: hidden; zoom: 1 }
#contact table { margin-bottom: 2em; font-size: 95%; width: 100% }
#contact th { padding: 1em; text-align: left; width: 25% }
#contact td { padding: 1em }
#contact h5 { margin-bottom: 1em; font-size: 95% }
#contact .red { color: #F00 }

@media screen and (max-width: 800px) {
#contact table { font-size: 85% }
#contact th { padding: 0.5em; width: 30% }
#contact td { padding: 0.5em }
#contact h5 { font-size: 90% }
}

#form { margin: 0 auto; width: 900px }
#form span { color: #F00 }
#form #btn { margin: 0 auto; overflow: hidden; width: 600px; zoom: 1 }
#form #btn input, #form #btn a {
  padding: 1em;
  border-radius: 5px;
  border: none;
  box-sizing: border-box;
  color: #FFF;
  font-size: 1em;
  font-weight: bold;
  display: block;
  text-decoration: none;
  text-align: center;
  appearance: none;
  cursor: pointer;
  outline: none;
  width: 100%;
}
#form #btn input { background: #333 url(../img/common/arrow_next_wh_s.png) no-repeat 90% 50% }
#form #btn a { padding: 1.1em 1em; background-color: #333 }
#form #btn input:hover, #form #btn a:hover { background-color: #999 }
#form .btn_left { float: left; width: 45% }
#form .btn_right { float: right; width: 45% }
#form #btn .no_arrow { background: #333 }

@media screen and (max-width: 800px) {
#form { width: 95% }
#form #btn { width: 80% }
#form #btn input { padding: 1.2em 1em }
#form .btn_left { float: none; margin-bottom: 1em; width: 100% }
#form .btn_right { float: none; width: 100% }
}

#check table { border: 1px solid #333 }
#check table th { border: 1px solid #333 }
#check table td { border: 1px solid #333 }

#complt .waku { margin: 0 auto 2em; padding: 2em 0; border: 1px solid #000; width: 600px }
#complt #btn a { margin: 0 auto; width: 200px }
#complt h3 { margin-bottom: 0.3em; font-size: 140%; text-align: center }
#complt h4 { text-align: center }

@media screen and (max-width: 800px) {
#complt .waku { border-left: none; border-right: none; width: 100% }
#complt h4 { font-size: 90% }
}