@charset "UTF-8";
/* ************************************************ */
/*                       コンテンツ                     */
/* ************************************************ */
/*
	.contactForm
================== */
.contactForm {
  margin: 0 auto 0;
  max-width: 680px; }
  .contactForm .note {
    margin-bottom: 2em; }
  .contactForm .require {
    color: #f00; }
  .contactForm table {
    margin-bottom: 30px;
    border: 1px solid #949494;
    border-collapse: collapse;
    width: 100%; }
    .contactForm table th, .contactForm table td {
      padding: 1em;
      border: 1px solid #949494; }
    .contactForm table th {
      width: 35%;
      background-color: #F0EFE9;
      text-align: left; }
    .contactForm table td {
      width: 65%; }
      .contactForm table td input {
        padding: .5em;
        display: block;
        width: 100%;
        height: 34px;
        box-sizing: border-box; }
      .contactForm table td textarea {
        padding: .5em;
        display: block;
        width: 100%;
        height: 100px;
        box-sizing: border-box; }
      .contactForm table td .errorMessage {
        padding-top: .5em;
        color: #f00; }
  .contactForm .preview {
    margin-bottom: 50px;
    border-top: 1px solid #ccc; }
    .contactForm .preview dl {
      padding: .8em 0;
      border-bottom: 1px solid #ccc;
      display: flex; }
      .contactForm .preview dl dt {
        width: 30%; }
        .contactForm .preview dl dt::after {
          content: "："; }
      .contactForm .preview dl dd {
        width: 70%; }
  .contactForm .submit {
    text-align: center; }
    .contactForm .submit input {
      margin: 0 auto;
      padding: .8em 0;
      border-radius: 0;
      -webkit-box-sizing: content-box;
      -webkit-appearance: button;
      appearance: button;
      border: none;
      width: 160px;
      display: inline-block;
      border: 0;
      color: #fff;
      background-color: #3A8574;
      cursor: pointer; }
      .contactForm .submit input:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        /* ie lt 8 */
        -ms-filter: "alpha(opacity=70)";
        /* ie 8 */
        -moz-opacity: 0.7;
        /* FF lt 1.5, Netscape */
        -khtml-opacity: 0.7;
        /* Safari 1.x */
        zoom: 1;
        transition: 0.4s; }
  @media (max-width: 750px) {
    .contactForm {
      margin: 0 auto 0%;
      max-width: 92%; }
      .contactForm table {
        margin-bottom: 4.34783%; }
        .contactForm table tr {
          display: block; }
        .contactForm table th {
          display: block;
          width: auto; }
        .contactForm table td {
          display: block;
          width: auto; }
          .contactForm table td select {
            border: none;
            border-radius: 0;
            width: 100%;
            height: 30px; }
      .contactForm .preview {
        margin-bottom: 8.69565%; }
        .contactForm .preview dl {
          padding: 1em 0;
          display: block; }
          .contactForm .preview dl dt {
            width: auto;
            font-weight: bold; }
          .contactForm .preview dl dd {
            width: auto; } }