@charset "UTF-8";
/* ------------------------------
   Setting
------------------------------ */
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap");
/* ===================================================================
  document
  contact
===================================================================*/
.document .Main,
.contact .Main {
  background: #C08FB3;
}

.document .head_caption h2,
.contact .head_caption h2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #C08FB3));
  background: linear-gradient(transparent 70%, #C08FB3 0%);
}

.document .form_wrap,
.contact .form_wrap {
  background: #F7F7F7;
  padding: 2rem;
  margin: 0 2rem 4rem;
  /* IE */
  /* Edge */
}

.document .form_wrap .table-box,
.contact .form_wrap .table-box {
  width: 100%;
  margin-bottom: 2rem;
}

.document .form_wrap .row,
.contact .form_wrap .row {
  border-bottom: 1px solid #E6E6E6;
}

.document .form_wrap .th,
.contact .form_wrap .th {
  padding-top: 16px;
  position: relative;
  vertical-align: top;
  font-size: 15px;
  font-weight: bold;
}

.document .form_wrap .td,
.contact .form_wrap .td {
  padding-bottom: 2rem;
  margin-top: 10px;
}

.document .form_wrap .wpcf7-not-valid-tip,
.contact .form_wrap .wpcf7-not-valid-tip {
  color: #BA2D2D;
  display: block;
  padding-top: 1.4rem;
}

.document .form_wrap input[type="text"],
.document .form_wrap input[type="email"],
.contact .form_wrap input[type="text"],
.contact .form_wrap input[type="email"] {
  height: 50px;
  padding: 0 20px;
  width: 100%;
  background: #FFF;
  font-size: 16px;
}

.document .form_wrap input.short,
.contact .form_wrap input.short {
  width: 100px;
}

.document .form_wrap button.zip-button,
.contact .form_wrap button.zip-button {
  background: #424242;
  color: #FFF;
  height: 50px;
  padding: 0 1rem;
  text-align: center;
  line-height: 4rem;
  font-size: 12px;
  letter-spacing: 0;
}

.document .form_wrap .form_note .mwform-radio-field-text,
.contact .form_wrap .form_note .mwform-radio-field-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.document .form_wrap .form_note .radio_kiyaku_in,
.contact .form_wrap .form_note .radio_kiyaku_in {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.document .form_wrap input::-webkit-input-placeholder, .document .form_wrap textarea::-webkit-input-placeholder, .contact .form_wrap input::-webkit-input-placeholder, .contact .form_wrap textarea::-webkit-input-placeholder {
  color: #ACA9A9;
  font-weight: normal;
}

.document .form_wrap input::-moz-placeholder, .document .form_wrap textarea::-moz-placeholder, .contact .form_wrap input::-moz-placeholder, .contact .form_wrap textarea::-moz-placeholder {
  color: #ACA9A9;
  font-weight: normal;
}

.document .form_wrap input:-ms-input-placeholder, .document .form_wrap textarea:-ms-input-placeholder, .contact .form_wrap input:-ms-input-placeholder, .contact .form_wrap textarea:-ms-input-placeholder {
  color: #ACA9A9;
  font-weight: normal;
}

.document .form_wrap input::-ms-input-placeholder, .document .form_wrap textarea::-ms-input-placeholder, .contact .form_wrap input::-ms-input-placeholder, .contact .form_wrap textarea::-ms-input-placeholder {
  color: #ACA9A9;
  font-weight: normal;
}

.document .form_wrap input::placeholder,
.document .form_wrap textarea::placeholder,
.contact .form_wrap input::placeholder,
.contact .form_wrap textarea::placeholder {
  color: #ACA9A9;
  font-weight: normal;
}

.document .form_wrap input:-ms-input-placeholder,
.document .form_wrap textarea:-ms-textarea-placeholder,
.contact .form_wrap input:-ms-input-placeholder,
.contact .form_wrap textarea:-ms-textarea-placeholder {
  color: #ACA9A9;
  font-weight: normal;
}

.document .form_wrap input::-ms-input-placeholder,
.document .form_wrap textarea::-ms-textarea-placeholder,
.contact .form_wrap input::-ms-input-placeholder,
.contact .form_wrap textarea::-ms-textarea-placeholder {
  color: #ACA9A9;
  font-weight: normal;
}

.document .form_wrap select,
.contact .form_wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* 標準のスタイル無効 */
  padding: 20px;
  width: 100%;
  font-size: 15px;
  background: #FFF;
}

