.education-page { color: #35271f; font-size: 19px; line-height: 1.7; }
.education-page * { box-sizing: border-box; }
.education-header, .education-content, .education-footer { width: min(100% - 32px, 960px); margin-inline: auto; }
.education-header { padding: 48px 0 24px; }
.education-header a, .education-contact p a { color: inherit; text-underline-offset: 5px; }
.education-header h1 { margin-top: 20px; font-size: clamp(2.5rem, 8vw, 4rem); line-height: 1.2; }
.education-card { background: #fff8ef; border: 1px solid #b59772; border-radius: 18px; padding: clamp(20px, 5vw, 44px); margin-bottom: 24px; text-align: left; }
.education-page h2 { font-size: clamp(1.5rem, 4vw, 2rem); line-height: 1.3; margin: 0 0 20px; }
.education-card h3 { font-size: 1.2rem; line-height: 1.4; margin: 28px 0 12px; }
.education-card p { margin: 0 0 16px; }
.education-card ul { padding-left: 24px; margin: 0; }
.education-card li + li { margin-top: 12px; }
.education-note { padding: 24px; border-left: 4px solid #5d4037; text-align: left; background: #e5ceb0; }
.education-note p { margin-bottom: 0; }
.education-contact { padding: 40px 0 20px; }
.education-button { display: inline-block; padding: 12px 22px; border-radius: 12px; background: #5d4037; color: #fff; text-decoration: none; }
.education-button:hover { background: #422c25; }
.education-page a:focus-visible { outline: 3px solid #35271f; outline-offset: 5px; }
.education-footer { padding: 12px 0 40px; }
@media (max-width: 480px) {
  .education-page { font-size: 17px; }
  .education-header { padding-top: 28px; }
  .education-button { width: 100%; }
}