/* .contactWrap
================================================ */
.contactWrap .inner { padding-top: 20px; padding-bottom: 70px; }

.contactWrap .areaTit { margin-bottom: 66px; text-align: center; }

.contactWrap .areaTit .txt { line-height: 1.6; letter-spacing: .001em; }

.contactWrap .form #errorMsg { margin-bottom: 14px; line-height: 1.6; font-weight: 500; font-size: 1.7rem; }

.contactWrap .form #errorMsg .error { color: #cd443c; }

.contactWrap .form #errorMsg .msg01 { color: #70c7c4; }

.contactWrap .form #errorMsg .btn { display: none; }

.contactWrap .form #errorMsg .msg02 { margin-bottom: 42px; }

.contactWrap .form #errorMsg .msg02 + .btn { display: block; margin: 0 auto 46px; text-align: center; }

.contactWrap .form #errorMsg .msg02 + .btn a { display: inline-block; width: 320px; padding: 19px 0; box-sizing: border-box; background: #ff6600; color: #fff; }

.contactWrap .form .pageConfirm .table td, .contactWrap .form .pageConfirm .table th { vertical-align: middle; }

.contactWrap .form .table { margin-bottom: 58px; }

.contactWrap .form .table tr:last-of-type { border-bottom: 1px solid #dde1e5; }

.contactWrap .form .table td, .contactWrap .form .table th { border-top: 1px solid #dde1e5; }

.contactWrap .form .table th { display: block; line-height: 1.7; width: 220px; padding: 30px 20px; }

.contactWrap .form .table th label { font-weight: 500; }

.contactWrap .form .table th .ico { float: right; display: inline-block; padding: 2px 16px; box-sizing: border-box; color: #fff; font-size: 1.4rem; }

.contactWrap .form .table th .ico.is_required { background: #70c7c4; }

.contactWrap .form .table th .ico.is_option { background: #8d9ca9; }

.contactWrap .form .table td { padding: 20px 0 20px 30px; }

.contactWrap .form .table td .inputWrap { display: block; }

.contactWrap .form .table td .inputWrap + .error { font-weight: 500; font-size: 1.7rem; color: #cd443c; }

.contactWrap .form .table td input, .contactWrap .form .table td textarea { -webkit-appearance: none; border-radius: 0; box-shadow: 0; }

.contactWrap .form .table td input[type="text"], .contactWrap .form .table td textarea { width: 440px; padding: 12px 20px; box-sizing: border-box; border: 1px solid #dde1e5; }

.contactWrap .form .table td input[type="text"]::-webkit-input-placeholder, .contactWrap .form .table td textarea::-webkit-input-placeholder { color: #dde1e5; letter-spacing: .06em; }

.contactWrap .form .table td input[type="text"]:-ms-input-placeholder, .contactWrap .form .table td textarea:-ms-input-placeholder { color: #dde1e5; letter-spacing: .06em; }

.contactWrap .form .table td input[type="text"]::placeholder, .contactWrap .form .table td textarea::placeholder { color: #dde1e5; letter-spacing: .06em; }

.contactWrap .form .table td textarea { width: 720px; min-height: 180px; resize: vertical; }

.contactWrap .form .areaSubmit { text-align: center; }

.contactWrap .form .areaSubmit button:focus { outline: none; }

.contactWrap .form .areaSubmit button[type="submit"] { width: 320px; padding: 19px 0; border: none; background: #70c7c4; color: #fff; font-weight: 500; font-size: 1.5rem; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.contactWrap .form .areaSubmit button[type="submit"]:hover { opacity: .8; }

.contactWrap .form .areaSubmit button[type="button"] { width: 320px; margin-right: 10px; padding: 19px 0; background: #dde1e5; color: #475560; border: none; font-weight: 500; font-size: 1.5rem; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.contactWrap .form .areaSubmit button[type="button"]:hover { opacity: .8; }

@media all and (max-width: 599px) { .contactWrap .inner { padding-top: 20px; padding-bottom: 40px; }
  .contactWrap .areaTit { margin-bottom: 30px; }
  .contactWrap .form #errorMsg { margin-bottom: 14px; line-height: 1.5; font-weight: 500; font-size: 1.3rem; }
  .contactWrap .form #errorMsg .msg01 { color: #70c7c4; }
  .contactWrap .form #errorMsg .btn { display: none; }
  .contactWrap .form #errorMsg .msg02 { margin-bottom: 20px; }
  .contactWrap .form #errorMsg .msg02 + .btn { display: block; margin: 0 auto 30px; text-align: center; }
  .contactWrap .form #errorMsg .msg02 + .btn a { width: 80%; padding: 10px 0; }
  .contactWrap .form .pageConfirm .table td, .contactWrap .form .pageConfirm .table th { vertical-align: middle; }
  .contactWrap .form .table { margin-bottom: 30px; }
  .contactWrap .form .table tr:last-of-type { border-bottom: 1px solid #dde1e5; }
  .contactWrap .form .table th { line-height: 1.7; width: 100%; padding: 12px 8px; box-sizing: border-box; }
  .contactWrap .form .table th label { font-weight: 500; }
  .contactWrap .form .table th .ico { float: right; padding: 2px 6px; font-size: 1.1rem; }
  .contactWrap .form .table td { display: block; width: 100%; padding: 0 8px 12px; box-sizing: border-box; border-top: none; }
  .contactWrap .form .table td .inputWrap { display: block; }
  .contactWrap .form .table td .inputWrap + .error { font-size: 1.3rem; }
  .contactWrap .form .table td input[type="text"], .contactWrap .form .table td textarea { width: 100%; padding: 8px 8px; }
  .contactWrap .form .table td textarea { width: 100%; min-height: 180px; }
  .contactWrap .form .areaSubmit button[type="submit"] { width: 80%; margin: 0 auto; padding: 10px 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .contactWrap .form .areaSubmit button[type="button"] { width: 80%; margin: 0 auto 10px; padding: 10px 0; } }