body.contact-btoc {
  background-color: #EBB9B0;
  background-size: 100% auto;
}

body.contact-btob {
  background-color: #9BD3D0;
  background-size: 100% auto;
}

/* 
 .formStyle
========================================================= */
.formStyle input[type='text'],
.formStyle button,
.formStyle select,
.formStyle textarea {
  outline: none;
  border-radius: 0;
  font: inherit;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.formStyle textarea {
  resize: vertical;
}

.formStyle input[type='submit'],
.formStyle input[type='button'],
.formStyle label,
.formStyle button,
.formStyle select {
  cursor: pointer;
}

.formStyle select::-ms-expand {
  display: none;
}

.formStyle *::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.1);
  font-size: inherit;
}

.formStyle *:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.1);
  font-size: inherit;
}

.formStyle *::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.1);
  font-size: inherit;
}

.formStyle *::placeholder {
  color: rgba(0, 0, 0, 0.1);
  font-size: inherit;
}

/* 
 style Reset
========================================================= */
.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

.mw_wp_form .error {
  padding: .5em 0;
}

.contents {
  padding: 56px 0 40px;
}

@media screen and (min-width: 767px) {
  .contents {
    padding: 13vw 0 0;
  }
}

@media screen and (min-width: 1200px) {
  .contents {
    padding: 156px 0 0;
  }
}

/* 
 .mailForm
========================================================= */
.mailForm {
  padding: 0 calc(80/1921*100vw) 8vw;
  color: #7B7192;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .mailForm {
    padding: 0 50px 96px;
  }
}

.mailForm .contact-header {
  display: none;
}

body.form_input .mailForm .contact-header.input {
  display: block;
}

body.form_confirm .mailForm .contact-header.confirm {
  display: block;
}

body.form_complete .mailForm .contact-header.complete {
  display: block;
}

.mailForm .contact-header .contact-header-heading {
  position: relative;
  top: -24px;
  margin-bottom: -32px;
}

@media screen and (min-width: 767px) {
  .mailForm .contact-header .contact-header-heading {
    top: -3.7vw;
    margin-bottom: -3.7vw;
  }
}

@media screen and (min-width: 1200px) {
  .mailForm .contact-header .contact-header-heading {
    top: -44px;
    margin-bottom: -44px;
  }
}

.mailForm .contact-header .contact-header-heading img {
  width: 214px;
}

