/* CSS Document */
#mail-form {
  text-align: left;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 20px; }
  @media screen and (max-width: 1024px) {
    #mail-form {
      max-width: auto; } }
  #mail-form .err {
    color: #f00;
    font-weight: bold;
    text-shadow: 0 0 5px #fff; }
  #mail-form dl {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 1em 2em; }
    @media screen and (max-width: 1024px) {
      #mail-form dl {
        display: block;
        padding: 1em; } }
    #mail-form dl:last-child {
      border-bottom: 0; }
  #mail-form dt {
    text-align: left;
    width: 12em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold; }
    @media screen and (max-width: 1024px) {
      #mail-form dt {
        flex-direction: row-reverse;
        justify-content: flex-end; } }
    #mail-form dt .his {
      background: #000;
      font-size: 0.8em;
      line-height: 1;
      height: calc(1em + 10px);
      display: block;
      padding: 5px; }
      @media screen and (max-width: 1024px) {
        #mail-form dt .his {
          margin-right: 5px; } }
    #mail-form dt .nini {
      background: #fff;
      color: #000;
      font-size: 0.8em;
      line-height: 1;
      height: calc(1em + 10px);
      display: block;
      padding: 5px; }
      @media screen and (max-width: 1024px) {
        #mail-form dt .nini {
          margin-right: 5px; } }
  #mail-form dd {
    width: calc(100% - 13em); }
    @media screen and (max-width: 1024px) {
      #mail-form dd {
        width: auto; } }
    #mail-form dd input[type=text] {
      background: #fff;
      width: calc(100% - 10px);
      padding: 5px; }
    #mail-form dd input[type=text].s50 {
      width: calc(50% - 10px); }
    #mail-form dd textarea {
      background: #fff;
      width: calc(100% - 10px);
      padding: 5px; }
  #mail-form .sbtn {
    margin-top: 50px;
    display: flex;
    justify-content: center; }
    #mail-form .sbtn input[type=submit] {
      display: block;
      width: 48%;
      background: #fff;
      color: #000;
      border: 0;
      font-size: 1.1em;
      padding: 10px 0;
      margin: 0 auto; }
      @media screen and (max-width: 1024px) {
        #mail-form .sbtn input[type=submit] {
          font-size: 3.5vw; } }
      #mail-form .sbtn input[type=submit].btn-back {
        width: 8em; }