/* Shared header logo for TOP and recruitment pages. */
header .brand{display:inline-flex;align-items:center;gap:10px;flex:none;color:#432f25;font-family:'Roboto Slab',serif;font-weight:900;font-size:3.55vw;line-height:1;letter-spacing:-.065em;transform:scaleX(.88);transform-origin:left center}
header .brand-mark{display:block;width:64px;height:48px;flex:none}
header .brand-word{display:block}
header .brand small{display:block;margin:0;font:500 .65vw/1.7 Oswald,sans-serif;letter-spacing:.18em;text-align:center;white-space:nowrap}
@media(max-width:1050px){header .brand{gap:6px}header .brand-mark{width:46px;height:38px}}
@media(max-width:700px){header .brand{font-size:23px;gap:5px}header .brand-mark{width:38px;height:32px}header .brand small{font-size:6px;letter-spacing:.05em}}

/* One header layout and navigation shared by every page. */
.site-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:24px;width:100%;max-width:1800px;height:auto!important;min-height:98px;margin:0 auto;padding:12px 6.6%;background:#f6f3eb}
.site-header nav{display:flex;width:auto;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:18px;font:900 14px/1.4 'Noto Serif JP',serif;letter-spacing:.05em}
.site-header nav>a:not(.button),.site-header nav>a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font:900 14px/1.4 'Noto Serif JP',serif;color:#063e4b;text-decoration:none}
.site-header nav .button,.site-header nav .recruit-nav{display:inline-flex!important;gap:14px;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:2px;color:#fff;background:#c35432;font-size:14px;letter-spacing:.05em}
.site-header nav .recruit-nav{background:#62412e}
.site-header nav .button b{font:400 20px/1 Arial}
@media(max-width:1100px){.site-header{flex-wrap:wrap;gap:12px;padding:12px 5%;min-height:76px}.site-header nav{width:100%;justify-content:flex-start;gap:12px 18px}}
@media(max-width:700px){.site-header{gap:12px;padding:12px 5%}.site-header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px}.site-header nav>a:not(.button),.site-header nav>a{display:flex;font-size:12px;letter-spacing:0;min-height:32px}.site-header nav .button,.site-header nav .recruit-nav{grid-column:span 2;font-size:12px;padding:10px 8px;min-height:44px}}
.site-header nav>a.recruit-nav{color:#fff;min-height:44px}