@charset "Shift_JIS";
/*//////////////////////////////////////////////////////////////////////////////////////////

　現調フォーム　確認画面
  item/order/regist/confirm.html
  item/order/regist/confirm01.html
  item/order/regist/confirm02.html

////////////////////////////////////////////////////////////////////////////////////////*/

/* ====================================================
  キャンペーン
====================================================*/
.box_campaign th {
  width: auto;
}

/* ===========================================================================
  お見積り内容
============================================================================*/
#order_contents {
  padding-bottom: 0;
  border-bottom: none;
}
#order_contents .estimate-info:last-child {/* リスト最後の商品設定 */
  margin-bottom: 0;
  border-bottom: none;
}


/* ===========================================================================
  お申し込みフォーム
============================================================================*/

/* table要素
------------------------------------------------------------------------*/
#order_form .form_contents th {
  width: 120px; /* 122px - padding */
  padding: 6px 0 6px 12px;
  border-right: 1px #bbb solid;
}
#order_form .form_contents td {
  padding: 6px 15px 6px 15px;
  font-size: 14px;
  font-weight: bold;
}

/* 現場調査ご希望日程
------------------------------------------------------------------------*/
#order_form .form_contents .appoint_survey dt {
  font-size: 12px;
  font-weight: normal;
  color: #333;
  background-color: #eee;
}
#order_form .form_contents .appoint_survey dt:after {
  background-image: url("/public/img/item/order/regist/confirm/bg_triangle_confirm.png");
}
#order_form .form_contents .appoint_survey {
  padding-bottom: 0;
  border-bottom: none;
}
#order_form .form_contents .appoint_survey li.first {
  margin-bottom: 8px;
}
#order_form .form_contents .appoint_survey li.last {
  margin-top: 8px;
}
#order_form .form_contents .appoint_survey dd.wish_month {
  width: 5em;
}

/* あわせてご依頼
------------------------------------------------------------------------*/
#order_form .other_item_request {
  margin-top: 10px;
  border: 1px solid #bbb;
}
#order_form .other_item_request th {
  width: 91px; /* 123px - padding */
  padding: 15px 0 10px 32px;
  text-align: left;
  border-right: 1px solid #bbb;
  border-bottom: none;
  background-position: 4px 4px;
}
#order_form .other_item_request td {
  padding-top: 0;
  vertical-align: middle;
}

/* お申し込み内容を修正する
------------------------------------------------------------------------*/
#order_form .bt_modify_contents {
  margin-top: 10px;
}


/* ===========================================================================
  下部エリア
============================================================================*/
#order_foot {
  padding: 10px 30px 0 30px;
  position: relative;
  margin: 60px 30px 0;
  background: url("/public/img/item/order/regist/confirm/bg_order_foot-confirm.png") left -215px no-repeat #f0f4f9;
}
#order_foot .notice_consent {
  margin-bottom: 17px;
}

/* 利用規約　個人情報保護方針
------------------------------------------------------------------------*/
#order_foot .h_rules,
#order_foot .h_agreement {
  font-size: 14px;
  line-height: 14px;
  color: #0070c0;
  cursor: pointer;
}
#order_foot .h_rules::before,
#order_foot .h_agreement::before {
  content: url(/public/img/global/icon_next-brilliantcornflowerblue.svg);
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  transform: scale(0.45) rotate(90deg);
}
#order_foot .active::before {
  transform: scale(0.45) rotate(270deg);
}
#mypage_rules {
  margin-bottom: 10px;
}
#order_foot .rules_outer {
  display: none;
  width: 609px; /* 609px - padding -border */
  margin-bottom: 13px;
  border: 1px solid #acbdd3;
  background-color: #fff;
}
#order_foot .rules_outer .inner {
  overflow: auto;
  height: 220px; /* 96px - padding - border */
  padding: 20px 5px 0 20px;
  line-height: 1.6;
}
#order_foot .rules_outer .inner dt {
  padding-bottom: 3px;
}
#order_foot .note_agreement {
  margin-bottom: 7px;
}
#order_foot .agreement_outer {
  display: none;
  width: 609px;
}
#order_foot .agreement_outer textarea {
  width: 583px; /* 609px - padding -border */
  height: 210px; /* 96px - padding - border */
  padding: 20px 5px 10px 20px;
  font-size: 12px;
  border: 1px solid #acbdd3;
  background-color: #fff;
  font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
  resize: none;
}
#order_foot .check_agreement {
  width: 609px;
  margin-top: 18px;
}
#order_foot .check_agreement input {
  position: absolute;
  left: -9000px;
}
#order_foot .check_agreement label {
  display: block;
  height: 55px;
  padding-left: 50px;
  background: url("/public/img/item/order/regist/confirm/sprite_checkbox.png") 16px 16px no-repeat #fff;
  border: 1px solid #94b9ed;
  border-radius: 3px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
  color: #2467c5;
  font-size: 14px;
  line-height: 55px;
  cursor: pointer;
  transition: opacity ease-in-out 0.2s;
  opacity: 1;
}
#order_foot .check_agreement label.selected { background-position: 16px -50px; }
#order_foot .check_agreement label:hover {
  opacity: 0.7;
}
#order_foot .bt_submit {
  margin: 33px 0 0 0;
  text-align: center;
  padding-bottom: 50px;
}
#security_box {
  background-color: #fff;
}
#order_foot::before {
  position: absolute;
  content: "";
  top: -40px;
  left: 300px;
  background: url(/public/img/item/order/regist/confirm/bg_order_form_confirm.png) top center no-repeat;
  width: 76px;
  height: 28px;
  background-size: cover;
}