/*=========================================

 form.css

=========================================*/

.formPage table#inquiry{
  width:880px;
  }

.formPage table#inquiry tr{
  border-bottom:1px #333333 dotted;
  }

.formPage table#inquiry tr.noborder{
  border-bottom:none;
  }

.formPage table#inquiry th{
    width:220px;
    min-height:15px;
    padding:20px 0 20px 20px;
    background-color:#F2F2F2;
    vertical-align:center;
    line-height:18px;
    }

.formPage table#inquiry td{
  width:610px;
  min-height:15px;
  padding:20px 0 20px 20px;
  }

.formPage table#inquiry tr.blank th,
.formPage table#inquiry tr.blank td{
  height:30px;
  margin:0;
  padding:0;
  background:none!important;
  border-bottom:none!important;
  }

.formPage table th.must{
  background:#F2F2F2 url("../../img/form/icon_must.gif") no-repeat 180px center;
  }


.formPage table#inquiry .name,
.formPage table#inquiry .kana,
.formPage table#inquiry .tel{
  width:200px;
  }

.formPage table#inquiry .mail{
  width:300px;
  }

.formPage table#inquiry .zip{
  width:100px;
  }

.formPage table#inquiry .add{
  position:relative;
  }

.formPage table#inquiry .add .zipcodeSearch{
  margin-bottom: 10px;
  display: inline-block;
  }

.formPage table#inquiry .address{
  width:480px;
  margin-top:5px;
  }

.formPage table#inquiry textarea{
  width:600px;
  }

.formPage .btnBox{
  margin-top:30px;
  text-align:center;
  }

.formPage .btnBox span{
  display:block;
  margin-bottom:30px;
  }

.formPage .btnBox .btn_check{
  width:250px;
  height:41px;
  display:block;
  margin:0 auto;
  }

.numonly,
.chkemail,
.chkhankaku,
.zip,
.date,
.chktime,
.chktel,
.chkfax,
.chkurl {
  ime-mode:disabled;
}

.imeon  { ime-mode:active;}
.imeoff  { ime-mode:disabled;}

.ui-datepicker-title select {
  width:40%!important;
}

.formPage .btnBox .mwform-checkbox-field-text {
  display: inline-block;
  margin-bottom: 0;
}

.formPage input[name="submitConfirm"] {
  background: url(../../img/form/btn_check.png) center center no-repeat;
  background-size: cover;
  width: 250px;
  height: 40px;
  text-indent: -9999px;
  border: 0 none;
  cursor: pointer;
}
.formPage input[name="f_submit"] {
  background: url(../../img/form/btn_send.png) center center no-repeat;
  background-size: cover;
  width: 250px;
  height: 40px;
  text-indent: -9999px;
  border: 0 none;
  cursor: pointer;
  margin-top: 30px;
}
.formPage input[name="submitBack"] {
  background: url(../../img/form/btn_back.gif) center center no-repeat;
  background-size: cover;
  width: 250px;
  height: 40px;
  text-indent: -9999px;
  border: 0 none;
  cursor: pointer;
  margin-top: 30px;
}
.mw_wp_form_confirm td span {
  display: none;
}


@media screen and (max-width: 480px) {
  #recruit_inquiry h2 img {
    width: 65px;
  }

  form .inlineC {
    text-align: left;
  }

  form .inlineC img {
    display: none;
  }

  #formArea {
    margin-top: 30px;
  }

  .formPage table#inquiry{
    width:100%;
  }

  .formPage table#inquiry tr.blank {
    display: none;
  }

  .formPage table#inquiry tr th,
  .formPage table#inquiry tr td{
    height: auto;
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .formPage table#inquiry td {
    padding: 20px;
  }

  .formPage table th.must{
    background:#F2F2F2 url("../../img/form/icon_must.gif") no-repeat right 10px center;
  }

  input[type="text"],
  input[type="email"],
  textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
  }

  .formPage table#inquiry textarea {
    width: 100%;
  }
}

.mw_wp_form .flow {
  display: none;
  margin-right: auto;
  margin-left: auto;
}

.mw_wp_form_input .flow.input {
  display: block;
}

.mw_wp_form_confirm .flow.confirm {
  display: block;
}

.mw_wp_form_complete .flow.complete {
  display: block;
}

.mw_wp_form_complete .cmp_ttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}

.mw_wp_form_complete .desc {
  margin-bottom: 20px;
  line-height: 2;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .mw_wp_form_complete .desc {
    text-align: left;
  }
  .mw_wp_form_complete .desc br{
    display: none;
  }
}