@media screen and (min-width: 767px) {
  .mailForm .contact-header .contact-header-heading img {
    width: calc(600/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  .mailForm .contact-header .contact-header-heading img {
    width: 374px;
  }
}

.mailForm .contact-header .text p {
  padding: 16px 0 0;
  font-size: 12px;
}

@media screen and (min-width: 767px) {
  .mailForm .contact-header .text p {
    padding: 1.5vw 0 0;
    font-size: calc(23/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  .mailForm .contact-header .text p {
    padding: 18px 0 0;
    font-size: 14.3675px;
  }
}

/* 
 .inquiry_type
========================================================= */
.inquiry_type {
  padding: 24px 0 0;
}

@media screen and (min-width: 767px) {
  .inquiry_type {
    padding: 3.7vw 0 0;
  }
}

.inquiry_type .heading {
  font-size: 12px;
}

@media screen and (min-width: 767px) {
  .inquiry_type .heading {
    font-size: calc(23/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  .inquiry_type .heading {
    font-size: 14.3675px;
  }
}

.inquiry_type .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1vw 0 0;
}

.inquiry_type .checkbox * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
}

@media screen and (min-width: 767px) {
  .inquiry_type .checkbox * {
    font-size: calc(26/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  .inquiry_type .checkbox * {
    font-size: 16.2415px;
  }
}

.inquiry_type .checkbox .mwform-checkbox-field {
  margin-top: .5em;
  padding-right: 1em;
}

.inquiry_type .checkbox input {
  width: .8em;
  height: .8em;
}

/* 
 .formTabel
========================================================= */
.formTable {
  padding: 3vw 0 0;
}

.formTable table {
  width: 100%;
}

.formTable table th,
.formTable table td {
  display: block;
  vertical-align: top;
  text-align: left;
  font-size: 12px;
}

@media screen and (min-width: 767px) {
  .formTable table th,
  .formTable table td {
    display: table-cell;
    padding-bottom: 1em;
    font-size: calc(23/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  .formTable table th,
  .formTable table td {
    font-size: 14.3675px;
  }
}

.formTable table td {
  padding-bottom: 1em;
}

@media screen and (min-width: 767px) {
  .formTable table td {
    width: 80%;
  }
}

.formTable table td input[type="text"] {
  width: 100%;
  padding: .4em .7em;
  font-size: inherit;
  background-color: #E9E9E9;
}

.formTable table td input[type="text"][name="birthday"] {
  width: 50%;
}

.formTable table td input[type="text"][name="age"] {
  width: 24%;
  margin-left: 1%;
}

.formTable table td input[type="text"][name="sex"] {
  width: 24%;
  margin-left: 1%;
}

.formTable table td textarea {
  width: 100%;
  height: calc(1.3em * 7);
  padding: .4em .7em;
  font-size: inherit;
  background-color: #E9E9E9;
  line-height: 1.3;
}

/* 
 .kiyaku
========================================================= */
@media screen and (min-width: 767px) {
  .form-kiyaku .inner {
    padding-left: 20%;
  }
}

.form-kiyaku .heading {
  font-size: 12px;
}

@media screen and (min-width: 767px) {
  .form-kiyaku .heading {
    font-size: calc(23/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  .form-kiyaku .heading {
    font-size: 14.3675px;
  }
}

.form-kiyaku .kiyaku-text {
  height: 220px;
  padding: 8px;
  overflow: auto;
  font-size: 10px;
  background-color: #E9E9E9;
}

@media screen and (min-width: 767px) {
  .form-kiyaku .kiyaku-text {
    height: calc(460/1921*100vw);
    margin: 1.5vw 0 0;
    padding: calc(32/1921*100vw);
    font-size: calc(18/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  .form-kiyaku .kiyaku-text {
    height: 247px;
    margin: 18px 0 0;
    padding: 20px;
    font-size: 11.2441px;
  }
}

.form-kiyaku .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px 0 0;
}

@media screen and (min-width: 767px) {
  .form-kiyaku .checkbox {
    padding: 1vw 0 0;
  }
}

.form-kiyaku .checkbox * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
}

@media screen and (min-width: 767px) {
  .form-kiyaku .checkbox * {
    font-size: calc(29/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  .form-kiyaku .checkbox * {
    font-size: 18.1156px;
  }
}

.form-kiyaku .checkbox .mwform-checkbox-field-text {
  font-weight: 500;
}

.form-kiyaku .checkbox input {
  width: .8em;
  height: .8em;
}

/* 
 .formBtn
========================================================= */
.formBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 0 0;
}

@media screen and (min-width: 767px) {
  .formBtn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 2.9% 0 0;
  }
}

.formBtn input {
  width: 50%;
}

@media screen and (min-width: 767px) {
  .formBtn input {
    width: 30.5%;
  }
}

/* 
 .form_confirm .form_complete .form_input_error
========================================================= */
.form_confirm .mailForm,
.form_complete .mailForm {
  padding: 0 80px 0;
}

@media screen and (max-width: 767px) {
  .form_confirm .mailForm,
  .form_complete .mailForm {
    padding: 0;
  }
}

.form_confirm #section01,
.form_complete #section01 {
  display: none;
}

/* 
 .form_confirm
========================================================= */
.form_confirm #formWrap .formBtn input {
  width: 100%;
}

.form_confirm #formWrap .radio,
.form_confirm #formWrap .checkbox,
.form_confirm #formWrap .select,
.form_confirm #formWrap .textarea,
.form_confirm #formWrap .text {
  font-weight: bold;
}

.form_confirm #formWrap .required {
  display: none;
}

.form_confirm #formWrap .kiyaku {
  display: none;
}

.form_confirm .inquiry_typeWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form_confirm .inquiry_typeWrap .inquiry_type_item {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .form_confirm .inquiry_typeWrap .inquiry_type_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
  }
}

.form_confirm .email_confirm {
  display: none;
}

.form_confirm #formWrap .formBtn {
  padding: 80px 0 0;
}

.form_confirm #formWrap .formBtn input {
  width: calc(50% - 8px);
}

.form_confirm .conf_only {
  display: none;
}

/* 
 .form_complete
========================================================= */
.form_complete .mailForm .contact-header.complete {
  display: block;
  text-align: left;
  border: none;
}

.form_complete .mailForm .backBtn {
  padding: 24px 0 0;
}

/* 
 .form_input_error
========================================================= */
.error_message {
  display: none;
}

.form_input_error .error_message {
  display: block;
}

.form_input_error .error_message p {
  margin: 16px 0 0;
  padding: 12px 16px;
  color: #D9534F;
  font-weight: bold;
  font-size: 14px;
  border: 2px solid #D9534F;
}
/*# sourceMappingURL=form.css.map */