@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;
}
}



/* ======================================================
カスタマイズ
====================================================== */
/* phase_link */
.phase2 #phase_link {
    margin-top: 30px;
    }
#phase_link p.next span,
#phase_link p.prev span {
    background-color: #009de4;
    border: none;
    color: #fff;
    font-size: 14px;
    }
#phase_link p.next span {
    padding: 15px 42px 15px 30px;
    }
#phase_link p.prev span {
    padding: 15px 30px 15px 42px;
    }
#phase_link p.next span:hover,
#phase_link p.prev span:hover {
    background-color: #f9bb00;
    transition: 0.2s;
    }
#phase_link p span:before {
    color: #fff;
    }
#phase_link .next span:before {
    right: 18px;
    }
#phase_link .prev span:before {
    left: 18px;
    }

/* ＞767 -------------- */
@media screen and (max-width: 767px) {

    #main_content > .wrapper {
        padding: 0 6%;
        }
    #assessment .common_donyu {
        font-size: 14px;
        }

    /* phase_link */
    #phase_link {
        padding-bottom: 60px;
        }

} /* end ＞767 */