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

	ランディングページページ [sp]

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通設定
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { /*---------- 共通設定 ----------*/ }
/*640px*/
/*--------------------------------------------------------------------------
	メイン表示部
--------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) { #lp_top .rc_estate_info .intro .frm .ph { display: none; }
  #lp_top .rc_estate_info .intro .frm .item { height: 100%; background: url("../../lp/img/bg_intro01.png") no-repeat left bottom; background-size: 200px auto; }
  #lp_top .rc_estate_info .intro .frm .item p { padding: 40px 0; } }
/*1100px*/
@media screen and (max-width: 1000px) { #lp_top .rc_estate_info .flow_purchase .frm .business { margin: 0 auto; max-width: 800px; }
  #lp_top .rc_estate_info .flow_purchase .frm .business .ph, #lp_top .rc_estate_info .flow_purchase .frm .business .cap { display: block; width: 100%; }
  #lp_top .rc_estate_info .flow_purchase .frm .business .ph { margin: 0 auto; padding: 0 0 40px 0; max-width: 230px; } }
/*1000px*/
@media screen and (max-width: 900px) { #lp_top .rc_estate_info .theme { padding: 30px 20px 40px 20px; }
  #lp_top .rc_estate_info .theme h3 img { max-width: 520px; }
  #lp_top .rc_estate_info .intro .frm .item { padding: 0 0 0 180px; background: url("../../lp/img/bg_intro01.png") no-repeat left bottom; background-size: 160px auto; font-size: 15px; }
  #lp_top .rc_estate_info .intro .frm .item p { padding: 30px 0; }
  #lp_top #lp_form .form_step { padding: 0 30px !important; } }
/*900px*/
@media screen and (max-width: 768px) { #lp_top { margin: 0 auto 60px auto; }
  #lp_top .rc_estate_info .theme h3 img { max-width: 480px; }
  #lp_top .rc_estate_info .flow_purchase .frm .business .cap ol { margin: 20px 0 15px 0; }
  #lp_top .rc_estate_info .flow_purchase .frm .business .cap ol li { margin: 10px 0 0 0; padding: 10px 15px; }
  #lp_top .rc_estate_info .flow_purchase .frm .business .cap ol li:first-of-type { margin: 0; }
  #lp_top .rc_estate_info .flow_consult .frm .point .item_frm .item > div h4 { font-size: 20px; }
  #lp_top #lp_form .entry_form .cap h3 { font-size: 27px; }
  #lp_top #lp_form .entry_form .msg { margin: 50px auto; font-size: 16px; max-width: 1140px; }
  #lp_top #lp_form .entry_form .msg p.privacy { font-size: 14px; }
  #lp_top #lp_form .form_step { padding: 0 20px !important; }
  #lp_top #lp_form #formMain #formIn section .fName { padding: 50px 0 0 0; }
  #lp_top #lp_form #formMain #formIn section .fName.line { padding: 30px 10px 0 0; }
  #lp_top #lp_form #formMain #formIn section .fValue { padding: 15px 0 50px 0; border-top: none; }
  #lp_top #lp_form #formMain #formIn section .fValue.line { padding: 15px 0 50px 0; } }
/*768px*/
@media screen and (max-width: 640px) { #lp_top { margin: 0 auto 60px auto; }
  #lp_top .rc_estate_info .theme h3 img { max-width: 400px; }
  #lp_top .rc_estate_info .intro { padding: 0 10px; }
  #lp_top .rc_estate_info .intro .frm .item { padding: 30px 0 160px 0; background: url("../../lp/img/bg_intro01.png") no-repeat center bottom; background-size: 160px auto; font-size: 14px; }
  #lp_top .rc_estate_info .intro .frm .item p { padding: 0; }
  #lp_top .rc_estate_info .consult_intro { padding: 40px 10px 60px 10px; }
  #lp_top .rc_estate_info .consult_intro p.here { margin: 30px auto 0 auto; }
  #lp_top .rc_estate_info .consult_intro p.here a { padding: 16px 10px 11px 10px; }
  #lp_top .rc_estate_info .flow_purchase .frm { margin: 60px auto 0 auto; }
  #lp_top .rc_estate_info .flow_purchase .frm .business .ph { padding: 0 0 30px 0; max-width: 200px; }
  #lp_top .rc_estate_info .flow_select { padding: 40px 10px; background: url("../../lp/img/bg_flow_select_t.png") no-repeat center top, url("../../lp/img/bg_flow_select_b.png") no-repeat center bottom; background-size: 80px auto; }
  #lp_top .rc_estate_info .flow_select .frm p { font-size: 19px; }
  #lp_top .rc_estate_info .flow_consult .frm { margin: 0 auto 60px auto; }
  #lp_top .rc_estate_info .flow_consult .frm .point .item_frm .item > div h4 { font-size: 18px; }
  #lp_top #lp_form .entry_form { text-align: left; }
  #lp_top #lp_form .entry_form .cap { padding: 25px 20px; }
  #lp_top #lp_form .entry_form .cap h3 { font-size: 24px; text-align: center; }
  #lp_top #lp_form .entry_form .msg { margin: 40px auto; padding: 0 10px; font-size: 15px; }
  #lp_top #lp_form .entry_form .msg p.privacy { margin: 5px 0 0 0; font-size: 13px; }
  #lp_top #lp_form .form_step { padding: 0 15px !important; }
  #lp_top #lp_form .form_step h3.part { padding: 10px 15px; font-size: 15px; }
  #lp_top #lp_form #formMain #formIn { padding: 0 10px; }
  #lp_top #lp_form #formMain #formIn .formSub { padding: 30px 0 0 0; }
  #lp_top #lp_form #formMain #formIn section .fName { padding: 30px 0 0 0; }
  #lp_top #lp_form #formMain #formIn section .fName.line { padding: 30px 10px 0 0; }
  #lp_top #lp_form #formMain #formIn section .fValue { padding: 15px 0 30px 0; }
  #lp_top #lp_form #formMain #formIn section .fValue.line { padding: 15px 0 30px 0; }
  #lp_top #lp_form #formMain #formIn .business_hours { margin: 10px auto 0 auto; font-size: 12px; }
  #lp_top #lp_form #formMain #formIn #formBtn { margin: 25px 0 0 0; }
  #lp_top #lp_form #formMain #formIn #formBtn button { height: 64px; max-width: 300px; font-size: 22px; border-radius: 32px; } }
/*640px*/
@media screen and (max-width: 480px) { #lp_top .rc_estate_info .flow_consult .frm .point .item_frm .item > div h4 { font-size: 16px; } }
/*640px*/
@media screen and (max-width: 480px) { #lp_top .rc_estate_info .theme h3 img { max-width: 360px; }
  #lp_top .rc_estate_info .intro .frm .item { padding: 30px 0 140px 0; background: url("../../lp/img/bg_intro01.png") no-repeat center bottom; background-size: 140px auto; }
  #lp_top .rc_estate_info .flow_purchase .frm .business .ph { max-width: 180px; }
  #lp_top .rc_estate_info .flow_select .frm p { font-size: 17px; }
  #lp_top .rc_estate_info .flow_select .frm p br.sp { displa: block; } }
/*480px*/

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