@charset "UTF-8";
/*
    Template: swell
    Theme Name: こども支援ノート CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELL上で支援資料ライブラリを提供するサイト専用子テーマ
Version: 2.4.7
    Author: こども支援ノート
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.ksn-skip-link{position:fixed;left:16px;top:12px;z-index:10000;padding:10px 16px;border:2px solid #185a51;border-radius:8px;background:#fff;color:#185a51;font-weight:800;text-decoration:none;transform:translateY(-180%);transition:transform .15s ease}.ksn-skip-link:focus{transform:translateY(0);outline:3px solid #bd8200;outline-offset:3px}@media(prefers-reduced-motion:reduce){.ksn-skip-link{transition:none}}

/* Shared visual system: compact the global navigation and keep key actions legible. */
:root{--ksn-site-ink:#173d37;--ksn-site-teal:#126c60;--ksn-site-teal-dark:#0d5149;--ksn-site-leaf:#5e9846;--ksn-site-cream:#fffdf8;--ksn-site-line:#d6e3d9}
#header.l-header{border-bottom:1px solid var(--ksn-site-line);background:rgba(255,253,248,.98);box-shadow:0 2px 12px rgba(21,61,55,.04)}
#header .l-header__bar{background:#205f56}
#header .l-header__bar a,#header .l-header__bar p{color:#fff}
#header .c-gnav a{color:var(--ksn-site-ink)}
#header .c-gnav a:focus-visible,#header .l-header__logo a:focus-visible{outline:3px solid #d99622;outline-offset:3px}
@media(min-width:960px){#header .l-header__bar,#header .l-header__barInner{min-height:24px;height:24px}#header .l-header__bar{font-size:.74rem}#header .l-header__inner{min-height:76px;height:76px;padding-top:0;padding-bottom:0}#header .l-header__logo img{width:auto;max-height:50px}#header .c-gnav>li>a{display:flex;min-height:76px;padding:0 11px;align-items:center;font-size:.86rem;font-weight:700;letter-spacing:.01em}#header .c-gnav>li>a:hover{color:var(--ksn-site-teal);background:#eef6ef}#header .c-gnav>li:last-child>a{height:38px;min-height:38px;margin:19px 0 19px 10px;padding:0 15px;border:1px solid var(--ksn-site-teal);border-radius:999px;background:var(--ksn-site-teal);color:#fff}#header .c-gnav>li:last-child>a:hover{background:var(--ksn-site-teal-dark);color:#fff}}

/* A quiet paper-like canvas keeps materials and controls visually primary. */
:root{--ksn-site-canvas:#f7f8f4;--ksn-site-surface:#fffefa;--ksn-site-soft:#f0f4ed}
html,body{background:var(--ksn-site-canvas)}
#content,.l-content{background:var(--ksn-site-canvas)}