.document .form_wrap .sele_wrap,
.contact .form_wrap .sele_wrap {
  position: relative;
}

.document .form_wrap .sele_wrap::before,
.contact .form_wrap .sele_wrap::before {
  position: absolute;
  font-family: "icomoon";
  content: "\e904";
  right: 10px;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  color: #424242;
  top: 50%;
  margin-top: 4px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.document .form_wrap textarea,
.contact .form_wrap textarea {
  padding: 20px;
  width: 100%;
  font-size: 16px;
  background: #FFF;
}

.document .form_wrap .send-btn,
.contact .form_wrap .send-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  width: 100%;
  max-width: 400px;
  background: #424242;
  color: #FFF;
}

.document .form_wrap .vertical-item,
.contact .form_wrap .vertical-item {
  display: block;
  padding: 1rem 0;
}

.document .form_wrap input[type="submit"],
.document .form_wrap input[type="button"],
.contact .form_wrap input[type="submit"],
.contact .form_wrap input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.document .form_wrap input[type="submit"]::-webkit-search-decoration,
.document .form_wrap input[type="button"]::-webkit-search-decoration,
.contact .form_wrap input[type="submit"]::-webkit-search-decoration,
.contact .form_wrap input[type="button"]::-webkit-search-decoration {
  display: none;
}

.document .form_wrap input[type="submit"]::focus,
.document .form_wrap input[type="button"]::focus,
.contact .form_wrap input[type="submit"]::focus,
.contact .form_wrap input[type="button"]::focus {
  outline-offset: -2px;
}

.document .form_wrap .send-btn input,
.contact .form_wrap .send-btn input {
  color: #FFF;
}

.document .form_wrap .send-btn:hover input,
.contact .form_wrap .send-btn:hover input {
  border: 3px solid #C08FB3;
  background: #C08FB3;
}

.document .form_wrap .send-btn input,
.contact .form_wrap .send-btn input {
  cursor: pointer;
  font-size: 14px;
  height: 50px;
  letter-spacing: 0.7px;
  width: 100%;
}

.document .form_wrap .form_note,
.contact .form_wrap .form_note {
  margin-bottom: 2rem;
}

.document .form_wrap .form_note a,
.contact .form_wrap .form_note a {
  text-decoration: underline;
  color: #C08FB3;
}

.document .form_wrap .form_note.center,
.contact .form_wrap .form_note.center {
  text-align: center;
}

.document .mw_wp_form_preview .form_note .radio_kiyaku_in,
.contact .mw_wp_form_preview .form_note .radio_kiyaku_in {
  display: none !important;
}

.document .radio input[type="radio"],
.contact .radio input[type="radio"] {
  display: none;
  /* 標準スタイル */
}

.document .radio label,
.contact .radio label {
  position: relative;
  display: inline-block;
}

.document .radio .mwform-radio-field-text,
.contact .radio .mwform-radio-field-text {
  padding-left: 20px;
}

.document .radio.kiyaku_wrap,
.contact .radio.kiyaku_wrap {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}

.document .radio.kiyaku_wrap label,
.contact .radio.kiyaku_wrap label {
  position: absolute;
  left: 0;
}

.document .radio label:after,
.document .radio label span:before,
.contact .radio label:after,
.contact .radio label span:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}

.document .radio label:after,
.contact .radio label:after {
  left: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border: 2px solid #E6E6E6;
  /* ボックスの境界線を実線で指定する */
  border-radius: 50%;
  background: #FFF;
}

.document .radio label span:before,
.contact .radio label span:before {
  left: 3px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background: #C08FB3;
  /* ボックスの背景色を指定する */
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
}

.document .radio input[type="radio"]:checked + span:before,
.contact .radio input[type="radio"]:checked + span:before {
  opacity: 1;
  visibility: visible;
}

.document .radio label:hover:after,
.contact .radio label:hover:after {
  border-color: #C08FB3;
}

.document .check input[type="checkbox"],
.contact .check input[type="checkbox"] {
  display: none;
}

.document .check label span,
.contact .check label span {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
}

