:root{--today-pine:#163f36;--today-paper:#f5f5e9;--today-gold:#e9cb7a;--today-space:32px}

body,body.page-news{--notice-h:64px}

.notice-bar{background:var(--today-pine);font-size:17px}.notice-bar:hover{background:#215548}.notice-bar-tag{background:var(--today-gold);color:#163f36;border:0}.notice-bar-text{line-height:1.4}.today-mobile{display:none}

.today-status{background:var(--today-paper);color:var(--today-pine);padding:calc(var(--notice-h) + var(--head-h) + var(--today-space)) 0 36px;border-bottom:5px solid var(--today-pine)}

.header{background:var(--today-paper);color:var(--today-pine)}.header .brand-title,.header .brand-sub,.header .nav a{color:var(--today-pine)}

.today-layout{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:48px}.today-demo{font-size:11px;letter-spacing:.12em;margin-bottom:14px;color:#536057}.today-date{font-weight:700;font-size:15px;margin-bottom:14px}.today-status h2{font-size:clamp(32px,4vw,56px);line-height:1.3;letter-spacing:.04em;margin:0 0 18px}.today-copy{font-size:17px;line-height:1.9}.today-details{border-left:1px solid #163f3640;padding-left:40px}.today-time-label{font-size:14px;letter-spacing:.18em}.today-time{font-family:Arial,sans-serif;font-size:72px;font-weight:700;line-height:1.2}.today-time span{font-size:28px}.today-place{font-weight:700;margin:12px 0}.today-caution{font-size:14px;line-height:1.8}.page-news .np-main{padding-top:0}.hero-inner{padding-top:48px}

@media(max-width:767px){.today-layout{grid-template-columns:1fr;gap:22px}.today-status{padding-bottom:26px}.today-details{border-left:0;border-top:1px solid #163f3640;padding:18px 0 0}.today-date{font-size:12px}.today-status h2{font-size:34px}.today-copy{font-size:15px}.today-time{font-size:52px}.today-caution{font-size:12px}.today-desktop{display:none}.today-mobile{display:block}.notice-bar{font-size:14px}.notice-bar-more{font-size:11px}.today-demo{margin-bottom:10px}.today-place{margin:6px 0}.hero-inner{padding-top:40px}}


.header:not(.is-solid) .brand-title,.header:not(.is-solid) .brand-sub,.header:not(.is-solid) .nav a,.header:not(.is-solid) .nav a:hover{color:var(--today-pine)}.header:not(.is-solid) .nav-toggle-bar,.header:not(.is-solid) .nav a::after{background:var(--today-pine)}

.hero-inner{padding-top:calc(var(--notice-h) + var(--head-h) + 14px)}.page-news .np-main{padding-top:calc(var(--notice-h) + var(--head-h))}