body.scc-global-nav-active{--sg-height:68px;padding-top:var(--sg-height)!important}
body.scc-global-nav-active #js-header,body.scc-global-nav-active .l-header,body.scc-global-nav-active .scc-home .sh-localnav,body.scc-global-nav-active .scc-home .sh-header{display:none!important}
body.scc-global-nav-active .l-footer .p-footer-nav{display:none!important}
body.scc-global-nav-active [id]{scroll-margin-top:calc(var(--sg-height) + 18px)}
body.scc-global-nav-active #scc-global-header{position:fixed;top:0;left:0;right:0;z-index:9998;height:var(--sg-height);background:rgba(247,244,237,.97);color:#21352d;border-bottom:1px solid #d8d2c6;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.35;letter-spacing:.01em;box-sizing:border-box;transition:background-color .2s ease,box-shadow .2s ease}
body.scc-global-nav-active #scc-global-header *{box-sizing:border-box}
body.scc-global-nav-active #scc-global-header.is-scrolled{background:#f9f7f2;box-shadow:0 3px 17px rgba(20,37,28,.12)}
body.scc-global-nav-active #scc-global-header a{color:inherit;text-decoration:none}
body.scc-global-nav-active #scc-global-header button{font:inherit;cursor:pointer}
body.scc-global-nav-active #scc-global-header :focus-visible{outline:3px solid #b99e6a;outline-offset:3px}
body.scc-global-nav-active .sg-header__inner{width:min(100% - 40px,1440px);height:100%;margin:auto;display:flex;align-items:center;gap:18px;justify-content:space-between}
body.scc-global-nav-active .sg-brand{display:flex;align-items:center;gap:10px;flex:none;white-space:nowrap}
body.scc-global-nav-active .sg-brand strong{font:700 27px/1 Arial,sans-serif;letter-spacing:-.075em;color:#1b3629}
body.scc-global-nav-active .sg-brand span{border-left:1px solid #a7987d;padding-left:10px;font:700 8px/1.32 Arial,sans-serif;letter-spacing:.09em;color:#44564c}
body.scc-global-nav-active .sg-menu{display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,.68vw,11px);min-width:0;flex:1;height:100%}
body.scc-global-nav-active .sg-menu>.sg-link,body.scc-global-nav-active .sg-personal__head>.sg-link{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap;font-size:11.5px;font-weight:700;padding:0 2px}
body.scc-global-nav-active .sg-menu>.sg-link:not(.sg-link--contact):after,body.scc-global-nav-active .sg-personal__head>.sg-link:after{content:"";position:absolute;left:2px;right:2px;bottom:14px;height:2px;background:#a78d5f;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
body.scc-global-nav-active .sg-menu>.sg-link:hover:after,body.scc-global-nav-active .sg-menu>.sg-link.is-current:after,body.scc-global-nav-active .sg-personal:hover .sg-personal__head>.sg-link:after,body.scc-global-nav-active .sg-personal.is-ancestor .sg-personal__head>.sg-link:after{transform:scaleX(1)}
body.scc-global-nav-active .sg-personal{position:relative;height:100%;flex:none}
body.scc-global-nav-active .sg-personal__head{height:100%;display:flex;align-items:center}
body.scc-global-nav-active .sg-personal__toggle{width:20px;height:35px;margin:0;padding:0 0 5px;border:0;background:transparent;color:#697d6d;font-size:17px;line-height:1}
body.scc-global-nav-active .sg-personal__toggle span{display:block;transition:transform .2s}
body.scc-global-nav-active .sg-personal.is-open .sg-personal__toggle span{transform:rotate(180deg)}
body.scc-global-nav-active .sg-submenu{display:none;position:absolute;top:calc(100% - 1px);left:-16px;min-width:255px;padding:9px 15px 12px;background:#f7f4ed;border:1px solid #d2cabd;box-shadow:0 15px 25px rgba(20,37,28,.15)}
body.scc-global-nav-active .sg-personal:hover .sg-submenu,body.scc-global-nav-active .sg-personal:focus-within .sg-submenu,body.scc-global-nav-active .sg-personal.is-open .sg-submenu{display:block}
body.scc-global-nav-active .sg-submenu .sg-link{display:block;padding:11px 6px;font-size:12px;line-height:1.55;font-weight:600;border-bottom:1px solid #ded8cb}
body.scc-global-nav-active .sg-submenu .sg-link:last-child{border:0}
body.scc-global-nav-active .sg-submenu .sg-link:hover,body.scc-global-nav-active .sg-submenu .sg-link.is-current{color:#846a3a!important}
body.scc-global-nav-active .sg-link--contact{height:auto!important;min-height:38px;padding:8px 13px!important;margin-left:7px;background:#264438;color:#fff!important;white-space:nowrap;justify-content:center;font-size:11.5px!important}
body.scc-global-nav-active .sg-link--contact:hover,body.scc-global-nav-active .sg-link--contact.is-current{background:#3c604e}
body.scc-global-nav-active .sg-toggle{display:none}
body.admin-bar.scc-global-nav-active #scc-global-header{top:32px}
body.admin-bar.scc-global-nav-active{padding-top:calc(var(--sg-height) + 32px)!important}
@media(max-width:1279px){
body.scc-global-nav-active{--sg-height:62px}
body.scc-global-nav-active .sg-header__inner{width:calc(100% - 36px)}
body.scc-global-nav-active .sg-brand strong{font-size:26px}
body.scc-global-nav-active .sg-toggle{display:flex;align-items:center;gap:10px;min-height:44px;border:0;background:none;padding:4px 0 4px 9px;color:#263c31;font-size:12px;font-weight:700}
body.scc-global-nav-active .sg-toggle__bars{display:block;width:22px;height:16px;position:relative;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
body.scc-global-nav-active .sg-toggle__bars:after{content:"";position:absolute;top:6px;left:0;width:100%;border-top:2px solid currentColor}
body.scc-global-nav-active .sg-menu{display:block;visibility:hidden;pointer-events:none;position:fixed;top:var(--sg-height);left:0;right:0;height:auto;max-height:calc(100vh - var(--sg-height));max-height:calc(100dvh - var(--sg-height));overflow:auto;overscroll-behavior:contain;padding:10px 24px 28px;background:#f8f6ef;border-bottom:1px solid #d6d0c3;box-shadow:0 16px 26px rgba(20,37,28,.16)}
body.scc-global-nav-active .sg-menu.is-open{visibility:visible;pointer-events:auto}
body.scc-global-nav-active .sg-menu>.sg-link,body.scc-global-nav-active .sg-personal__head>.sg-link{font-size:15px;min-height:48px;height:auto;padding:9px 4px;border-bottom:1px solid #ded9ce;white-space:normal}
body.scc-global-nav-active .sg-menu>.sg-link:not(.sg-link--contact):after,body.scc-global-nav-active .sg-personal__head>.sg-link:after{left:4px;right:auto;bottom:0;width:55px}
body.scc-global-nav-active .sg-personal{height:auto}
body.scc-global-nav-active .sg-personal__head{height:auto;display:flex;align-items:stretch}
body.scc-global-nav-active .sg-personal__head>.sg-link{flex:1}
body.scc-global-nav-active .sg-personal__toggle{width:54px;height:auto;min-height:48px;border-bottom:1px solid #ded9ce;font-size:23px}
body.scc-global-nav-active .sg-submenu{display:none!important;position:static;min-width:0;padding:4px 12px 9px;background:#eeebe3;border:0;box-shadow:none}
body.scc-global-nav-active .sg-personal.is-open .sg-submenu{display:block!important}
body.scc-global-nav-active .sg-submenu .sg-link{min-height:43px;display:flex;align-items:center;font-size:14px}
body.scc-global-nav-active .sg-link--contact{min-height:52px!important;margin:17px 0 0;justify-content:space-between;font-size:14px!important;padding:11px 17px!important}
body.scc-global-nav-active.sg-menu-open{overflow:hidden}
body.admin-bar.scc-global-nav-active .sg-menu{top:calc(var(--sg-height) + 32px);max-height:calc(100vh - var(--sg-height) - 32px);max-height:calc(100dvh - var(--sg-height) - 32px)}
}
@media(max-width:782px){body.admin-bar.scc-global-nav-active{padding-top:calc(var(--sg-height) + 46px)!important}body.admin-bar.scc-global-nav-active #scc-global-header{top:46px}body.admin-bar.scc-global-nav-active .sg-menu{top:calc(var(--sg-height) + 46px);max-height:calc(100vh - var(--sg-height) - 46px);max-height:calc(100dvh - var(--sg-height) - 46px)}}
@media(max-width:600px){body.scc-global-nav-active{--sg-height:58px}body.scc-global-nav-active .sg-header__inner{width:calc(100% - 32px)}body.scc-global-nav-active .sg-brand strong{font-size:24px}body.scc-global-nav-active .sg-brand span{font-size:7px}body.scc-global-nav-active .sg-toggle__label{font-size:11px}body.scc-global-nav-active .sg-menu{padding:7px 20px 24px}}
@media(prefers-reduced-motion:reduce){body.scc-global-nav-active #scc-global-header,body.scc-global-nav-active .sg-menu>.sg-link:after,body.scc-global-nav-active .sg-personal__head>.sg-link:after{transition:none}}