@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; }
.sunshine-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--short { padding-block: 30px; }
.copy--courses { padding-top: 12px; padding-bottom: 0; }
.copy--after-rainbow { padding-top: 0; padding-bottom: 105px; }
.copy--closing { padding-top: 70px; padding-bottom: 240px; }
.copy h2 { margin: 0 0 1em; color: #524634; text-align: center; font-size: 1.45em; font-weight: normal; text-decoration: underline; text-underline-offset: .2em; }
.course-card { margin: 0 0 145px; }
.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--courses { padding-top: 8px; padding-bottom: 0; } .copy--after-rainbow { padding-top: 0; } .copy--closing { padding-bottom: 90px; } .copy h2 { font-size: 1.2em; } .course-card { margin-bottom: 32px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }