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

#renova_wrap { text-align: center;}
#renova_wrap *{ font-family: "Noto Sans JP";}
#renova_wrap p { line-height: 1.6em; text-align: left;}

#renova_wrap .btn_wrap { margin:20px auto 30px;}
#renova_wrap .btn_wrap:hover{ opacity:0.6;}
#renova_wrap .btn_wrap a { width:100%; padding: .8em 2em .8em 1em; font-size:20px; display: block; background-color: #000; position:relative; box-sizing: border-box;}
#renova_wrap .btn_wrap a:after{ content: "＞"; height:1em; margin:auto; line-height:1em; position:absolute; right:.8em; top:0; bottom:0;}
#renova_wrap .btn_wrap a:link,
#renova_wrap .btn_wrap a:visited{ color: #fff;}
@media screen and (max-width:1024px) {
#renova_wrap .btn_wrap { margin:2% auto 3%;}
}

#renova_wrap h2 { height:600px; margin-bottom: 70px; background: url("../renovation/images/renove_00_pc.jpg") no-repeat scroll 50% 50% transparent; text-indent:-9999px;}
#renova_wrap .renova_lp_01 { margin: 70px auto; background: url("../renovation/images/renove_02_pc.jpg") no-repeat scroll transparent;}
#renova_wrap .renova_lp_opt { margin: 70px auto; padding:50px 0; background: url("../renovation/images/renove_opt_00_pc.jpg") no-repeat scroll transparent;}
#renova_wrap .renova_lp_01,
#renova_wrap .renova_lp_opt { background-position: 50% top; overflow:hidden;}
@media screen and (max-width:1024px) {
#renova_wrap h2 { height:0; margin-bottom: 7%; padding-bottom:58%; background-size:185% auto;}
#renova_wrap .renova_lp_01 { margin: 7% auto; background-size: auto 100%;}
#renova_wrap .renova_lp_opt { margin: 7% auto; padding:5% 2%; background-size: auto 100%; box-sizing:border-box;}
}
@media screen and (max-width:640px){
#renova_wrap h2 { padding-bottom:93%; background-image: url("../renovation/images/renove_00_sp.jpg"); background-size:100% auto;}
#renova_wrap .renova_lp_01 { padding-top:69%; background-image: url("../renovation/images/renove_02_sp.jpg"); background-size:100% auto;}
#renova_wrap .renova_lp_opt { padding:4% 2%; background-image: url("../renovation/images/renove_opt_00_sp.jpg"); background-size:100% auto;}
}

#renova_wrap .renova_lp_01 div { width:100%; max-width:980px; height:350px; margin:0 auto; position:relative;}
#renova_wrap .renova_lp_01 div p { width:50%; height:13em; margin:auto; padding:0 20px;position:absolute; top:0; bottom:0; right:0; box-sizing:border-box;}
@media screen and (max-width:1024px) {
#renova_wrap .renova_lp_01 div { height:auto;}
#renova_wrap .renova_lp_01 div p { height:auto; padding:6% 2%; float:right; position:static;}
}
@media screen and (max-width:640px){
#renova_wrap .renova_lp_01 div p { width:100%; float:none; background-color:#f5e9e1;}
}

#renova_wrap .renova_lp_02_00 { width:100%; max-width:980px; margin: 70px auto;}
#renova_wrap .renova_lp_02_00 h3 { padding:20px; box-sizing:border-box;}
#renova_wrap .renova_lp_02_00 ul { overflow:hidden;}
#renova_wrap .renova_lp_02_00 li { width:50%; padding:0 20px; float:left; box-sizing:border-box;}
#renova_wrap .renova_lp_02_00 li p img { width:auto; max-width:100%; margin:0 auto 10px;}
@media screen and (max-width:1024px) {
#renova_wrap .renova_lp_02_00 { margin: 7% auto;}
#renova_wrap .renova_lp_02_00 h3 { padding:2%;}
#renova_wrap .renova_lp_02_00 li { padding:0 2%;}
#renova_wrap .renova_lp_02_00 li p img { margin:0 auto 1%;}
}
@media screen and (max-width:640px) {
#renova_wrap .renova_lp_02_00 li { width:100%; padding:4% 2% 0; float:none;}
#renova_wrap .renova_lp_02_00 li p img { max-width:50%; margin:0 2% 2% 0; float:left;}
#renova_wrap .renova_lp_02_00 li .btn_wrap { margin-top:3%; clear:both;}
}

