/* LP用ヘッダーここから */
#root.lp_top #layout01_bg {overflow: hidden; width: 100%; height:180px; position:absolute; z-index:9999; top: 0px; left: 0px;}
#root.lp_top #layout01_box {width: 100%; height: 180px;}

#root.lp_top .anchor {padding-top: 0px; margin-top: 0px;}
@media screen and (max-width:1024px) {
#root.lp_top #layout01_bg {overflow: visible; top:0; left:0; height:80px; background:#fff; border-bottom: 2px solid #000; position:fixed;}

#root.lp_top .anchor {padding-top: 80px; margin-top: -80px;}
}
/* LP用ヘッダーここまで */

/* ヘッダー追加ここから */
#layout01_bg { background: #fff;}
#layout01 { max-width:100%;}
#header { height: auto;}
#hd_title { margin-top: 40px;}

#hd_tel { margin:50px 20px 0 0;}
#hd_tel div { font-size:24px; padding:1em 1.5em; border:1px solid #000; line-height:1em;}
#hd_tel a:link,
#hd_tel a:visited { color: #000;}
#hd_tel a:hover { opacity: 0.6; text-decoration:none;}
@media screen and (max-width:1024px) {
#hd_title { width: 220px; max-width: 50%; margin: 20px 0 0 2%; padding: 0;}

#hd_tel { margin: 10px 2% 0 0; display:block;}
#hd_tel div { font-size:20px;}
}
@media screen and (max-width:640px) {
#layout01_box_sp { height: 82px;}
#hd_tel { margin-top: 15px;}
#hd_tel div { font-size:18px;}
}
/* ヘッダー追加ここまで */

/* フッター追加ここから */
#layout04 { padding:0.5em 0; background-color:#222; border:none;}
#layout04 #footer_cnt04 { margin: 0 auto; color: #fff;}
/* フッター追加ここまで */

.sp_only {display:none;}

/* 表示アニメーション */
#renova_req_wrap .fadein {
    opacity: .1;
    -webkit-transform: translate(0px,50px);
    transform: translate(0px,50px);
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
#renova_req_wrap .scrollin {
    opacity: 1;
    -webkit-transform: translate(0px,0);
    transform: translate(0px,0);
}

#renova_req_wrap { text-align: center;}
#renova_req_wrap *{ font-family: "Noto Sans JP";}
#renova_req_wrap h3 { margin-top: 50px;}
#renova_req_wrap p { max-width:980px; margin:0 auto; padding: 20px 20px 40px; font-size:16px; box-sizing:border-box;}
@media screen and (max-width:1024px) {
#renova_req_wrap p { padding: 2% 2% 4%;}
#renova_req_wrap h3 { margin-top: 5%;}
}
@media screen and (max-width:640px) {
#renova_req_wrap p { padding: 4% 2%;}
}

#renova_req_wrap h2 { height:562px; background: url("../renovation_request/images/renove_lp_00_01_pc.jpg") no-repeat scroll 50% 50% transparent; text-indent:-9999px;}
#renova_req_wrap .bg_00 { background-color: #dde7fc; overflow:hidden;}
#renova_req_wrap .bg_01 { background: url("../renovation_request/images/bg_01_pc.png") no-repeat scroll transparent;}
#renova_req_wrap .bg_02 { padding-top:40px; background: url("../renovation_request/images/bg_02_pc.png") no-repeat scroll transparent;}
#renova_req_wrap .bg_01,
#renova_req_wrap .bg_02 { background-position: 50% top; overflow:hidden;}
@media screen and (max-width:1024px) {
#renova_req_wrap h2 { height:0; padding-bottom:53%; background-size:185% auto;}
#renova_req_wrap .bg_01,
#renova_req_wrap .bg_02 { background-size: 185% auto;}
#renova_req_wrap .bg_02 { padding-top:4%;}
}
@media screen and (max-width:640px){
#renova_req_wrap h2 { padding-bottom:93.5%; background-image: url("../renovation_request/images/renove_lp_00_01_sp.jpg"); background-size:100% auto;}
#renova_req_wrap .bg_01 { background-image: url("../renovation_request/images/bg_01_sp.png");}
#renova_req_wrap .bg_02 { background-image: url("../renovation_request/images/bg_02_sp.png");}
#renova_req_wrap .bg_01,
#renova_req_wrap .bg_02 { background-size: cover;}
}

