body.shirune-information-page{margin:0;background:#fff}
body.shirune-information-page .si-main{width:100%;max-width:none!important;margin:0!important;padding:0!important;color:#314840}
.si-main *{box-sizing:border-box}
.si-main .si-wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}
.si-skip{position:fixed;z-index:99999;left:20px;top:-100px;padding:12px 20px;border-radius:8px;background:#214c3d;color:#fff}
.si-skip:focus{top:16px}
.si-main .si-hero{position:relative;background:#e4f0e8;padding:24px 0 70px}
.si-main .si-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.8;color:#527260;margin-bottom:36px}
.si-main .si-breadcrumb a{display:inline-flex;align-items:center;min-height:32px;text-decoration:underline;text-underline-offset:4px}
.si-main .si-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:48px;align-items:center;min-height:155px}
.si-main .si-kicker{margin:0 0 15px;color:#648777;font:500 12px/1.5 Arial,sans-serif;letter-spacing:.16em}
.si-main .si-hero h1{margin:0;color:#214c3d;font-size:clamp(30px,3.3vw,44px);font-weight:600;line-height:1.65;letter-spacing:.04em;overflow-wrap:anywhere}
.si-main .si-hero-icon{display:block;width:190px;height:auto;justify-self:center}
.si-main .si-wave{position:absolute;bottom:-1px;left:0;width:100%;height:50px;display:block}
.si-main .si-body-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(0,260px);gap:80px;padding:50px 0 80px;align-items:start}
.si-main .si-prose{min-width:0;font-size:16px;line-height:2;overflow-wrap:anywhere}
.si-main .si-prose>p{margin:0 0 20px}
.si-main .si-prose>p:first-child{font-size:18px;line-height:2;margin-bottom:26px}
.si-main .si-prose h2{margin:54px 0 24px;padding-bottom:16px;border-bottom:1px solid #c6dbce;color:#214c3d;font-size:25px;line-height:1.65;font-weight:600;letter-spacing:.025em;scroll-margin-top:32px}
.si-main .si-prose strong{color:#214c3d;font-weight:600}
.si-main .si-prose ul{margin:22px 0 26px;padding:20px 24px 20px 44px;background:#edf5ef;border-radius:14px}
.si-main .si-prose li{padding-left:3px;margin:5px 0;line-height:1.9}
.si-main .si-prose li::marker{color:#729c83}
.si-main .si-prose a{color:#214c3d;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.si-main .si-sidebar{min-width:0;position:sticky;top:32px}
.si-main .si-desktop-toc{border-top:1px solid #bcd3c4;padding-top:18px}
.si-main .si-desktop-toc>p{font-size:14px;font-weight:600;color:#214c3d;margin:0 0 14px}
.si-main .si-toc-list{list-style:none;counter-reset:si-toc;margin:0;padding:0}
.si-main .si-toc-list li{counter-increment:si-toc;margin:0;border-bottom:1px solid #e3ece6}
.si-main .si-toc-list a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;min-height:44px;padding:12px 0;color:#527260;font-size:13px;line-height:1.75;text-decoration:none;overflow-wrap:anywhere}
.si-main .si-toc-list a::before{content:counter(si-toc,decimal-leading-zero);font:400 12px/1.9 Arial,sans-serif;color:#729c83}
.si-main .si-toc-list a:hover{color:#214c3d;text-decoration:underline;text-underline-offset:4px}
.si-main .si-mobile-toc{display:none}
.si-main .si-related{padding:42px 0 50px;background:#f7f4ed}
.si-main .si-related h2{margin:0 0 22px;font-size:20px;line-height:1.6;font-weight:600;color:#214c3d}
.si-main .si-related ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.si-main .si-related a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:12px 0;border-bottom:1px solid #c6dbce;font-size:14px;line-height:1.8;color:#214c3d;text-decoration:none}
.si-main .si-related a:hover{text-decoration:underline;text-underline-offset:4px}
.si-main a:focus-visible,.si-main summary:focus-visible{outline:3px solid #214c3d;outline-offset:4px;border-radius:3px}
@media(max-width:999px){
 .si-main .si-wrap{width:calc(100% - 64px)}
 .si-main .si-body-layout{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:30px}
 .si-main .si-sidebar{display:none}
 .si-main .si-mobile-toc{display:block;border-top:1px solid #c6dbce;border-bottom:1px solid #c6dbce}
 .si-main .si-mobile-toc summary{padding:14px 0;min-height:48px;cursor:pointer;color:#214c3d;font-size:14px;font-weight:600}
 .si-main .si-mobile-toc nav{padding-bottom:10px}
 .si-main .si-hero-layout{grid-template-columns:minmax(0,1fr) 150px;gap:24px}
 .si-main .si-hero-icon{width:150px}
 .si-main .si-related ul{gap:18px}
}
@media(max-width:600px){
 .si-main .si-wrap{width:calc(100% - 44px)}
 .si-main .si-hero{padding-top:16px;padding-bottom:48px}
 .si-main .si-breadcrumb{font-size:11px;gap:7px;margin-bottom:22px}
 .si-main .si-hero-layout{grid-template-columns:minmax(0,1fr) 72px;gap:16px;min-height:120px}
 .si-main .si-hero h1{font-size:27px;line-height:1.65;letter-spacing:.025em}
 .si-main .si-kicker{font-size:10px;letter-spacing:.08em;margin-bottom:10px}
 .si-main .si-hero-icon{width:72px}
 .si-main .si-wave{height:32px}
 .si-main .si-body-layout{padding:26px 0 50px;gap:24px}
 .si-main .si-prose{font-size:15px;line-height:1.95}
 .si-main .si-prose>p{margin-bottom:18px}
 .si-main .si-prose>p:first-child{font-size:16px;line-height:1.95;margin-bottom:22px}
 .si-main .si-prose h2{font-size:21px;line-height:1.65;margin-top:38px;margin-bottom:20px;padding-bottom:13px;scroll-margin-top:20px}
 .si-main .si-prose ul{padding:16px 17px 16px 34px;margin:20px 0 23px;border-radius:12px}
 .si-main .si-related{padding:30px 0 38px}
 .si-main .si-related h2{font-size:18px;margin-bottom:12px}
 .si-main .si-related ul{grid-template-columns:minmax(0,1fr);gap:0}
 .si-main .si-related a{min-height:52px}
}
@media(max-width:360px){
 .si-main .si-hero-layout{grid-template-columns:minmax(0,1fr) 60px;gap:10px}
 .si-main .si-hero-icon{width:60px}
 .si-main .si-hero h1{font-size:24px}
}
