main {
  padding-bottom: 80rem; }

.message {
  color: #0b308e;
  text-align: center;
  margin-bottom: 1em; }

.error {
  color: #ff0000;
  padding-bottom: 5rem; }

.required {
  color: #ff0000;
  /*vertical-align: middle;*/
  padding-left: 0.5em; }

form .caption {
  text-align: center;
  padding-bottom: 2em; }
  form .caption .tel span {
    font-size: 25rem; }

form[name="ContactForm"] {
  width: 100%;
  max-width: 960px; }
  form[name="ContactForm"] table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0; }
    form[name="ContactForm"] table th {
      padding: 0.8em 1em;
      width: 25%;
      vertical-align: middle;
      font-weight: bold; }
    form[name="ContactForm"] table td {
      padding: 0.8em 1em; }
    form[name="ContactForm"] table dt {
      float: left;
      clear: left;
      margin-top: 5px; }
    form[name="ContactForm"] table dd {
      margin: 0 0 5px 8em; }
  form[name="ContactForm"] input[type="text"] {
    font-family: inherit;
    border: 1px solid #cccccc;
    padding: 0.5em;
    width: 100%;
    box-sizing: border-box;
    font-size: 16rem; }
  form[name="ContactForm"] input[type="password"] {
    font-family: inherit;
    border: 1px solid #cccccc;
    padding: 0.5em;
    width: 100%;
    box-sizing: border-box; }
  form[name="ContactForm"] textarea {
    font-family: inherit;
    border: 1px solid #cccccc;
    padding: 0.5em;
    width: 100%;
    box-sizing: border-box;
    font-size: 16rem; }
  form[name="ContactForm"] input[name="zip1"] {
    width: 6em;
    ime-mode: disabled; }
  form[name="ContactForm"] input[name="zip2"] {
    width: 6em;
    ime-mode: disabled; }
  form[name="ContactForm"] select {
    padding: 0.5em;
    appearance: listbox;
    border: 1px solid #cccccc; }
  form[name="ContactForm"] a {
    text-decoration: underline;
    color: #002e73; }

@media (hover: hover) and (pointer: fine) {
  form[name="ContactForm"] a:hover {
    color: #002e73;
    opacity: 1;
    text-decoration: none; } }

.agree {
  text-align: center;
  margin: 1em 0 0; }

.btn button {
  cursor: pointer;
  color: #ffffff;
  font-size: 15rem;
  font-weight: bold;
  display: block;
  width: 100%;
  height: 100%; }

.btn span::before {
  top: 4rem;
  right: -20rem; }

.btn.back {
  background: #777; }
  .btn.back span::before {
    top: 4rem;
    right: 70rem;
    transform: rotate(225deg); }

#page_contact table {
  margin-bottom: 50rem; }

.confirmation {
  display: flex;
  justify-content: center; }
  .confirmation button {
    width: 200rem; }

.btn_wrap {
  display: flex;
  justify-content: center;
  gap: 0 60rem; }

#page_thanks article {
  padding-top: 3em;
  text-align: center; }
  #page_thanks article p {
    margin-top: 1.5em; }

.pc_none {
  display: none; }

@media screen and (max-width: 980px) {
  main {
    padding-bottom: 40rem; }
  .page_contact .mv {
    height: 26rem; }
  form[name="ContactForm"] table th {
    display: block;
    width: auto;
    border-style: none solid;
    text-align: left; }
  form[name="ContactForm"] table td {
    display: block;
    width: auto; }
  form[name="ContactForm"] a span {
    display: block; }
  #page_contact table {
    margin-bottom: 30rem; }
  .confirmation button {
    width: 150rem; }
  #page_thanks article p {
    font-size: 12rem; }
  .company h2 {
    padding: 100rem 0 30rem; }
  .company table {
    border-top: 1px solid #bbbbbb; }
    .company table th {
      display: block;
      width: auto;
      border-style: none solid; }
    .company table td {
      display: block;
      width: auto; }
  .btn_wrap {
    gap: 0 20rem; }
  .pc_none {
    display: block; }
  .sp_none {
    display: none; } }

/*# sourceMappingURL=contact.css.map */