/*lp_02*/
#renova_req_wrap p.renove_lp_02_p_style { padding: 40px 20px; text-align:left;}
#renova_req_wrap .renove_lp_02_03 {margin:40px auto; position: relative; left: -140px;}
@media screen and (max-width:1024px) {
#renova_req_wrap p.renove_lp_02_p_style { padding: 4% 2%;}
#renova_req_wrap .renove_lp_02_03 { width:98%; margin:4% auto; left: 1%;}
}
@media screen and (max-width:640px) {
#renova_req_wrap .renove_lp_02_03 { width:100%; left: 0;}
}

/*lp_03*/
#renova_req_wrap .renove_lp_03_04 {margin:40px auto 20px;}
#renova_req_wrap .works_sld_box { max-width:980px; width:96%; margin: 0 auto 200px;}
@media screen and (max-width:1024px) {
#renova_req_wrap .renove_lp_03_04 { margin:4% auto 2%;}
#renova_req_wrap .works_sld_box { margin:0 auto 20%;}
}
@media screen and (max-width:640px) {
#renova_req_wrap .works_sld_box { width:100%; max-width:94%;}
}
/*QA*/
#renova_req_wrap .renova_qa_acdn { cursor: pointer;}
#renova_req_wrap a.renova_qa_acdn:hover { opacity: 0.6;}
#renova_req_wrap .renova_qa_wrap { max-width: 980px; margin:20px auto 60px; overflow: hidden;}
#renova_req_wrap .renova_qa_wrap .renova_qa { width:96%; max-width:940px; margin:20px auto; padding: 20px; background: url("../renovation_request/images/renove_lp_q.png") no-repeat #70c7db scroll left top; background-size: 70px auto; text-align:left; box-sizing: border-box; transition: all .4s !important; -webkit-transition: all .4s !important;}
#renova_req_wrap .renova_qa_wrap .renova_qa.qa_on { background-color:#ecfbff;}
#renova_req_wrap .renova_qa_wrap a:hover { text-decoration:none;}
#renova_req_wrap .renova_qa_wrap a:hover .renova_qa h5 { color:#fff; text-decoration:none;}
#renova_req_wrap .renova_qa_wrap a:hover .renova_qa p { color:#000; text-decoration:none;}
#renova_req_wrap .renova_qa_wrap .renova_qa h5 { padding-left: 70px; padding-right:2em; font-size:20px; font-weight:normal; color:#fff; position: relative;}
#renova_req_wrap .renova_qa_wrap .renova_qa h5:after { content:"―"; height: 1em; margin: auto; line-height: 1em; font-weight:bold; text-align:right; position: absolute; top: 0; bottom: 0; right: 0.5em;}
#renova_req_wrap .renova_qa_wrap .renova_qa.qa_on h5,
#renova_req_wrap .renova_qa_wrap a:hover .renova_qa.qa_on,
#renova_req_wrap .renova_qa_wrap a:hover .renova_qa.qa_on h5 { color:#000;}
#renova_req_wrap .renova_qa_wrap .renova_qa.qa_on h5:after { content:"＋"; color:#1cbfd2;}
#renova_req_wrap .renova_qa_wrap .renova_qa p { margin-top: 20px; padding:20px 20px 20px 100px; font-size:16px; background: url("../renovation_request/images/renove_lp_a.png") no-repeat #fff scroll 50px 20px; background-size: 19px auto; display:none; box-sizing:border-box;}
#renova_req_wrap .renova_qa_wrap #renova_qa_acdn_01.renova_qa p { display:block;}
@media screen and (max-width:1024px) {
#renova_req_wrap .renova_qa_wrap { margin:2% auto 6%;}
#renova_req_wrap .renova_qa_wrap .renova_qa { margin:2% auto; padding: 2%; background-size: 7% auto;}
#renova_req_wrap .renova_qa_wrap .renova_qa h5 { padding-left: 7%;}
#renova_req_wrap .renova_qa_wrap .renova_qa p { margin-top: 2%; padding:2% 2% 2% 10%; background-size: 2% auto; background-position: 5% 16%;}
}
@media screen and (max-width:640px) {
#renova_req_wrap .renova_qa_wrap .renova_qa { background-size: 10% auto;}
#renova_req_wrap .renova_qa_wrap .renova_qa h5 { font-size:18px;}
#renova_req_wrap .renova_qa_wrap .renova_qa p { padding:8% 2% 2%; background-size: 3% auto; background-position: 3% 0.5em;}
}

