.kagawa { padding:96px 0 112px; }
.kagawa-hero { padding:clamp(38px,6vw,72px); display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(36px,7vw,90px); color:white; background:linear-gradient(128deg,#173e42 0%,#1f615e 48%,#96773a 100%); position:relative; overflow:hidden; }
.kagawa-hero::after { content:""; width:430px; height:230px; position:absolute; right:-80px; bottom:-110px; border:1px solid rgba(255,255,255,.32); border-radius:50%; transform:rotate(-12deg); box-shadow:0 0 0 34px rgba(255,255,255,.04),0 0 0 76px rgba(255,255,255,.025); }
.kagawa-hero h2 { margin:0; max-width:680px; font:500 clamp(34px,4vw,58px)/1.18 Georgia,"Noto Serif TC",serif; }
.kagawa-hero p { margin:0 0 18px; color:#e4efec; font-size:15px; line-height:1.9; }
.kagawa-hero strong { color:#f2da8d; font:500 32px Georgia,serif; }
.kagawa-route { margin:22px 0 0; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); background:var(--paper); }
.kagawa-route span { padding:18px; text-align:center; color:#5d6a63; font-size:11px; font-weight:800; letter-spacing:.08em; border-right:1px solid var(--line); }
.kagawa-route span:last-child { border-right:0; }
.kagawa-grid { margin-top:28px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.kagawa-course-card { min-height:340px; padding:30px; display:grid; grid-template-columns:58px 1fr; gap:20px; border:1px solid var(--line); background:#f4f0e6; }
.kagawa-course-number { color:#9a7c42; font:500 31px Georgia,serif; }
.kagawa-course-card h3 { margin:0; color:var(--deep); font:500 29px/1.28 Georgia,"Noto Serif TC",serif; }
.kagawa-course-card>div>p:not(.eyebrow) { margin:15px 0 0; color:#56635c; font-size:13px; line-height:1.85; }
.kagawa-course-card dl { margin:22px 0; display:grid; gap:10px; }
.kagawa-course-card dl div { display:grid; grid-template-columns:60px 1fr; gap:10px; padding-top:9px; border-top:1px solid #d8d0c0; }
.kagawa-course-card dt { color:#8a6b30; font-size:10px; font-weight:800; }
.kagawa-course-card dd { margin:0; color:#4e5b54; font-size:11px; line-height:1.6; }
.kagawa-course-card button { min-height:44px; padding:0 17px; border:1px solid #a98749; background:transparent; color:var(--deep); font-weight:800; cursor:pointer; }
.kagawa-course-card button:hover,.kagawa-course-card button:focus-visible { background:var(--deep); color:white; }
.kagawa-udon { margin-top:28px; padding:clamp(36px,6vw,68px); display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(32px,7vw,84px); color:white; background:#6b3d28; }
.kagawa-udon h2 { margin:0; font:500 clamp(30px,3.6vw,48px)/1.2 Georgia,"Noto Serif TC",serif; }
.kagawa-udon p { margin:0 0 16px; color:#f1ded2; font-size:14px; line-height:1.95; }
.kagawa-boundary { margin:18px 0 0; padding:16px 20px; color:#5f675f; font-size:11px; line-height:1.7; background:#ece6d9; }
@media(max-width:900px){.kagawa-hero,.kagawa-udon{grid-template-columns:1fr}.kagawa-grid{grid-template-columns:1fr}.kagawa-route{grid-template-columns:repeat(2,1fr)}.kagawa-route span:nth-child(2){border-right:0}.kagawa-route span:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:640px){.kagawa{padding:68px 0}.kagawa-hero{padding:34px 24px}.kagawa-route{grid-template-columns:1fr}.kagawa-route span{border-right:0;border-bottom:1px solid var(--line)}.kagawa-course-card{min-height:0;padding:24px 20px;grid-template-columns:42px 1fr}.kagawa-course-card h3{font-size:25px}.kagawa-udon{padding:34px 24px}}

.kagawa-course-photo { grid-column:1/-1; margin:-30px -30px 8px; position:relative; background:#13241d; overflow:hidden; }
.kagawa-course-photo>.course-photo-open { display:block; width:100%; min-height:0; padding:0; border:0; aspect-ratio:16/9; overflow:hidden; background:transparent; cursor:pointer; }
.kagawa-course-photo img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.kagawa-course-photo>.course-photo-open:hover img,.kagawa-course-photo>.course-photo-open:focus-visible img { transform:scale(1.025); }
.kagawa-course-photo figcaption { padding:10px 14px; color:#e5ece8; background:#1b2d25; font-size:9px; line-height:1.55; }
.kagawa-course-photo figcaption a { color:#f0d98d; text-underline-offset:2px; }
.kagawa-course-card.no-photo { background:linear-gradient(145deg,#f4f0e6,#ebe4d4); }
.article-official-media figcaption a { color:#6e5425; font-weight:800; }
@media(max-width:640px){.kagawa-course-photo{margin:-24px -20px 6px}.kagawa-course-photo>.course-photo-open{aspect-ratio:4/3}}