@charset "UTF-8";
.required {
  color: #f00;
  margin-left: 3px;
  vertical-align: middle;
}

.caution {
  color: #f00;
  padding: 15px 2%;
}

.sub {
  display: inline-block;
}

.parts-table dt {
  width: 24%;
}
.parts-table dd {
  margin-left: 28%;
  width: 68%;
}

.parts-table.wide-table dt,
.parts-table.wide-table dd {
  float: none;
  width: auto;
  margin-left: 0;
}

.parts-table dt {
  clear: left;
}

.parts-table dd.pb {
  padding-bottom: 30px;
}

.contact-type-list {
  display: block;
}
.contact-type-list li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
}
.contact-type-list label {
  padding-left: 5px;
}

.parts-table dd p.inputtext-wrapper,
.parts-table dd p.textarea-wrapper {
  float: none;
  display: inline-block;
  border: 1px solid #cccccc;
  padding: 3px 5px;
}

.parts-table dd p.error {
  color: #f00;
  float: none;
}

.inputtext-wrapper {
  width: 30%;
}
.inputtext-wrapper input {
  border: 0;
  padding: 0;
  width: 100%;
}
.inputtext-wrapper input:focus {
  outline: 0;
}

.textarea-wrapper {
  width: 98%;
  line-height: 0;
}
.textarea-wrapper textarea {
  border: 0;
  padding: 0;
  width: 100%;
  line-height: 1.6;
  height: 8.0em;
}
.textarea-wrapper textarea:focus {
  outline: 0;
}

.btn-block {
  text-align: center;
}
.btn-block input.btn {
  /**
  		max-width: 300px;
  */
  width: 45%;
  max-width: 300px;
}
.btn-block .btn-left {
  margin: 0 10px;
}
.btn-block .btn-right {
  margin: 0 10px;
}

.parts-table dd p.disp-wrapper {
  float: none;
  padding: 3px 5px;
  word-wrap: break-word;
  word-break: break-all;
}

.parts-table dd p.disp-wrapper.multi-row {
  min-height: 4.0em;
}

.message-box {
  padding: 0 2%;
}

/* ==========================================================
	スマホ 820px以下
========================================================== */
@media (max-width: 820px) {
  .contact-type-list li {
    display: block;
    vertical-align: top;
    width: auto;
  }

  .parts-table dd p.inputtext-wrapper,
  .parts-table dd p.textarea-wrapper {
    display: block;
    width: auto;
  }

  .btn-block input.btn {
    width: 90%;
    max-width: 100%;
  }
}

/*# sourceMappingURL=contact.css.map */