.sdg-event{color-scheme:dark;--navy:#eeeeee;--red:#bc252b;--muted:#bdc5ca;--line:#53595d}.sdg-event *{box-sizing:border-box}.sdg-event{scroll-behavior:smooth;scroll-padding-top:20px}.sdg-event{margin:0;background:var(--bg_color,#333);color:var(--navy);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.85}.sdg-event h1,.sdg-event h2,.sdg-event h3,.sdg-event p{margin:0}.sdg-event a{color:inherit}.sdg-event img{max-width:100%;height:auto}.sdg-event a:focus-visible,.sdg-event button:focus-visible,.sdg-event input:focus-visible,.sdg-event select:focus-visible{outline:3px solid #bd7221;outline-offset:3px}.sdg-event .wrap{width:min(940px,calc(100% - 40px));margin-inline:auto}.sdg-event .site-header{padding:20px max(20px,calc((100% - 940px)/2));border-bottom:1px solid var(--line)}.sdg-event .site-logo{display:block;width:230px;line-height:1}.sdg-event .site-logo img{display:block;width:100%}.sdg-event .skip-link{position:absolute;left:20px;top:-100px;background:#292d30;padding:10px;z-index:5}.sdg-event .skip-link:focus{top:10px}.sdg-event .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding-block:32px}.sdg-event .presenter{font-size:15px;font-weight:700;margin-bottom:5px}.sdg-event h1{font-size:36px;line-height:1.4;letter-spacing:.03em}.sdg-event .tentative{font-size:15px;font-weight:400;white-space:nowrap}.sdg-event .hero-description{margin-top:16px;font-size:14px;line-height:1.95}.sdg-event .hero-summary{font-weight:700;margin-top:16px}.sdg-event .event-photo{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.sdg-event .button{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--red);color:#fff;text-decoration:none;padding:11px 20px;min-height:46px;font:inherit;font-weight:700;font-size:14px;border:0;cursor:pointer;width:fit-content;margin-top:18px}.sdg-event .button:hover{background:#a21f24}.sdg-event h2{font-size:22px;line-height:1.5}.sdg-event h3{font-size:19px}.sdg-event .overview{padding-bottom:26px}.sdg-event .section-heading{margin-bottom:13px}.sdg-event .details{margin:0;border-top:2px solid var(--navy)}.sdg-event .details>div{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:11px 8px;border-bottom:1px solid var(--line)}.sdg-event .details dt{font-size:14px;font-weight:700}.sdg-event .details dd{margin:0;font-size:14px}.sdg-event .subtext{display:block;color:var(--muted);font-size:12px;font-weight:400}.sdg-event .free{color:#ff959a}.sdg-event .preparation{padding-bottom:27px}.sdg-event .notes{margin:12px 0 0;padding-left:1.4em;font-size:14px}.sdg-event .notes li+li{margin-top:5px}.sdg-event .entry{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px}.sdg-event .entry-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.sdg-event .entry-panel>div>p{margin-top:8px;font-size:14px}.sdg-event .entry-status{background:#292d30;padding:12px 20px;min-width:230px}.sdg-event .status-label{font-size:12px;font-weight:700}.sdg-event .entry-status p{font-weight:700;font-size:16px;margin:0!important}.sdg-event .entry-status .subtext{margin-top:3px}.sdg-event .form-lead{font-size:13px;color:var(--muted);margin-bottom:16px}.sdg-event .application-form fieldset{border:0;padding:0;margin:0;min-width:0}.sdg-event .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.sdg-event .form-grid label{font-size:13px;font-weight:700;display:block}.sdg-event .form-grid input,.sdg-event .form-grid select{display:block;width:100%;min-width:0;min-height:44px;border:1px solid #98a5aa;background:#292d30;border-radius:3px;padding:8px 10px;font:inherit;font-size:16px;color:var(--navy);margin-top:4px}.sdg-event .full-width{grid-column:1/-1}.sdg-event .agreement{margin-top:20px;padding:16px;background:#292d30;font-size:12px}.sdg-event .agreement p+p{margin-top:5px}.sdg-event .agreement label{display:flex;align-items:baseline;gap:9px;margin-top:12px;font-weight:700;font-size:13px}.sdg-event .agreement input{width:17px;height:17px;flex-shrink:0;accent-color:var(--red)}.sdg-event .submit-button{min-width:230px}.sdg-event .application-form fieldset:disabled{opacity:.65}.sdg-event .submit-button:disabled{cursor:not-allowed;background:#53646e}.sdg-event .form-message{padding:20px;border:2px solid var(--navy);margin-top:20px}.sdg-event .form-message p{font-size:14px;margin-top:8px}.sdg-event .form-message.error{border-color:var(--red)}.sdg-event .form-message ul{font-size:14px}.sdg-event .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sdg-event .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sdg-event .sponsor{text-align:center;border-top:1px solid var(--line);padding-block:20px}.sdg-event .sponsor p{font-size:11px;color:var(--muted);margin-bottom:5px}.sdg-event .sponsor img{display:block;width:110px;margin:auto}.sdg-event .site-footer{background:#292d30;text-align:center;padding:20px;font-size:12px}.sdg-event .site-footer a{text-decoration:none;display:inline-block;padding:5px}.sdg-event .site-footer a:hover{text-decoration:underline}.sdg-event .site-footer p{font-size:10px;color:var(--muted);margin-top:6px}
@media(max-width:680px){.sdg-event .site-header{padding-block:16px}.sdg-event .site-logo{width:205px}.sdg-event .hero{grid-template-columns:1fr;gap:20px;padding-block:24px}.sdg-event .presenter{font-size:13px}.sdg-event h1{font-size:32px}.sdg-event .tentative{font-size:13px}.sdg-event .hero-description{margin-top:12px}.sdg-event .hero-summary{font-size:14px;margin-top:12px}.sdg-event .hero .button{margin-top:13px}.sdg-event .event-photo{max-width:440px;margin-inline:auto}.sdg-event h2{font-size:20px}.sdg-event .details>div{grid-template-columns:76px 1fr;gap:12px;padding:10px 0}.sdg-event .details dt{font-size:12px}.sdg-event .details dd{font-size:13px}.sdg-event .entry-panel{display:block}.sdg-event .entry-status{margin-top:14px;padding:10px 14px;min-width:0}.sdg-event .entry-status p{font-size:15px}.sdg-event .form-grid{grid-template-columns:1fr;gap:12px}.sdg-event .agreement{padding:14px}.sdg-event .submit-button{width:100%}.sdg-event .notes{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sdg-event{scroll-behavior:auto}}

/* ドット絵に合わせた、明るい水辺のイベントテーマ。共通ナビは変更しない。 */
.sdg-event{color-scheme:light;--navy:#204965;--red:#eeba3c;--muted:#516b7c;--line:#bfd5dc;background:#f3faf8;color:var(--navy);font-weight:400;background-image:linear-gradient(180deg,#dff4ff 0,#eff9fc 620px,#f3faf8 1050px)}
.sdg-event .wrap{width:min(1100px,calc(100% - 40px))}
.sdg-event .hero{grid-template-columns:1fr 1fr;gap:32px;padding-block:28px 36px}
.sdg-event .presenter{display:inline-block;color:#18547b;background:#fffdf2;border:1px solid #c6dce2;padding:4px 14px;font-size:14px;font-weight:700}
.sdg-event h1{margin:13px -18px 4px;position:relative;font-size:16px}
.sdg-event .title-logo{width:100%;height:auto;display:block}
.sdg-event .tentative{display:block;text-align:right;font-size:12px;margin-top:-16px;margin-right:30px;color:#516b7c}
.sdg-event .hero-description{margin-top:18px;font-size:15px;line-height:1.95}
.sdg-event .hero-summary{display:inline-block;margin-top:18px;padding:6px 12px;background:#fff1b4;color:#204965;font-size:16px;border-left:4px solid #ecb02a}
.sdg-event .button{background:#ffda58;color:#20415f;border:2px solid #204965;border-radius:4px;box-shadow:4px 4px 0 #204965;padding:11px 22px;font-weight:800;transition:transform .12s,box-shadow .12s}
.sdg-event .button:hover{background:#ffe47f;color:#20415f;transform:translate(1px,1px);box-shadow:3px 3px 0 #204965}
.sdg-event .event-visual{margin:0;min-width:0}
.sdg-event .event-photo{width:100%;aspect-ratio:1;object-fit:contain;border:4px solid white;box-shadow:7px 7px 0 #aedcea;border-radius:4px}
.sdg-event .event-visual figcaption{text-align:right;font-size:10px;color:var(--muted);margin-top:9px}
.sdg-event h2{font-size:22px;display:flex;align-items:center;gap:12px;font-weight:800}
.sdg-event h2::before{content:"";width:13px;height:13px;background:#2295ba;box-shadow:4px 4px 0 #f4ce50;flex-shrink:0}
.sdg-event .details{border:1px solid #bfd5dc;border-top:3px solid #4c9aba;background:#fff;border-radius:4px;overflow:hidden}
.sdg-event .details>div{padding:12px 18px}
.sdg-event .details>div:last-child{border-bottom:0}
.sdg-event .details dt{color:#266887}
.sdg-event .free{color:#1a7080}
.sdg-event .notes{background:#fffdf0;border:1px solid #e8deb1;border-radius:4px;padding:16px 20px 16px 36px}
.sdg-event .notes li::marker{color:#248aa7}
.sdg-event .entry{padding-top:26px}
.sdg-event .entry-status{background:#e2f2f6;border:1px solid #bfd5dc;border-radius:4px}
.sdg-event .form-grid input,.sdg-event .form-grid select{background:#fff;color:#204965;border-color:#809da9;border-radius:4px}
.sdg-event .agreement{background:#e7f1ef;border:1px solid #c6dbd6;border-radius:4px}
.sdg-event .agreement input{accent-color:#19799f}
.sdg-event .form-message{background:#fff;border-color:#358aac;border-radius:4px}
.sdg-event .form-message.error{border-color:#ab3d35}
.sdg-event .sponsor{padding-bottom:26px}
.sdg-event .skip-link{background:#fff;color:#204965}
.sdg-event .submit-button:disabled{background:#d9e3e4;color:#52666e;box-shadow:none}
@media(max-width:680px){
.sdg-event .hero{grid-template-columns:1fr;gap:24px;padding-block:24px}
.sdg-event h1{margin:8px -10px 0}
.sdg-event .tentative{margin-top:-8px;margin-right:12px}
.sdg-event .presenter{font-size:12px;padding:3px 10px}
.sdg-event .hero-description{font-size:14px;margin-top:14px}
.sdg-event .hero-summary{font-size:14px;margin-top:14px}
.sdg-event .hero .button{margin-top:16px}
.sdg-event .event-photo{max-width:100%;box-shadow:4px 4px 0 #aedcea}
.sdg-event h2{font-size:20px}
.sdg-event .details>div{padding:11px 12px}
.sdg-event .notes{padding:14px 14px 14px 29px}
}
@media(prefers-reduced-motion:reduce){.sdg-event .button{transition:none}}
/* 本文・申込欄の可読性を優先した文字サイズ */
.sdg-event { font-size: 18px; line-height: 1.9; }
.sdg-event .hero-description { font-size: 18px; line-height: 1.95; }
.sdg-event .presenter { font-size: 17px; }
.sdg-event .hero-summary { font-size: 19px; }
.sdg-event h2 { font-size: 26px; }
.sdg-event h3 { font-size: 23px; }
.sdg-event .details dt,
.sdg-event .details dd,
.sdg-event .notes,
.sdg-event .entry-panel > div > p,
.sdg-event .form-message p,
.sdg-event .form-message ul { font-size: 18px; }
.sdg-event .details > div { grid-template-columns: 135px 1fr; }
.sdg-event .subtext,
.sdg-event .form-lead,
.sdg-event .status-label,
.sdg-event .agreement,
.sdg-event .tentative { font-size: 16px; }
.sdg-event .entry-status p { font-size: 20px; }
.sdg-event .form-grid label,
.sdg-event .agreement label { font-size: 17px; }
.sdg-event .form-grid input,
.sdg-event .form-grid select { font-size: 18px; min-height: 50px; }
.sdg-event .button { font-size: 18px; min-height: 52px; }
.sdg-event .event-visual figcaption,
.sdg-event .sponsor p { font-size: 14px; }
@media(max-width:680px) {
  .sdg-event { font-size: 17px; }
  .sdg-event .hero-description,
  .sdg-event .hero-summary,
  .sdg-event .details dd,
  .sdg-event .notes,
  .sdg-event .entry-panel > div > p,
  .sdg-event .form-message p,
  .sdg-event .form-message ul { font-size: 17px; }
  .sdg-event h2 { font-size: 23px; }
  .sdg-event .presenter,
  .sdg-event .details dt { font-size: 16px; }
  .sdg-event .details > div { grid-template-columns: 1fr; gap: 3px; padding-block: 13px; }
  .sdg-event .entry-status p { font-size: 19px; }
  .sdg-event .entry-panel { overflow-wrap: anywhere; }
}
/* スマホはタイトル直下にイラストを配置 */
@media(max-width:680px) {
  .sdg-event .hero-copy { display: contents; }
  .sdg-event .hero .presenter { order: 1; justify-self: start; margin-bottom: 0; }
  .sdg-event .hero h1 { order: 2; margin-block: 0; }
  .sdg-event .hero .event-visual { order: 3; }
  .sdg-event .hero .hero-description { order: 4; margin-top: 0; }
  .sdg-event .hero .hero-summary { order: 5; justify-self: start; margin-top: 0; }
}
