@charset "UTF-8";:root { --privacy-red: #a74656; --privacy-red-strong: #842f3d; --privacy-red-deep: #61202b; --privacy-red-soft: #fff1f3; --privacy-red-soft-2: #fff7f8; --privacy-border: #ecd7dc; --privacy-surface: #ffffff; --privacy-soft: #faf7f8; --privacy-text: #35282c; --privacy-text-sub: #7a6a70; --privacy-link: #9d3748; --privacy-shadow: 0 18px 40px rgba(73, 27, 37, 0.08); --privacy-shadow-sm: 0 10px 24px rgba(73, 27, 37, 0.06); --privacy-radius-lg: 28px; --privacy-radius-md: 20px; --privacy-radius-sm: 14px; }   .policy-header { padding: 34px 0 18px; background: linear-gradient(180deg, #fff7f8 0%, #ffffff 100%); } .policy-header__card { position: relative; display: flex; align-items: stretch; overflow: hidden; border: 1px solid var(--privacy-border); border-radius: var(--privacy-radius-lg); background: linear-gradient(135deg, #fffefe 0%, #fff6f7 100%); box-shadow: var(--privacy-shadow); } .policy-header__card::after { content: ""; position: absolute; top: -80px; right: -60px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, rgba(167, 70, 86, 0.08) 0%, rgba(167, 70, 86, 0) 72%); pointer-events: none; } .policy-header__accent { width: 12px; flex: 0 0 12px; background: linear-gradient(180deg, var(--privacy-red-deep) 0%, var(--privacy-red) 100%); } .policy-header__body { position: relative; z-index: 1; width: 100%; padding: 34px 38px 32px; } .privacy-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 18px; padding: 0; list-style: none; color: var(--privacy-text-sub); font-size: 0.78rem; line-height: 1.6; } .privacy-breadcrumb li { display: inline-flex; } .privacy-breadcrumb li:not(:last-child)::after { content: "/"; margin-left: 7px; color: #b49ca3; } .privacy-breadcrumb a { color: var(--privacy-link); font-weight: 700; text-decoration: none; } .privacy-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 0.16em; } .policy-header__eyebrow { display: inline-flex; align-items: center; margin: 0 0 14px; padding: 6px 12px; border-radius: 999px; background: var(--privacy-red-soft); color: var(--privacy-red-strong); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; } .policy-header__title { margin: 0 0 12px; color: var(--privacy-red-deep); font-size: clamp(2rem, 3vw, 2.7rem); font-weight: 700; letter-spacing: 0.02em; line-height: 1.25; } .policy-header__lead { max-width: 760px; margin: 0; color: var(--privacy-text-sub); font-size: 1rem; line-height: 1.85; } .policy-header__date { margin: 12px 0 0; color: var(--privacy-text-sub); font-size: 0.82rem; font-weight: 700; }   .top_section { padding: 34px 0 18px; background: linear-gradient(180deg, #fff7f8 0%, #ffffff 100%); } .top_wrapper.privacy_page { position: relative; overflow: hidden; max-width: 1180px; margin: 0 auto; padding: 34px 38px 32px; border: 1px solid var(--privacy-border); border-radius: var(--privacy-radius-lg); background: linear-gradient(135deg, #fffefe 0%, #fff6f7 100%); box-shadow: var(--privacy-shadow); } .top_wrapper.privacy_page::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 12px; background: linear-gradient(180deg, var(--privacy-red-deep) 0%, var(--privacy-red) 100%); } .top_wrapper.privacy_page::after { content: ""; position: absolute; top: -80px; right: -60px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, rgba(167, 70, 86, 0.08) 0%, rgba(167, 70, 86, 0) 72%); pointer-events: none; } .privacy_page h1 { position: relative; z-index: 1; margin: 0 0 0 4px; color: var(--privacy-red-deep); font-size: clamp(2rem, 3vw, 2.7rem); font-weight: 700; letter-spacing: 0.02em; line-height: 1.25; }   .privacy_content { padding: 18px 0 72px; background: linear-gradient(180deg, #ffffff 0%, var(--privacy-soft) 100%); } .privacy_content > .container { max-width: 980px; padding: 34px 38px; border: 1px solid var(--privacy-border); border-radius: var(--privacy-radius-lg); background: var(--privacy-surface); box-shadow: var(--privacy-shadow-sm); } .privacy_content p { margin: 0 0 1rem; color: var(--privacy-text); font-size: 1rem; line-height: 1.95; } .privacy_content .top_space2 { margin-top: 0 !important; margin-bottom: 26px !important; padding: 20px 22px; border: 1px solid #f0dde1; border-radius: 18px; background: linear-gradient(180deg, #fff8f9 0%, #fffdfd 100%); } .privacy_content .top_space3 { margin-top: 8px !important; } .privacy_content h2 { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; color: var(--privacy-red-deep); font-size: 1.22rem; font-weight: 700; line-height: 1.5; } .privacy_content h2 span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 12px; background: linear-gradient(180deg, #fff2f4 0%, #ffe7eb 100%); color: var(--privacy-red); font-size: 0.92rem; font-weight: 700; line-height: 1; } .privacy_content hr { margin: 22px 0 24px; border: 0; border-top: 1px solid #eadfe2; opacity: 1; } .privacy_content ol { margin: 10px 0 14px 1.4em !important; padding: 0; color: var(--privacy-text); } .privacy_content ol li { margin-bottom: 0.55rem; padding-left: 0.2rem; line-height: 1.85; } .privacy_content ol li::marker { color: var(--privacy-red); font-weight: 700; } .privacy_content a { color: var(--privacy-link); font-weight: 700; text-decoration: none; text-underline-offset: 0.14em; } .privacy_content a:hover { text-decoration: underline; } .privacy-anchor { scroll-margin-top: 110px; } .privacy-toc { margin: 0 0 28px; padding: 18px 20px; border: 1px solid var(--privacy-border); border-radius: var(--privacy-radius-md); background: linear-gradient(135deg, #fffafb 0%, #fff4f6 100%); } .privacy-toc summary { display: none; } .privacy-toc__body { min-width: 0; } .privacy-toc__title { margin: 0 0 12px !important; color: var(--privacy-red-deep) !important; font-size: 0.9rem !important; font-weight: 800; } .privacy-toc__links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } .privacy-toc__links a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 7px 10px; border: 1px solid #ead4d9; border-radius: 12px; background: #fff; font-size: 0.84rem; text-align: center; } .privacy-toc__links a::after { content: "↓"; margin-left: 6px; color: var(--privacy-red); } .privacy-external-links { display: grid; gap: 6px; margin: 10px 0 14px; padding-left: 1.25em; } .privacy-external-links li { line-height: 1.7; } .privacy-page a:focus-visible { outline: 3px solid rgba(167, 70, 86, 0.28); outline-offset: 3px; }   .mini_contact { position: relative; margin-top: 28px; padding: 24px 26px; border: 1px solid var(--privacy-border); border-radius: var(--privacy-radius-md); background: linear-gradient(180deg, #fffafb 0%, #fff4f6 100%); box-shadow: 0 8px 20px rgba(73, 27, 37, 0.04); } .mini_contact::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; border-radius: 20px 20px 0 0; background: linear-gradient(90deg, var(--privacy-red-deep) 0%, var(--privacy-red) 100%); } .mini_contact h2 { margin: 0 0 14px; color: var(--privacy-red-deep); font-size: 1.12rem; font-weight: 700; } .mini_contact p { margin-bottom: 0.4rem; } .mini_contact .mt-2 { margin-top: 1rem !important; } .font_change p { margin-bottom: 0; } .font_change span { display: inline-block; margin-right: 0.5rem; color: var(--privacy-text-sub); font-size: 0.92rem; font-weight: 600; }   @media (max-width: 991.98px) { .policy-header__body, .top_wrapper.privacy_page, .privacy_content > .container { padding-left: 26px; padding-right: 26px; } } @media (max-width: 767.98px) { .policy-header, .top_section { padding: 22px 0 12px; } .policy-header__card, .top_wrapper.privacy_page, .privacy_content > .container { border-radius: 22px; } .policy-header__accent { width: 7px; flex-basis: 7px; } .top_wrapper.privacy_page::before { width: 7px; } .policy-header__body, .top_wrapper.privacy_page { padding: 24px 18px 22px; } .policy-header__eyebrow { margin-bottom: 12px; font-size: 0.72rem; } .policy-header__title, .privacy_page h1 { font-size: 1.75rem; } .policy-header__lead { font-size: 0.94rem; line-height: 1.75; } .privacy_content { padding: 12px 0 52px; } .privacy_content > .container { padding: 22px 18px; } .privacy_content p { font-size: 0.95rem; line-height: 1.85; } .privacy_content .top_space2 { padding: 16px 16px; border-radius: 16px; } .privacy_content h2 { align-items: flex-start; gap: 10px; font-size: 1.08rem; } .privacy_content h2 span { width: 30px; height: 30px; flex-basis: 30px; border-radius: 10px; font-size: 0.84rem; } .privacy_content hr { margin: 18px 0 20px; } .mini_contact { padding: 18px 16px; border-radius: 18px; } .mini_contact h2 { font-size: 1rem; } } @media (max-width: 991.98px) { .privacy-toc { padding: 0; overflow: hidden; } .privacy-toc summary { display: flex; align-items: center; justify-content: space-between; min-height: 50px; padding: 0 16px; color: var(--privacy-red-deep); font-size: 0.88rem; font-weight: 800; cursor: pointer; list-style: none; } .privacy-toc summary::-webkit-details-marker { display: none; } .privacy-toc__toggle { position: relative; width: 18px; height: 18px; flex: 0 0 18px; } .privacy-toc__toggle::before, .privacy-toc__toggle::after { content: ""; position: absolute; top: 8px; left: 3px; width: 12px; height: 2px; border-radius: 2px; background: var(--privacy-red); } .privacy-toc__toggle::after { transform: rotate(90deg); transition: transform 0.18s ease; } .privacy-toc[open] .privacy-toc__toggle::after { transform: rotate(0); } .privacy-toc__body { padding: 0 16px 16px; border-top: 1px solid #ead4d9; } .privacy-toc__title { padding-top: 12px; } } @media (max-width: 767.98px) { .privacy-toc__body { padding: 0 12px 12px; } .privacy-toc__links a { min-height: 44px; } } @media (max-width: 767.98px) { .policy-header, .top_section { padding: 16px 0 9px; } .policy-header__card, .top_wrapper.privacy_page, .privacy_content > .container { border-radius: 18px; } .policy-header__body, .top_wrapper.privacy_page { padding: 17px 14px 16px; } .privacy-breadcrumb ol { gap: 5px; margin-bottom: 11px; font-size: 0.7rem; } .privacy-breadcrumb li:not(:last-child)::after { margin-left: 5px; } .policy-header__eyebrow { margin-bottom: 8px; padding: 5px 9px; font-size: 0.64rem; } .policy-header__title, .privacy_page h1 { margin-bottom: 8px; font-size: clamp(1.34rem, 7vw, 1.65rem); letter-spacing: -0.02em; white-space: nowrap; } .policy-header__lead { font-size: 0.84rem; line-height: 1.6; } .policy-header__date { margin-top: 8px; font-size: 0.72rem; } .privacy_content { padding: 9px 0 42px; } .privacy_content > .container { padding: 16px 13px; } .privacy_content p { margin-bottom: 0.68rem; font-size: 0.9rem; line-height: 1.7; } .privacy_content .top_space2 { margin-bottom: 14px !important; padding: 13px 12px; border-radius: 13px; } .privacy-toc { margin-bottom: 18px; padding: 12px; border-radius: 14px; } .privacy-toc__title { margin-bottom: 8px !important; font-size: 0.78rem !important; } .privacy-toc__links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } .privacy-toc__links a { min-height: 42px; padding: 5px 7px; border-radius: 10px; font-size: 0.76rem; } .privacy_content h2 { gap: 8px; margin-bottom: 9px; font-size: 1rem; line-height: 1.42; } .privacy_content h2 span { width: 28px; height: 28px; flex-basis: 28px; border-radius: 9px; font-size: 0.78rem; } .privacy_content hr { margin: 14px 0 16px; } .privacy_content ol { margin: 7px 0 10px 1.25em !important; } .privacy_content ol li { margin-bottom: 0.35rem; padding-left: 0.1rem; font-size: 14px; line-height: 1.62; } .privacy-external-links { gap: 4px; margin: 8px 0 10px; font-size: 0.86rem; } .mini_contact { margin-top: 18px; padding: 15px 13px; border-radius: 14px; } .mini_contact h2 { margin-bottom: 10px; font-size: 0.96rem; } .mini_contact p { margin-bottom: 0.28rem; } } @media (max-width: 767.98px) { .privacy-toc__links a { min-height: 44px; } }