@charset "UTF-8"; 

#backtotop{position: fixed; width: fit-content; bottom: 2rem; right: 1rem; z-index: 2999;}
#backtotop a{display: inline-block; line-height: 1; font-size:var(--font-S);}
#backtotop a:after{ content: ""; width: 1em; height: 1em; display: inline-block; background-image: url(../img/arr_MaruWHT.svg); vertical-align: middle; margin-left: 1em; transform:rotate(-90deg);}

footer{ width: 100%; padding-bottom: 3.6rem; background-color: #d0d3d4;padding-top: 9rem; position: relative; z-index: 30; min-width: 1100px;}
footer img{}
#foot_cont{  }
#foot_cont a.inb{ display: inline-block!important; padding-left: 1em; text-indent: -1em;}
#foot_cont .foot_mid{ font-size: 1.4rem; }
#foot_cont .foot_mid small{ }
#foot_cont .foot_mid img.logos_myrenocolle{height: 2rem; margin-top: 1.5em; margin-bottom: 1.5em; margin-left: 0.25em; display: block;}
#foot_cont a{ color: var(--comm-black); margin-bottom: 1.5em; line-height: 1.4; }
#foot_cont a#totop{ margin-bottom: 1em; font-size: 1.4rem; display: inline-block; }

#foot_cont .toggle_contents{ padding-top: 1em; }
#foot_cont .toggle_contents>a:before{ content:"・";}
#foot_cont .toggle_contents a{ display: block;}
#foot_cont .toggle_contents>a.foot_kokudokotsu{margin-top: 1.5em; display: inline-block;}
#foot_cont .toggle_contents>a.foot_kokudokotsu:before{content:"";}

/*foot-1列目*/
#foot_service { overflow-y: hidden; display: grid; width: 100%; grid-template-columns: 1fr 2fr; grid-template-rows:auto 1fr; gap: 2em 3%; }
#foot_service > li{ border-top: 1px solid #FFFFFF; width: 100%; display: block; padding-top: 1em; }
#foot_service > li:first-child{}
#foot_service > li#foot_renocolle{ grid-row: 1 / 3; grid-column: 2 / 3; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; gap: 0 3%;}
#foot_service > li#foot_grandbase{ grid-row: 2 / 3; grid-column: 2 / 3; width: 47%;}

#foot_service #foot_area{ padding-top: 0; grid-row: 1 / 3; grid-column: 2 / 3;}
#foot_service #foot_area .foot_kanto{padding-top: 2rem;}
#foot_service #foot_area .foot_kansai{ padding-top: 1rem; margin-top: 1rem; border-top:1px solid #fff; }
#foot_service #foot_area .foot_mid + .foot_tdfk{padding-top:2rem ;}
#foot_service #foot_area .foot_tdfk{font-size: 1.4rem;}
#foot_service #foot_area .foot_tdfk a{ display: inline-block; margin-bottom: 1em;}
#foot_service #foot_area .foot_tdfk + ul>li a{font-size: 1.2rem; margin-bottom: 1rem;}
#foot_service #foot_area .foot_city{ font-size: 1.4rem; padding-bottom:1em; }
#foot_service #foot_area ul.city_ul { }
#foot_service #foot_area ul.city_ul li{ display: inline-block; padding-right: 10px; margin-right: 0 !important;}
#foot_service #foot_area ul.city_ul li a{ font-size: 1.2rem; margin-bottom: 1rem;}
#foot_service #foot_area ul.city_ul+.foot_tdfk,
#foot_service #foot_area ul.city_ul+.foot_city{ padding-top: 18px; }

#foot_service #foot_area #pref_kanaga,#foot_service #foot_area #pref_osaka,#foot_service #foot_area #pref_hyogo,#foot_service #foot_area #pref_kyoto,
#foot_service #foot_area #pref_saichiba{ display: inline-block; padding-top: 18px; padding-bottom: 18px; vertical-align: top;}
#foot_service #foot_area #pref_osaka{width: 50%;}
#foot_service #foot_area #pref_kanaga ul li,
#foot_service #foot_area #pref_osaka ul li,
#foot_service #foot_area #pref_hyogo ul li,
#foot_service #foot_area #pref_kyoto ul li{ margin-right: 10px; display: inline-block; }

/*foot-2列目*/
#foot_renov{ padding-top: 40px; }
#foot_renov li .renov_box{ border-top: 1px solid #FFFFFF; padding: 1.6rem 1rem 1.6rem 1rem; }
[class*="col_"]#foot_renov{}
#foot_cont .renov_box .foot_mid{ padding-bottom: 0.5em; }

/*foot-2.5列目*/
#foot_fdial{display: flex; gap: 3em; align-items: center; padding-top: 3rem;}
#foot_fdial .fdial_name{}
#foot_fdial .fdial_num{display: flex; align-items: center;}
#foot_fdial .fdial_num a{display: flex; font-size: 150%; margin-bottom: 0; align-items: center; gap: 0.4em; line-height: 1; margin-right: 0.25em;}
#foot_fdial .fdial_num a img{height: 0.9em;}
#foot_fdial+#foot_prof{padding-top: 2rem;}

/*foot-3列目*/
#foot_prof{ padding-top: 3rem; font-size: 1.4rem; line-height: 3em; } 
#foot_prof [class*="common_btn"]{font-size: 75%; padding: 0.25em 2.5em 0.25em 2em; margin-left: 1em;}
#foot_prof [class*="common_btn"]:hover{background-color: #000; color: #fff!important;}
#foot_prof [class*="common_btn"]:hover:after{background-image: url("../img/arr_WHT.svg");}

/*foot-4列目*/
#foot_copy{ width:90vw; position: relative; left: 50%; transform: translateX(-50%); padding-top: 9rem; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows:1fr; gap: 2em 3%; align-items: end; }
#foot_copy #dgas_foot{ float: left; width: 300px; padding-right: 1em;}
#foot_copy #dgas_foot img{ width: 100%;}
#foot_copy small{ font-size: 1.1rem; margin-top: 1em; display: block; white-space: nowrap;}
#foot_copy .sns_box{ display: flex; order: 1; justify-content: center; gap: 1em;}
#foot_copy .sns_box a{ width: 4rem; margin-bottom: 0;}
#foot_copy .sns_box a img{ display: block; width: 100%; height: auto; }




@media only screen and (max-width: 760px) { 
    #backtotop{display: none;}
    footer{ padding-top: 0px; padding-bottom: 6rem; min-width: initial;}
    #foot_cont{ width: 100%; padding-left: 2.8%; padding-right: 2.8%; }
    #foot_cont a{line-height: 1.2em;}
    #foot_cont a.inb{ text-decoration: underline; position: relative; text-indent: 0;}
    #foot_cont .foot_mid{ font-size: 1.6rem; }
    #foot_cont a#totop{ margin-bottom: 0; font-size: 1.4rem; padding-left: 0.5em; padding: 2.5rem 1rem; }
    #foot_cont .toggle_switch{ border-top: 1px solid #FFFFFF; padding: 2.5rem 1rem; font-size: 1.6rem; line-height: 1em; }
    #foot_cont #foot_myreno .toggle_switch,
    #foot_cont #foot_renocolle .toggle_switch,
    #foot_cont #foot_grandbase .toggle_switch{font-size: 1.2rem;}
    #foot_cont .toggle_switch::after{width: 1.2rem; height: 1.2rem; top: 0; bottom: 0; right: 1.5rem; background-image: url("../img/arr_BLK.svg"); transform:translateY(0) rotateZ(90deg);}
    #foot_cont .toggle_switch.open::after{ transform: rotateZ(-90deg);}

    #foot_cont .toggle_switch.open{ border-bottom-style: none; }
    #foot_cont .toggle_switch.open::after { }
    #foot_cont .toggle_contents{ padding: 1rem 1rem 1.5rem 1rem; }
    #foot_cont .toggle_contents>a:before { display: block; position: absolute; top: 0; left: 0; }
    #foot_cont .toggle_contents>a.foot_kokudokotsu{ display: block;}
    #foot_cont .toggle_contents>a.foot_kokudokotsu img{width: 75%;}

    /*foot-1列目*/
    #foot_service{ display: flex; flex-direction: column; gap: 0; }
    #foot_service > li{ width: 100%; padding-top: 0em; border-style: none;}
    #foot_service > li:first-child{ margin-right: 0%; }
    #foot_service > li:nth-child(2){order:1;}
    #foot_service > li#foot_renocolle{display: block; }
    #foot_service > li#foot_grandbase{width:100%}
    #foot_cont .foot_mid img.logos_myrenocolle { height: 1.5rem; margin-top: 0.75em; margin-left: 0.25em; margin-bottom: 0;}

    #foot_service #foot_area{ overflow-y: hidden; }
    #foot_service #foot_area .foot_tdfk a{ font-size: 1.6rem;}
    #foot_service #foot_area .foot_tdfk + ul>li a{font-size: 1.4rem;text-decoration: underline; }
    #foot_service #foot_area ul.city_ul { display: flex; flex-wrap: wrap;}
    #foot_service #foot_area ul.city_ul li {width: 25%;}
    #foot_service #foot_area ul.city_ul li.expand_li{flex-grow: 1;}
    #foot_service #foot_area ul.city_ul li a{ font-size: 1.4rem; text-decoration: underline;}
    #foot_service #foot_area #pref_kanaga, #foot_service #foot_area #pref_osaka, #foot_service #foot_area #pref_hyogo, #foot_service #foot_area #pref_kyoto, #foot_service #foot_area #pref_saichiba { width: 100%; padding-top: 1em; padding-bottom: 0em;}
    #foot_service #foot_area #pref_osaka {}


    /*foot-2列目*/
    #foot_renov{ padding-top: 0px; }
    #foot_renov li .renov_box{ width: 100%; border-top-style: none; padding: 0; margin-left: 0%!important; }
    #foot_cont .renov_box .foot_mid{ padding-bottom: 2.5rem; }
    [class*="col_"]#foot_renov>li:last-child{border-bottom: 1px solid #FFFFFF; }

	/*foot-2.5列目*/
	#foot_fdial{gap: 1em; flex-direction: column;}
	#foot_fdial .fdial_name{ text-align: center;}
	#foot_fdial .fdial_num{ flex-direction: column; gap: 0.3rem;}
	#foot_fdial .fdial_num a{ margin-right: 0;}
	#foot_fdial .fdial_num a img{}
	#foot_fdial+#foot_prof{ padding-top: 4rem;}

    /*foot-3列目*/
    #foot_prof { padding-top: 3rem; line-height: 1.6;}
    #foot_prof [class*="common_btn"]{font-size: 86%; margin-left: 0; padding-top: 0.5em; padding-bottom: 0.5em; margin-top: 1em; display: block; width: fit-content; margin-bottom: 0;}



    /*foot-4列目*/
    #foot_copy { padding-top:6rem; padding-bottom: 0px; width: 100%; position: static; transform: translateX(0); display: flex; flex-direction: column; gap:5rem;}
    #foot_copy #dgas_foot{ width: 75%;	padding-right: 0; margin-left: auto; margin-right: auto;}
    #foot_copy #dgas_foot img{}

    #foot_copy small{ font-size: 1rem; }
    #foot_copy .sns_box{ order: 0; width: 100%; }
    #foot_copy .sns_box a{width: 3.5rem;}
    #foot_copy .sns_box a img{ }

}