#renova_wrap .renova_lp_02_01 h4,
#renova_wrap .renova_lp_02_02 h4 { margin: 30px auto 10px;}
@media screen and (max-width:1024px) {
#renova_wrap .renova_lp_02_01 h4,
#renova_wrap .renova_lp_02_02 h4 { margin: 3% auto 1%;}
}
@media screen and (max-width:640px){
#renova_wrap .renova_lp_02_01 h4,
#renova_wrap .renova_lp_02_02 h4 { margin-bottom: 0;}
}

#renova_wrap .renova_lp_02_01 .renova_lp_02_01_inner { width:100%; max-width:980px; margin: 0 auto 70px; padding: 0 20px; box-sizing:border-box;}
#renova_wrap .renova_lp_02_01 ul { width:100%; max-width:980px; margin:20px auto 0; overflow:hidden;}
#renova_wrap .renova_lp_02_01 li {width:50%; padding:0 20px 20px; float:left; box-sizing:border-box;}
#renova_wrap .renova_lp_02_01 .renova_lp_02_01_inner h5 { font-size: 25px;margin:60px auto 10px; border-bottom:2px solid #000; text-align: left;}
#renova_wrap .renova_lp_02_01 .map_wrap { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;}
#renova_wrap .renova_lp_02_01 .map_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
@media screen and (max-width:1024px) {
#renova_wrap .renova_lp_02_01 .renova_lp_02_01_inner { margin: 0 auto 7%; padding: 0 2%;}
#renova_wrap .renova_lp_02_01 ul { margin-top:2%;}
#renova_wrap .renova_lp_02_01 li { padding:0 2% 2%;}
#renova_wrap .renova_lp_02_01 .renova_lp_02_01_inner h5 { margin:6% auto 1%;}
}
@media screen and (max-width:640px){
#renova_wrap .renova_lp_02_01 .renova_lp_02_01_inner h5 { margin:3% auto 1%;}
}

#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner { width:100%; max-width:980px; margin: 0 auto 70px; padding:20px; box-sizing:border-box;}
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner h5 { font-size: 25px;margin:30px auto 10px; border-bottom:2px solid #000; text-align: left;}
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner p span { max-width:48%; font-size: 22px; line-height: 1.5em; font-weight:bold; margin-bottom:.5em; display:inline-block;}
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner p img { width:auto; max-width:50%; margin:0  20px 20px 0; float:left;}
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner h5+p { margin-bottom:30px;}
@media screen and (max-width:1024px) {
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner { margin: 0 auto 7%; padding:2%;}
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner h5 { margin:3% auto 1%;}
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner p img { margin:0 2% 2% 0;}
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner h5+p { margin-bottom:3%;}
}
@media screen and (max-width:640px){
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner h5 { font-size: 18px; margin:4% auto 2%;}
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner p span { max-width:100%; font-size: 15px;}
#renova_wrap .renova_lp_02_02 .renova_lp_02_02_inner p img { max-width:100%; margin:0 auto 2%; float:none;}
}

#renova_wrap .renova_lp_03 { width:100%; max-width:980px; margin:70px auto;}
#renova_wrap .renova_lp_03 ul { overflow:hidden;}
#renova_wrap .renova_lp_03 li {width:50%; padding:0 20px; float:left; box-sizing:border-box;}
#renova_wrap .renova_lp_03 h4 {margin:20px auto 10px;}
#renova_wrap .renova_lp_03 .btn_wrap { padding:0 20px; box-sizing:border-box;}
#renova_wrap .renova_lp_03 .renova_lp_03_inner { padding:0 20px; box-sizing:border-box; overflow:hidden;}
#renova_wrap .renova_lp_03 .renova_lp_03_inner p img { width:auto; max-width:50%; margin:0 0 20px 20px; float:right;}
@media screen and (max-width:1024px) {
#renova_wrap .renova_lp_03 {margin:7% auto;}
#renova_wrap .renova_lp_03 li { padding:0 2%;}
#renova_wrap .renova_lp_03 h4 {margin:2% auto 1%;}
#renova_wrap .renova_lp_03 .btn_wrap { padding:0 2%;}
#renova_wrap .renova_lp_03 .renova_lp_03_inner { padding:0 2%;}
#renova_wrap .renova_lp_03 .renova_lp_03_inner p img { margin:0 0 2% 2%;}
}
@media screen and (max-width:640px){
#renova_wrap .renova_lp_03 li { width:100%; padding-top:4%; float:none;}
#renova_wrap .renova_lp_03 .renova_lp_03_inner p img { max-width:100%; margin:0 auto 2%; float:none;}
}

#renova_wrap .bg_b { background-color: #d2effe; overflow:hidden;}
#renova_wrap .bg_p { background-color: #f6e6fb; overflow:hidden;}
@media screen and (max-width:640px){
#renova_wrap .bg_p { margin-bottom:4%;}
}