@charset "UTF-8";
/*--------------------------------------------------------------------------

	◎BMS連動ページー
	住宅販売情報 (BMS住宅物件) ローンシミュレーション用
	
--------------------------------------------------------------------------*/
form.loan_sm .loan_box { margin-top: 50px; padding: 50px; background: #FFF; }
form.loan_sm .loan_box h4 { background: url("../img/icon_red.png") left top no-repeat; background-size: 4px auto; padding: 0 0 0 20px; margin-bottom: 25px; line-height: 1.3; font-size: 22px; font-weight: 500; }
form.loan_sm .loan_box h4 .result_subtitle { font-size: 14px; display: inline-block; }
form.loan_sm .loan_box .sm { margin: 0 auto 0; max-width: 810px; }
form.loan_sm .loan_box .sm .loan-sim { display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
form.loan_sm .loan_box .sm .loan-sim dl { width: 50%; padding: 0 5px 10px; }
form.loan_sm .loan_box .sm .loan-sim dl dt { background: #6b6d79; font-size: 15px; padding: 5px 10px; color: #FFF; }
form.loan_sm .loan_box .sm .loan-sim dl dt.price_dt { background: #1c223c; color: #FFF; }
form.loan_sm .loan_box .sm .loan-sim dl dd { background: #e4e4e4; font-size: 15px; padding: 10px 10px; text-align: right; }
form.loan_sm .loan_box .sm .loan-sim dl dd input { font-size: 15px; font-weight: 500; padding: 5px; text-align: right; margin-right: 10px; }
form.loan_sm .loan_box .sm .loan-sim dl dd input.loan { background: #cccbc9; border: 1px #cccbc9 solid; }
form.loan_sm .loan_box .sm .loan-sim dl dd select { font-size: 15px; font-weight: 500; padding: 5px; text-align: right; margin-right: 10px; background: #FFF; border: #666 1px solid; }
form.loan_sm .loan_box .sm .loan-sim dl.detail { width: 100%; }
form.loan_sm .loan_box .sm .loan-sim dl.detail dd div { display: -webkit-box; display: flex; justify-content: space-around; }
form.loan_sm .loan_box .sm .loan-sim dl.detail dd div span { width: 50%; padding: 0 15px; }
form.loan_sm .loan_box .sm .loan-sim dl.detail dd div span + span { padding-right: 0; }
form.loan_sm .loan_box .sm .loan-sim dl.other_detail { opacity: 0.5; }
form.loan_sm .loan_box .sm .loan-sim dl.other_detail.open { opacity: 1; }
form.loan_sm .loan_box .sm .buttonSec { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; padding: 20px 0 0; }
form.loan_sm .loan_box .sm .buttonSec button { display: block; width: 190px; border-radius: 20px; border: none; padding: 10px 0; color: #00000f; background: #cccccc; margin: 0 5px; font-size: 15px; }
form.loan_sm .loan_box .sm .buttonSec button[type="button"] { background: #c71c2f; color: #FFF; }
form.loan_sm .loan_box .loan_result { padding-top: 50px; display: none; }
form.loan_sm .loan_box .loan_result.open { display: block; }
form.loan_sm .loan_box .loan_result .result-table { margin: 0 auto 0; max-width: 790px; }
form.loan_sm .loan_box .loan_result .result-table h5 { font-size: 15px; font-weight: 500; }
form.loan_sm .loan_box .loan_result .result-table h5.second { display: none; }
form.loan_sm .loan_box .loan_result .result-table h5.second.open { display: block; }
form.loan_sm .loan_box .loan_result .result-table dl { display: -webkit-box; display: flex; justify-content: space-around; margin-bottom: 5px; }
form.loan_sm .loan_box .loan_result .result-table dl dt, form.loan_sm .loan_box .loan_result .result-table dl dd { width: 50%; }
form.loan_sm .loan_box .loan_result .result-table dl dt { display: -webkit-box; display: flex; align-items: center; background: #c4c4ce; padding: 10px 10px; }
form.loan_sm .loan_box .loan_result .result-table dl dd { background: #f1f1f1; text-align: right; padding: 10px 20px 10px 10px; }
form.loan_sm .loan_box .loan_result .result-table dl dd span { font-size: 20px; font-weight: 500; margin: 0 5px; }
form.loan_sm .loan_box .loan_result .result-table dl.first-m dt { display: -webkit-box; display: flex; align-items: center; background: #1c223c; color: #fff; }
form.loan_sm .loan_box .loan_result .result-table dl.first-m dd span { font-size: 23px; color: #c71c2f; }
form.loan_sm .loan_box .loan_result .result-table dl.bonus { margin-bottom: 20px; }
form.loan_sm .loan_box .loan_result .result-table .second { display: none; }
form.loan_sm .loan_box .loan_result .result-table .second.open { display: block; }
form.loan_sm .loan_box .caution { margin-top: 50px; }
form.loan_sm .loan_box .caution > p { margin-bottom: 10px; }

@media screen and (max-width: 1000px) { form.loan_sm .loan_box { padding: 30px; } }
/*1000px;*/
@media screen and (max-width: 768px) { form.loan_sm .loan_box { padding: 20px; }
  form.loan_sm .loan_box h4 { font-size: 18px; }
  form.loan_sm .loan_box h4 .result_subtitle { font-size: 13px; }
  form.loan_sm .loan_box .sm .loan-sim { display: block; }
  form.loan_sm .loan_box .sm .loan-sim dl { width: 100%; padding: 0 0 10px; }
  form.loan_sm .loan_box .sm .loan-sim dl.detail dd div { display: block; }
  form.loan_sm .loan_box .sm .loan-sim dl.detail dd div span { display: block; width: 100%; padding: 0; }
  form.loan_sm .loan_box .sm .loan-sim dl.detail dd div span + span { margin-top: 10px; }
  form.loan_sm .loan_box .sm .loan-sim dl.other_detail { opacity: 0.5; }
  form.loan_sm .loan_box .sm .loan-sim dl.other_detail.open { opacity: 1; }
  form.loan_sm .loan_box .sm .buttonSec { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; padding: 20px 0 0; }
  form.loan_sm .loan_box .sm .buttonSec button { display: block; width: 190px; border-radius: 20px; border: none; padding: 10px 0; color: #FFF; background: #b3bbbb; margin: 0 5px; }
  form.loan_sm .loan_box .sm .buttonSec button[type="button"] { background: #0061bf; }
  form.loan_sm .loan_box .loan_result .result-table h5 { font-size: 14px; } }
/*768px*/
@media screen and (max-width: 640px) { form.loan_sm .loan_box { padding: 20px 10px; }
  form.loan_sm .loan_box .sm .loan-sim dl dd select { font-size: 14px; }
  form.loan_sm .loan_box .sm .buttonSec { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; padding: 20px 0 0; }
  form.loan_sm .loan_box .sm .buttonSec button { display: block; width: 190px; border-radius: 20px; border: none; padding: 10px 0; color: #FFF; background: #b3bbbb; margin: 0 5px; }
  form.loan_sm .loan_box .sm .buttonSec button[type="button"] { background: #0061bf; }
  form.loan_sm .loan_box .loan_result .result-table dl { width: 100%; display: block; }
  form.loan_sm .loan_box .loan_result .result-table dl dt, form.loan_sm .loan_box .loan_result .result-table dl dd { width: 100%; }
  form.loan_sm .loan_box .loan_result .result-table dl dt { padding: 5px 10px; }
  form.loan_sm .loan_box .loan_result .result-table dl dd { padding: 5px 20px 5px 10px; }
  form.loan_sm .loan_box .loan_result .result-table dl dd span { font-size: 18px; }
  form.loan_sm .loan_box .loan_result .result-table dl.first-m dd span { font-size: 20px; }
  form.loan_sm .loan_box .caution { margin-top: 30px; } }
/*640px*/

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