.document .check label span:after,
.contact .check label span:after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 3px solid #C08FB3;
  border-right: 3px solid #C08FB3;
  opacity: 0;
  z-index: 1;
}

.document .check label span:before,
.contact .check label span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #E6E6E6;
  background: #FFF;
}

.document .check input[type="checkbox"]:checked + span:after,
.contact .check input[type="checkbox"]:checked + span:after {
  opacity: 1;
}

.document h3,
.contact h3 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 4px solid #C08FB3;
  color: #C08FB3;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

.document h3 p,
.contact h3 p {
  font-size: 14px;
  margin-top: 1rem;
}

.document .contact_tel,
.contact .contact_tel {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.document .contact_tel a,
.contact .contact_tel a {
  display: block;
  position: relative;
  padding-left: 42px;
}

.document .contact_tel a::before,
.contact .contact_tel a::before {
  position: absolute;
  content: "\e917";
  font-family: "icomoon";
  font-size: 30px;
  left: 0;
  color: #424242;
}

.document .table_area,
.contact .table_area {
  font-size: 15px;
}

.document .table_area .table_top,
.document .table_area .table_bottom,
.contact .table_area .table_top,
.contact .table_area .table_bottom {
  width: 100%;
  border: 1px solid #E6E6E6;
}

.document .table_area table,
.contact .table_area table {
  width: 100%;
}

.document .table_area th, .document .table_area td,
.contact .table_area th,
.contact .table_area td {
  padding: 1.2rem 1.6rem;
}

.document .table_area th,
.contact .table_area th {
  background: #424242;
  color: #FFF;
  font-size: 16px;
  border-bottom: 1px solid #E6E6E6;
}

.document .table_area th:first-child,
.contact .table_area th:first-child {
  border-right: 1px solid #E6E6E6;
}

.document .table_area tr,
.contact .table_area tr {
  border-bottom: 1px solid #E6E6E6;
}

.document .table_area tr:last-child,
.contact .table_area tr:last-child {
  border-bottom: none;
}

.document .table_area .td_t,
.contact .table_area .td_t {
  background: #F7F7F7;
  border-right: 1px solid #E6E6E6;
}

.document .table_area .table_bottom th:first-child,
.contact .table_area .table_bottom th:first-child {
  border-right: none;
}

.document .table_area .dpb,
.contact .table_area .dpb {
  display: block;
  width: 100%;
  border-right: none;
}

.document .table_area .dpb.td_t,
.contact .table_area .dpb.td_t {
  border-bottom: 1px solid #E6E6E6;
}

/*_______ [PC表示] _______*/
@media screen and (min-width: 768px) {
  .document .form_wrap,
  .contact .form_wrap {
    margin: 0 0 6rem;
    padding: 6rem;
  }
  .document .form_wrap .table-box,
  .contact .form_wrap .table-box {
    display: table;
  }
  .document .form_wrap .row,
  .contact .form_wrap .row {
    margin-bottom: 4rem;
  }
  .document .form_wrap .row > div,
  .contact .form_wrap .row > div {
    display: table-cell;
  }
  .document .form_wrap .th,
  .contact .form_wrap .th {
    width: 400px;
    padding-left: 6rem;
  }
  .document .form_wrap .td,
  .contact .form_wrap .td {
    margin-top: 0;
    width: 680px;
    padding-bottom: 4rem;
  }
  .document .form_wrap .form_note,
  .contact .form_wrap .form_note {
    font-size: 14px;
    margin-bottom: 4rem;
  }
  .document .form_wrap .send-btn,
  .contact .form_wrap .send-btn {
    margin-top: 4rem;
  }
  .document h3,
  .contact h3 {
    font-size: 24px;
    padding-bottom: 1.6rem;
    margin-bottom: 3rem;
  }
  .document .table_area .table_bottom,
  .contact .table_area .table_bottom {
    border-left: none;
  }
  .document .table_area .table_bottom td,
  .contact .table_area .table_bottom td {
    line-height: 2;
  }
  .document .table_area .dpb,
  .contact .table_area .dpb {
    display: table-cell;
    width: auto;
  }
  .document .table_area .dpb.td_t,
  .contact .table_area .dpb.td_t {
    width: 40%;
    border-right: 1px solid #E6E6E6;
    border-bottom: none;
  }
}

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