/* The same navigation dimensions and states on Top and the planner. */
.site-header{display:flex;align-items:center;background:#fff;flex-shrink:0;height:64px;min-height:64px;padding:6px 20px;gap:24px;border-bottom:1px solid #d4dfe1;color:#123d46}
.site-header .brand{display:flex;align-items:center;gap:11px;color:#123d46;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1px;white-space:nowrap}
.site-header .brand img{width:44px;height:44px;object-fit:contain}.site-header .brand small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:600;margin-top:1px;color:#617a73}
.site-header nav{display:flex;gap:24px;align-self:stretch;align-items:stretch}.site-header nav a,.site-header nav button,.site-header nav .nav-plan{display:flex;align-items:center;justify-content:center;line-height:1.4;font-family:inherit;font-size:14px;font-weight:650;padding:0 2px;min-height:44px;white-space:nowrap;color:inherit;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;text-decoration:none}
.site-header nav [aria-current=page],.site-header nav [aria-pressed=true]{color:#007c75;border-bottom-color:#007c75}.site-header .header-contact{display:flex;align-items:center;gap:16px;margin-left:auto;border:1px solid #859d9e;border-radius:5px;padding:10px 14px;font-size:14px;text-decoration:none;color:inherit;white-space:nowrap}
@media(max-width:760px){body:not(.archive-open)>.site-header,.site-header{height:auto;min-height:0;padding:4px 12px;gap:0 8px;flex-wrap:wrap}.site-header .brand{width:auto;margin:0;font-size:21px}.site-header .brand img{width:28px;height:28px}.site-header .brand small{display:none}.site-header nav{order:3;width:100%;justify-content:space-between;gap:8px}.site-header nav a,.site-header nav button,.site-header nav .nav-plan{font-size:12px;padding:4px 0;min-height:44px}.site-header .header-contact{display:flex;min-height:44px;padding:6px 8px;font-size:12px}}

.archive-disabled #nav-archive,.archive-disabled a[href="/#archive"],.archive-disabled .header-contact,.archive-disabled #choose-past,.archive-disabled #teaser-archive,.archive-disabled #detail-archive,.archive-disabled #rail-archive,.archive-disabled .archive-teaser,.archive-disabled #archive-workspace{display:none!important}

.site-header .brand .brand-tagline{display:block;font-size:11px;line-height:1.5;letter-spacing:0;font-weight:400;margin-top:3px;color:#52696c;white-space:normal}body:not(.archive-open) .site-header .brand .brand-tagline{display:block}@media(max-width:760px){.site-header .brand{max-width:100%;padding:3px 0}.site-header .brand span{min-width:0}.site-header .brand .brand-tagline{font-size:10px;max-width:calc(100vw - 66px);line-height:1.4}.site-header .brand img{flex-shrink:0}}

/* Isolate the common header from each application's base element styles. */
.site-header,.site-header *{box-sizing:border-box}
body:not(.archive-open)>.site-header,body.archive-open>.site-header{height:64px;min-height:64px;margin:0;padding:6px 20px;gap:24px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",Meiryo,sans-serif}
body .site-header nav{height:auto;margin:0;padding:0}
body:not(.archive-open) .site-header nav,body.archive-open .site-header nav{gap:24px;margin:0;height:auto}
body .site-header nav a,body .site-header nav button{box-sizing:border-box;height:auto;min-height:44px;margin:0;padding:0 2px;font-size:14px;line-height:1.4}
@media(max-width:760px){
 body:not(.archive-open)>.site-header,body.archive-open>.site-header{height:auto;min-height:0;padding:3px 10px;gap:0 8px}
 body:not(.archive-open) .site-header .brand,body.archive-open .site-header .brand{font-size:19px;padding:0;margin:0;line-height:1.5;gap:11px}
 body .site-header .brand img{width:28px;height:28px}
 body .site-header .brand .brand-tagline{font-size:10px;line-height:1.4;margin-top:2px}
 body:not(.archive-open) .site-header nav,body.archive-open .site-header nav{gap:12px;margin:0;height:44px}
 body .site-header nav a,body .site-header nav button,body .site-header nav .nav-plan{height:44px;min-height:44px;padding:4px 0;font-size:12px;line-height:1.4}
}
body .site-header .brand>span{font-size:inherit;line-height:inherit}
@media(max-width:760px){body .site-header:empty{min-height:95.5px}}