@charset "utf-8";


#footerModal{position: fixed; z-index: 99999; inset: 0; display: none; align-items: center; justify-content: center; padding: 2rem;}
#footerModal.active{display: flex;}
#footerModal .modal_bg{position: absolute; inset: 0; background: rgba(0,0,0,0.65);}
#footerModal .modal_box{position: relative; z-index: 1; width: 100%; max-width: 70rem; max-height: 85vh; display: flex; flex-direction: column; background: #fff; border-radius: 1.5rem; overflow: hidden;}
#footerModal .modal_head{display: flex; align-items: center; justify-content: space-between; padding: 2.5rem 3rem; border-bottom: 1px solid #ddd;}
#footerModal .modal_title{font-size: 2.5rem; font-weight: 700; color: #222;}
#footerModal .modal_close{border: 0; background: transparent; font-size: 3.5rem; line-height: 1; cursor: pointer; color: #333;}
#footerModal .modal_body{padding: 3rem; overflow-y: auto;}
#footerModal .modal_body h4{font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; color: #222;}
#footerModal .modal_body p{font-size: 1.7rem; line-height: 1.8; color: #555; margin-bottom: 3rem;}
#footerModal .modal_body p:last-child{margin-bottom: 0;}
#footerModal .terms_content, #footerModal .privacy_content{display: none;}
body.footer_modal_opened{overflow: hidden;}

@media all and (max-width:480px){
    #footerModal{padding: 1.5rem;}
    #footerModal .modal_head{padding: 2rem;}
    #footerModal .modal_title{font-size: 2rem;}
    #footerModal .modal_close{font-size: 3rem;}
    #footerModal .modal_body{padding: 2rem;}
    #footerModal .modal_body h4{font-size: 1.8rem;}
    #footerModal .modal_body p{font-size: 1.6rem;}
}