.submit_area {
  margin-top: 4em;
  text-align: center;
}

.mailform dl {
  width: 100%;
  padding: 0 1.2em;
}

.mailform dt {
  vertical-align: middle;
  padding-top: 0.7em;
}

.mailform dt.chapter2 {
  padding-top: 0;
}

.mailform dd {
  vertical-align: middle;
  margin-inline-start:0;
}

.mailform dd input[type="text"],
.mailform dd select,
dd textarea {
  width: 350px;
  max-width: 100%;
  padding: 7px 12px;
  border: 1px solid #999;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
}

.mailform dd input[type="radio"],
.mailform dd input[type="checkbox"]{
  box-shadow: none;
  border: 5px solid #ccc;
}

.mailform dd .nest {
  padding-left: 45px;
  margin: 10px 0;
}

.mailform dd textarea {
  width: 350px;
  height: 120px;
  box-sizing: border-box;
  resize: vertical;
}

.confirmation_btn, .submit_area input {
  border: 1px solid #0069cc;
    color: #0069cc;
    padding: 0.5em 2em;
    transition: 0.3s;
}

.confirmation_btn:hover, .submit_area input:hover {
  background-color: #0069cc;
    color: #FFF;
}

.submit_area input {
  display: inline-block;
}

.mailform dd.newline label {
  /* display: block; */
  white-space: nowrap;
}

/******************* タブレット用 ***************/
@media (min-width: 415px) {
  .mailform dd {
    margin-left: 2rem;
  }

  .mailform dt.newline {
    display: block;
  }

  .mailform dd.newline {
    display: block;
  }
}

/********************** PC用 ******************/
@media (min-width: 1024px) {
  .mailform dt {
    width: 45%;
    display: table-cell;
  }

  .mailform dt.newline {
    display: block;
  }
  
  .mailform dd {
    display: table-cell;
  }

  .mailform dd.newline {
    display: block;
  }
  
}