@font-face {
    font-family: 'The Blendinroom';
    src: url('../font/THE%20BLENDINROOM.otf') format('opentype');
    font-display: swap;
}

:root { --consent-cream: #fff7d8; --consent-maroon: #6b2638; }

body { margin: 0; background: var(--consent-cream); color: var(--consent-maroon); font-family: 'Lora', serif; }
.consent-notice { min-height: 100vh; padding: 145px 24px 110px; background: var(--consent-cream); }
.consent-notice__content { width: min(760px, 100%); margin: 0 auto; text-align: center; font-size: 14px; line-height: 1.65; }
.consent-notice h1 { margin: 0 0 74px; font: 400 clamp(36px, 4vw, 52px)/1 'The Blendinroom', serif; }
.consent-notice h2 { margin: 0 0 34px; font: 500 clamp(17px, 2vw, 23px)/1.35 'Lora', serif; letter-spacing: 1.3px; }
.consent-notice p { max-width: 720px; margin: 0 auto 31px; }
.consent-notice section { margin: 0 0 29px; }
.consent-notice section h3 { display: inline; margin: 0; font: 600 14px/1.65 'Lora', serif; }
.consent-notice section h3::after { content: ': '; }
.consent-notice section p { display: inline; }
.consent-notice__responsibility { margin-top: 62px !important; }
.consent-notice__responsibility h2 { margin-bottom: 24px; }
.consent-notice a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.floating-button { position: fixed; z-index: 1000; right: 30px; bottom: 30px; width: 78px; transition: transform .25s ease; }
.floating-button:hover { transform: translateY(-5px); }
.floating-button img { display: block; width: 100%; height: auto; }

@media (max-width: 700px) {
    .consent-notice { padding: 116px 23px 72px; }
    .consent-notice h1 { margin-bottom: 52px; }
    .consent-notice__content { font-size: 13px; }
    .floating-button { right: 18px; bottom: 18px; width: 65px; }
}