.logo-image-crop .logo-mark,
.footer-logo .logo-mark{
content:url("RH_HOME_uniform_spacing_less_distress_transparent.png");
width:100%;
height:100%;
max-width:100%;
object-fit:contain;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

.logo-image-crop{
height:54px;
}

.logo > span:not(.logo-image-crop){
width:260px;
max-width:100%;
text-align:center;
margin-top:8px;
}

.footer-logo{
height:64px;
}

.footer-logo .logo-mark{
left:0;
transform:translateY(-50%);
object-position:left center;
}

.footer-brand p{
font-size:0;
line-height:0;
}

.footer-brand p::before{
content:"株式会社アールエイチホーム";
display:block;
font-size:13px;
line-height:2.1;
color:#d0d0d0;
}

.footer-brand p::after{
content:"ご相談から施工まで自社で一貫対応。\A余計な中間費用を抑え、丁寧な仕上がりを大切にしています。";
display:block;
white-space:pre-line;
font-size:13px;
line-height:2.1;
color:#d0d0d0;
}

.footer-brand::after{
content:"戸建住宅・マンション / 店舗・商業施設 / 外構・水回り / 小規模工事から大規模改修まで";
display:inline-block;
max-width:100%;
white-space:normal;
}

@media(max-width:1100px){
.logo > span:not(.logo-image-crop){
width:220px;
}

.nav{
top:82px;
left:5%;
right:5%;
padding:16px;
gap:10px;
background:linear-gradient(160deg,rgba(17,17,17,.96),rgba(30,27,20,.94));
border:1px solid rgba(184,164,106,.34);
box-shadow:0 24px 70px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.06);
backdrop-filter:blur(16px);
}

.nav a{
display:flex;
align-items:center;
justify-content:center;
min-height:54px;
padding:12px 18px;
text-align:center;
font-size:16px;
letter-spacing:.16em;
color:#f6f0df;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.1);
}

.nav a:hover,
.nav a:focus{
color:#fff;
background:rgba(184,164,106,.16);
border-color:rgba(184,164,106,.48);
}

.footer-brand p::before,
.footer-brand p::after{
font-size:13px;
line-height:2.05;
}

.footer-brand::after{
font-size:11px;
line-height:1.9;
padding:9px 12px;
}
}

.instagram-text::after{
content:"Instagramでもご紹介しています。";
display:inline-block;
min-height:0;
padding-left:0;
background:none;
font-size:15px;
line-height:2.2;
}

.instagram-button::before,
.footer-instagram::before{
width:34px;
height:34px;
border-radius:10px;
background:url("Instagramlogo.jpg") center/100% 100% no-repeat;
}
