@media(max-width:768px){
html{width:100%;max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0!important;max-width:100%;overflow-x:hidden;box-sizing:border-box}
.wrap{box-sizing:border-box;width:auto!important;max-width:100%;min-width:0!important;margin-inline:clamp(6px,2.5vw,10px)}
main,.main,.footer-page-panel,.footer-page-card,.footer-page-content{min-width:0;max-width:100%;box-sizing:border-box}
.footer-page-content{overflow-wrap:anywhere}
img,video,canvas{max-width:100%;height:auto}
iframe{max-width:100%}
input,select,textarea{box-sizing:border-box;max-width:100%;min-width:0}
.footer-page-content table{width:100%!important;max-width:100%;table-layout:fixed}
.footer-page-content th,.footer-page-content td{white-space:normal!important;overflow-wrap:anywhere;padding:clamp(3px,1.5vw,8px)!important}
.footer-page-content pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.popup-box{box-sizing:border-box;width:calc(100% - 24px);max-width:400px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
.footer-page-card{padding-inline:clamp(8px,4vw,16px)}
.logo{max-width:calc(100vw - 150px);background-size:contain}
body>p{overflow-wrap:anywhere}
}

@media(max-width:768px){
.nav.nav_sn,.nav_sn{height:100dvh!important;max-height:100dvh!important;width:min(300px,92vw)!important;max-width:92vw!important;display:flex!important;flex-direction:column!important}
.nav .title{flex:0 0 50px!important;height:50px!important;line-height:50px!important}
.nav.nav_sn ul,.nav_sn ul{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;padding:8px 8px calc(12px + env(safe-area-inset-bottom))!important;overscroll-behavior:contain}
.nav.nav_sn li a,.nav_sn li a{min-height:36px!important;line-height:1.4!important;padding:8px!important;font-size:clamp(11px,3.6vw,14px)!important}
.nav.nav_sn li span,.nav_sn li span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;min-width:0;flex:1}
.nav.nav_sn li i,.nav_sn li i{flex:0 0 22px!important;width:22px!important;height:24px!important;margin-right:6px!important}
.rent-faq-panel,.rent-role-box,.rent-plate-box,.rent-faq-card,.rent-role-card{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
.rent-faq-grid,.rent-role-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
.rent-faq-head,.rent-faq-topline{flex-wrap:wrap;min-width:0}
.rent-table-wrap{max-width:100%;min-width:0}
.rent-table-wrap table{width:100%!important;min-width:0!important;table-layout:fixed}
.rent-table-wrap td,.rent-table-wrap th{white-space:normal!important;overflow-wrap:anywhere;padding:clamp(3px,1.4vw,8px)!important;font-size:clamp(9px,3vw,14px)}
}

.live-direct-row{margin:10px 0}.live-direct-row a{display:inline-block;padding:8px 14px;border-radius:8px;background:#362B22;color:#f5d382}
@media(max-width:768px){.live-box .btn-group{display:flex;flex-wrap:wrap;gap:6px}.live-box .live-btn{flex:1 1 140px;min-width:0;white-space:normal;line-height:1.5;padding:8px}.nav li a[aria-current="page"]{background:rgba(54,43,34,.14)!important}.nav li a[aria-current="page"] span{color:#F7D130!important;text-shadow:0 1px 1px rgba(87,48,4,.58)}}