/*lp_04*/
#renova_req_wrap .renove_lp_04_txt { padding:15px; border:5px solid #000; background-color:rgba(255,255,255,0.6); text-align:left; box-sizing:border-box;}
#renova_req_wrap .renove_lp_04_txt h4 { margin-bottom:0.6em; font-size:24px;}
#renova_req_wrap .renove_lp_04_txt p { padding:0;}
#renova_req_wrap .bg_03 { max-width:940px; width:96%; margin: 0 auto; background: url("../renovation_request/images/renove_lp_04_02_pc.jpg") no-repeat scroll left top transparent; overflow:hidden;}
#renova_req_wrap .bg_03 .renove_lp_04_txt { width:58%; max-width:540px; margin:150px 0 120px auto;}
#renova_req_wrap .bg_04 { padding:60px 0; background-color: #faf6ea; overflow:hidden;}
#renova_req_wrap .bg_04 .renove_lp_04_txt { width:940px; max-width:96%; margin:20px auto 0;}
#renova_req_wrap .bg_05 { background: url("../renovation_request/images/renove_lp_04_05_pc.jpg") no-repeat scroll 50% top transparent; overflow:hidden;}
#renova_req_wrap .bg_05 .bg_05_inner { max-width:940px; width:96%; margin: 0 auto;}
#renova_req_wrap .bg_05 .renove_lp_04_txt { width:58%; max-width:540px; margin:260px 0 40px auto;}
@media screen and (max-width:1024px) {
#renova_req_wrap .renove_lp_04_txt { padding:2%;}
#renova_req_wrap .bg_03 .renove_lp_04_txt { margin:15% 0 12% auto;}
#renova_req_wrap .bg_04 { padding:6% 0;}
#renova_req_wrap .bg_05 { background-size: cover;}
#renova_req_wrap .bg_05 .renove_lp_04_txt { margin:26% 0 40% auto;}
}
@media screen and (max-width:640px) {
#renova_req_wrap .renove_lp_04_txt { border-width:3px;}
#renova_req_wrap .renove_lp_04_txt h4 { font-size:18px;}
#renova_req_wrap .bg_03 { width:100%; background-image: url("../renovation_request/images/renove_lp_04_02_sp.jpg"); background-size: 100% auto;}
#renova_req_wrap .bg_03 .renove_lp_04_txt { width:100%; max-width:96%; margin:82% auto 10%;}
#renova_req_wrap .bg_05 { background-image: url("../renovation_request/images/renove_lp_04_05_sp.jpg");}
#renova_req_wrap .bg_05 .bg_05_inner { width:100%; max-width:96%;}
#renova_req_wrap .bg_05 .renove_lp_04_txt { width:100%; max-width:96%; margin:25% auto 8%;}
}

/*lp_05*/
#renova_req_wrap .renove_lp_05_03 { margin:10px auto;}
#renova_req_wrap .renove_lp_05_p_style {text-align:left;}
@media screen and (max-width:1024px) {
#renova_req_wrap .renove_lp_05_03 { margin:2% auto;}
}

#renova_req_wrap #req_sld_wrap { background: url("../renovation_request/images/renove_lp_06_01_pc.jpg") no-repeat scroll 50% top transparent; overflow:hidden;}
#renova_req_wrap #req_sld_wrap .req_sld_box { max-width:800px; width:80%; margin: 480px auto 460px;}
@media screen and (min-width:641px) {
#renova_req_wrap #req_sld_wrap .bx-wrapper .bx-pager { bottom: 0;}
}
@media screen and (max-width:1024px) {
#renova_req_wrap #req_sld_wrap { background-size: 194% auto;}
#renova_req_wrap #req_sld_wrap .req_sld_box { margin:48% auto 46%;}
}
@media screen and (max-width:640px) {
#renova_req_wrap #req_sld_wrap { background-image: url("../renovation_request/images/renove_lp_06_01_sp.jpg"); background-size: 100% auto;}
#renova_req_wrap #req_sld_wrap .req_sld_box { width:100%; max-width:94%; margin: 82% auto 67%;}
}

/* form */
@media screen and (min-width:1025px) {
#inquiry.form.form_lp_selecta { margin-top: -190px; padding-top: 1px; z-index: 2; position: relative; background-color: #fff;}
}

/* sld */
#renova_req_wrap .bx-wrapper .bx-prev,
#renova_req_wrap .bx-wrapper .bx-next { background-image: url(../renovation_request/images/controls.png);}
#renova_req_wrap .bx-wrapper .bx-pager.bx-default-pager a { background: #222;}
#renova_req_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#renova_req_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background: #1cbfd2;}
@media screen and (min-width:641px) {
#renova_req_wrap .bx-wrapper .bx-pager { width: auto; left: 5px;}
}
@media screen and (max-width:640px) {
#renova_req_wrap .bx-wrapper .bx-prev { left: 0px;}
#renova_req_wrap .bx-wrapper .bx-next { right: 0px;}
#renova_req_wrap .bx-wrapper .bx-controls-direction { position: static;}
#renova_req_wrap .bx-wrapper .bx-controls-direction a { top: 50%;}
}