.page-privacy-policy { color: #333333; max-width: 100%; box-sizing: border-box; } .page-privacy-policy__hero-image { width: 100%; height: auto; aspect-ratio: 17/5; object-fit: cover; display: block; margin-bottom: 12px; } .page-privacy-policy__intro, .page-privacy-policy__cta { max-width: 1000px; margin: 0 auto 10px; padding: 20px; border-bottom: 1px solid #e0e0e0; } .page-privacy-policy__intro h1, .page-privacy-policy__cta h2 { color: #017439; font-weight: bold; line-height: 1.3; } .page-privacy-policy__intro h1 { font-size: clamp(1.4rem, 2.5vw, 2rem); letter-spacing: 0.3px; margin-bottom: 8px; } .page-privacy-policy__intro p, .page-privacy-policy__section p { line-height: 1.8; text-align: justify; margin-bottom: 8px; } .page-privacy-policy__content { max-width: 1000px; margin: 0 auto; padding: 0 20px; } .page-privacy-policy__section { margin-bottom: 32px; } .page-privacy-policy__section h2 { color: #017439; font-size: 1.4rem; font-weight: bold; line-height: 1.4; margin-bottom: 8px; border-left: 4px solid #017439; padding-left: 8px; } .page-privacy-policy__section ul { list-style: disc; margin-left: 20px; } .page-privacy-policy__section li { margin-bottom: 8px; line-height: 1.7; } .page-privacy-policy__cta { background: #f0f8f4; border: 1px solid #cdd3ce; border-radius: 8px; text-align: center; background-color: #f5f5f5; } .page-privacy-policy__cta h2 { color: #017439; } .page-privacy-policy__cta p { color: #333; line-height: 1.7; max-width: 700px; margin: 0 auto; } .page-privacy-policy__cta-button { display: inline-block; margin: 8px; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: bold; background-color: #C30808; color: #FFFF00; border: none; cursor: pointer; max-width: 100%; box-sizing: border-box; } .page-privacy-policy__cta-button:hover { opacity: 0.8; } .page-privacy-policy__cta-button:last-child { background-color: #C30808; color: #FFFF00; } .page-privacy-policy__section h2:focus { outline: 2px solid #017439; } .page-privacy-policy a { color: #017439; } .page-privacy-policy a:focus { outline: 2px dashed #017439; outline-offset: 2px; } .page-privacy-policy a:visited { color: #04a04b; } @media (max-width: 768px) { .page-privacy-policy__hero-image { aspect-ratio: 2/1; } .page-privacy-policy__intro, .page-privacy-policy__cta { padding: 12px; } .page-privacy-policy__intro h1 { font-size: calc(1.2rem + 0.2vw); } .page-privacy-policy__cta-button { width: 100%; max-width: 100%; white-space: normal; word-wrap: break-word; } .page-privacy-policy__cta p { word-wrap: break-word; max-width: 100%; box-sizing: border-box; } .page-privacy-policy__content { padding: 0 12px; } .page-privacy-policy__section { padding-bottom: 20px; } .page-privacy-policy__section h2 { font-size: 1.2rem; } .page-privacy-policy img { max-width: 100% !important; height: auto !important; } .page-privacy-policy { overflow-x: hidden; } .page-privacy-policy__cta .page-privacy-policy__cta-button { display: block; } }