@charset "UTF-8";

/* =============================================
基本
============================================= */

#assessment .common_donyu {
  margin-bottom: 26px;
}

#assessment #article_info {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  /*スマホのみ*/
  #assessment #article_info {
    margin-bottom: 24px;
  }
}


/* =============================================
テーブル
============================================= */

.mailform .mw_wp_form_confirm .hide {
  display: inline-block;
}

#assessment #type_other {
  margin-top: 8px;
}

#assessment .mw_wp_form_confirm #type_other:before {
  content: '（';
}

#assessment .mw_wp_form_confirm #type_other:after {
  content: '）';
}

#assessment dl#menseki ul {
  margin-top: -10px;
}

#assessment dl#menseki ul li {
  margin-top: 10px;
}


/* =============================================
フォーム
============================================= */

#assessment #type_other input[type="text"] {
  width: 18em;
}

#assessment dl#chikunen .list_inline {
  margin-left: -8px;
  margin-bottom: 8px;
}

#assessment dl#chikunen span.mwform-radio-field {
  display: inline-block;
  margin-top: 0;
  margin-left: 8px;
}

#assessment textarea[name="bukken_address"] {
  min-height: 5em;
  height: 5em;
}

#assessment input[name="chikunen"] {
  width: 5em;
}

@media print, screen and (min-width: 768px) {
  /*PCのみ*/
  #assessment input[name="chikunen"] {
    margin-left: 6px;
  }
}

#assessment input[name="menseki_1"],
#assessment input[name="menseki_2"],
#assessment input[name="menseki_3"] {
  width: 5em;
}

#assessment input[name="madori"] {
  width: 10em;
}

#assessment input[name="price"] {
  width: 10em;
}

@media only screen and (max-width: 767px) {
  /*スマホのみ*/
  #assessment dl#menseki .list_inline {
    margin-left: 4px;
  }
  #assessment dl#menseki .list_inline,
  #assessment dl#menseki .list_inline>span {
    display: inline-block;
  }
  #assessment dl#menseki label {
    display: inline-block;
    margin-right: 8px;
  }
}


/* =============================================
その他
============================================= */


/*フェーズ*/

.mailform ul#phase_state li {
  width: 190px;
}

@media only screen and (max-width: 1260px) {
.mailform ul#phase_state li {
  width: 135px;
}
}