/* ==========================================================================
 * 縺雁撫縺�粋繧上○
 * /contact
 * ========================================================================== */

.form-row {
  display: table;
  width: 100%;
  margin: -1px 0 0;
  border-top: 1px solid #e5e5e5;
}

.form-row > dt,
.form-row > dd {
  display: table-cell;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: middle;
}

.form-row > dt {
  width: 23%;
  padding: 1em 0 1em 1.5em;
  font-weight: normal;
}

.form-row > dd {
  width: 77%;
  margin-left: 0;
  padding: 1em;
  line-height: 1.66;
}

@media (max-width: 768px) {
  .form-row {
    display: block;
    margin-bottom: 0.5em;
    padding: 0.5em 0;
  }

  .form-row > dt,
  .form-row > dd {
    display: block;
    width: 100%;
    padding: 0.1em 0;
    border-bottom: none;
  }

  .form-row label {
    display: block;
  }
}


/* 繝ｩ繝吶Ν */
.important {
  color: #c00;
  font-style: normal;
}

/* 蛟倶ｺｺ諠��ｱ縺ｮ蜿匁桶縺� */
.note-box {
  margin: 35px 0 45px;
  padding: 20px 35px;
  background: #fff;
  border: 1px solid #e5e5e5;
  font-size: 92.3%;
}

.note-box_title {
  margin-bottom: 5px;
  color: #e8844b;
  font-size: inherit;
  font-weight: bold;
}

@media (max-width: 768px) {
  .note-box {
    padding: 15px 20px;
  }
}


/* ====================
    繝輔か繝ｼ繝�蝓ｺ譛ｬ繧ｹ繧ｿ繧､繝ｫ
   ==================== */

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  width: 100%;
  line-height: 1.35;
  resize: vertical
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"],
input[type="number"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="color"],
input[type="time"],
input[type="search"],
input[type="datetime-local"] {
  font-family: inherit;
  box-shadow: none;
}

button:active,
button:focus { outline: none;}

select[disabled],
textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="phone"][disabled],
input[type="tel"][disabled],
input[type="number"][disabled],
input[type="datetime"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="color"][disabled],
input[type="time"][disabled],
input[type="search"][disabled],
input[type="datetime-local"][disabled] {
  resize: none;
  color: rgba(0, 0, 0, 0.5);
}


label {
  display: inline-block;
  margin-top: -2px;
  padding: 4px 2px;
  vertical-align: middle;
  cursor: pointer;
}

label:hover { color: #777;}


/* 蜈･蜉幃��岼 */
.form-control {
  outline: none;
  position: relative;
  width: 100%;
  padding: 0.5em;
  line-height: 1.3;
  background: #fff;
  border: 2px solid #fff;
  box-shadow: none;
  font-size: 16px;
  -webkit-transition: background .5s, border .5s;
  transition: background .5s, border .2s;
  -webkit-appearance: none;
}

.form-control:focus {
  border-color: #aaa;
}

select.form-control {
  padding-right: 30px;
  background: #fff  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAICAAAAADYA1AMAAAAPklEQVR4AWNQY0ACtf+hgOEuknjEF7jw/4vIogjh/zsQokjCMHG1u/9Rhf+vgoiiC//vBYliCv+fs+M/CgAA+EB29gVvn6IAAAAASUVORK5CYII=') no-repeat right center;
  background-size: 11px 4px;
}

.form-control::-webkit-input-placeholder {
  padding-top: 0.15em;
  color:#999;
  font-size: 81.3%;
}
.form-control:-ms-input-placeholder {
  padding-top: 0.15em;
  color:#999;
  font-size: 81.3%;
}
.form-control::-moz-placeholder {
  padding-top: 0.15em;
  color:#999;
  opacity:1;
  font-size: 81.3%;
}

@media (max-width: 768px) {
  .form-control {
    border: none;
    border-bottom: 2px solid #eee;
  }
  .form-control:focus {
    border-bottom-color: #aaa;
  }
}

/* 繝舌Μ繝��繧ｷ繝ｧ繝ｳ */
input.err,
select.err,
textarea.err,
.err input,
.err select,
.err textarea {
  background: #fff;
}

.err:focus,
.err input:focus,
.err select:focus,
.err textarea:focus {
  border-color:#ff8000;
}

/* 騾∽ｿ｡繝懊ち繝ｳ */
.form-btn {
  margin-top: 40px;
  text-align: center;
}

.form-btn .button {
  width: 310px;
}

.form-btn .button + .button {
  margin-left: 20px;
}

.is-error { background: #b4b4b1;}
.is-confirm,
.is-send { background: #e8844b;}