#contact {
  padding-top: 70px; }
  @media screen and (max-width: 1160px) {
    #contact {
      padding-top: 100px; } }
  #contact ul {
    margin-top: 40px;
    background: #efefef;
    padding: 40px 0; }
    #contact ul#nyuryoku, #contact ul#kakunin {
      display: none; }
      #contact ul#nyuryoku.active, #contact ul#kakunin.active {
        display: block; }
    #contact ul li {
      width: 100%;
      max-width: 600px;
      margin: 0 auto 30px; }
      #contact ul li p {
        margin-bottom: 0;
        text-align: center; }
        #contact ul li p span {
          font-size: 12px;
          color: #e12222; }
      #contact ul li label {
        cursor: pointer; }
      #contact ul li input,
      #contact ul li select {
        border-radius: 8px;
        width: 100%;
        padding: 6px 10px; }
        #contact ul li input[type="checkbox"],
        #contact ul li select[type="checkbox"] {
          width: auto;
          margin-right: 1.5em; }
      #contact ul li select {
        border-radius: 0; }
      #contact ul li textarea {
        width: 100%;
        height: 150px;
        padding: 6px 10px; }
      #contact ul li .flex {
        justify-content: center;
        align-items: center;
        margin-top: 20px; }
        #contact ul li .flex p {
          margin-top: 0;
          text-align: left; }
      #contact ul li #submit,
      #contact ul li #submit_true {
        border-radius: 8px;
        background: #53a654;
        text-align: center;
        padding: 10px;
        display: block;
        width: 200px;
        margin: 40px auto 0;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        cursor: pointer;
        color: #fff; }
        #contact ul li #submit:hover,
        #contact ul li #submit_true:hover {
          box-shadow: none;
          background: #4fa7b2; }
      #contact ul li #nonesubmit,
      #contact ul li #back {
        border-radius: 8px;
        background: #ccc;
        text-align: center;
        padding: 10px;
        display: block;
        width: 200px;
        margin: 40px auto 0; }
      #contact ul li #submit,
      #contact ul li #nonesubmit {
        display: none; }
        #contact ul li #submit.active,
        #contact ul li #nonesubmit.active {
          display: block; }
      #contact ul li #back {
        background: #333;
        color: #fff;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        cursor: pointer; }
        #contact ul li #back:hover {
          box-shadow: none;
          background: #999; }
    #contact ul#kakunin li {
      display: flex; }
      #contact ul#kakunin li p:first-child {
        text-align: right;
        min-width: 200px; }
      #contact ul#kakunin li p:last-child {
        text-align: left; }

#thanks {
  padding-top: 70px;
  height: calc(100vh - 78px); }
  @media screen and (max-width: 1160px) {
    #thanks {
      padding-top: 100px; } }
  #thanks h3 {
    text-align: left !important;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    border-color: #4fa7b2;
    padding: 4px 1em;
    font-size: 20px; }
  #thanks p {
    padding-left: 2em; }