@charset "utf-8";
/* 支給画像の1000px幅を基準に、画面幅に合わせて縮小します。 */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #080808; font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif; }
.haja-page { width: 100%; max-width: 1000px; margin-inline: auto; overflow-wrap: anywhere; }
.panel { display: block; width: 100%; height: auto; border: 0; }
.copy { padding: 60px 4% 64px; font-size: clamp(16px, 3.6vw, 36px); line-height: 1.68; }
.copy p { margin: 0 0 1.65em; }
.copy p:last-child { margin-bottom: 0; }
.copy--offer { padding-bottom: 140px; }
.course-card { margin: 0 0 68px; }
.course-card:last-child { margin-bottom: 0; }
.course-card a { display: block; }
.course-card a:hover { opacity: .88; }
.course-card a:focus-visible { outline: 4px solid #8b6c20; outline-offset: -4px; }
.site-footer { max-width: 1000px; margin-inline: auto; padding: 24px 16px 40px; text-align: center; font-family: Arial, sans-serif; font-size: 13px; color: #777; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
 .copy { padding-block: 22px 26px; line-height: 1.9; }
 .copy--offer { padding-bottom: 48px; }
 .course-card { margin-bottom: 28px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }