.shell{display:flex;flex-direction:column;min-height:100vh}.shell .main{flex:1;min-width:0}.shell .header-in{flex-wrap:wrap}.shell .nav-item{position:relative}.shell .nav-link{display:inline-flex;align-items:center;gap:4px;padding:4px 2px}.shell .nav-item[data-current=yes]>.nav-link{color:var(--primary);font-weight:var(--fw-title)}.shell .arrow{font-size:.7em;opacity:.6}.shell .dropdown{position:absolute;top:100%;left:0;z-index:50;min-width:168px;padding:6px;background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:none}.shell .nav-item[data-has-kids=yes]:hover>.dropdown,.shell .nav-item[data-has-kids=yes]:focus-within>.dropdown{display:block}.shell .dropdown-link{display:block;padding:5px 8px;border-radius:calc(var(--radius) * .5);color:var(--text);font-size:var(--small);white-space:nowrap}.shell .dropdown-link:hover{background:var(--bg-soft);color:var(--primary)}@media(min-width:1025px){.shell[data-nav=left]{display:grid;grid-template-columns:264px minmax(0,1fr);align-items:start}.shell[data-nav=left]>.topbar{grid-column:1 / -1;grid-row:1}.shell[data-nav=left]>.header{grid-column:1;grid-row:2;position:sticky;top:0;height:100vh;overflow-y:auto;border-bottom:0;border-right:var(--border-w) solid var(--border)}.shell[data-nav=left] .header-in{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--gap-grid);min-height:0;padding:var(--gap-grid) var(--pad)}.shell[data-nav=left]>.main{grid-column:2;grid-row:2;min-width:0}.shell[data-nav=left] .logo{font-size:var(--h3)}.shell[data-nav=left] .nav{flex-direction:column;gap:2px}.shell[data-nav=left] .dropdown{position:static;display:block;border:0;box-shadow:none;padding:0 0 0 14px;min-width:0;background:transparent}.shell[data-nav=left] .nav-item[data-has-kids=yes]>.nav-link .arrow{display:none}}.shell[data-menu=off][data-nav=left]{display:flex;flex-direction:column}.shell[data-menu=off] .main,.topbar{width:100%}.shell[data-scroll=screen]{height:100vh;min-height:0;overflow:hidden}.shell[data-scroll=screen] .main{height:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scroll-behavior:smooth}.shell[data-scroll=screen] .main>section{min-height:100%;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center}.shell[data-scroll=screen] .header{position:relative;z-index:20;flex:none}.dot-round{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:40}.dot-round button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:var(--border);cursor:pointer;transition:transform .2s,background .2s}.dot-round button:hover{background:var(--text-2)}.dot-round button[data-current=yes]{background:var(--primary);transform:scale(1.4)}@media(max-width:640px){.dot-round{display:none}}.shell[data-scroll=anim][data-fx=on] .header{position:fixed;top:0;left:0;right:0;z-index:60;background:transparent;border-bottom-color:transparent;transition:background .3s,box-shadow .3s,border-color .3s}.shell[data-scroll=anim][data-fx=on][data-scrolled=yes] .header{background:var(--bg);border-bottom-color:var(--border);box-shadow:var(--shadow)}.shell[data-nav=left][data-scroll=anim][data-fx=on] .header{position:sticky;right:auto;z-index:auto;background:var(--bg);border-right-color:var(--border);box-shadow:none;transition:none}.shell[data-scroll=anim][data-fx=on] .dropdown{z-index:70}.shell .head-brand{display:flex;align-items:baseline;gap:var(--gap-grid);min-width:0}.shell .head-slogan{color:var(--text-2);font-size:var(--small)}.shell .head-logo{display:block;max-height:44px;width:auto}.shell .head-extra{display:flex;align-items:center;gap:var(--gap-grid);flex-wrap:wrap}.shell .head-tel{display:inline-flex;align-items:center;gap:calc(var(--gap-grid) * .5);color:var(--text)}.shell .head-tel-icon{display:inline-flex;align-items:center;justify-content:center;width:2.2em;height:2.2em;border-radius:999px;border:var(--border-w) solid var(--primary);color:var(--primary)}.shell .head-tel-text{display:flex;flex-direction:column;line-height:1.15}.shell .head-tel-label{color:var(--text-2);font-size:var(--small);font-style:normal}.shell .head-tel-num{font-size:var(--h6);font-weight:var(--fw-title)}.shell .head-extra-link{color:var(--text);font-size:var(--small)}[data-head=上] .header-in{display:flex;align-items:center;gap:var(--gap-grid);flex-wrap:wrap}[data-head=上] .nav{margin-left:auto}[data-head=上通栏] .header-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--gap-grid)}[data-head=上通栏] .head-brand{justify-self:start}[data-head=上通栏] .nav{justify-self:center;justify-content:center}[data-head=上通栏] .head-extra{justify-self:end}[data-head=上两行] .header-in,[data-head=上两行左] .header-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand extra" "nav nav";align-items:center;gap:calc(var(--gap-grid) * .6)}[data-head=上两行] .head-brand,[data-head=上两行左] .head-brand{grid-area:brand}[data-head=上两行] .head-extra,[data-head=上两行左] .head-extra{grid-area:extra;justify-self:end}[data-head=上两行] .nav,[data-head=上两行左] .nav{grid-area:nav;width:100%;border-top:var(--border-w) solid var(--border);padding-top:calc(var(--gap-p) * .5)}[data-head=上两行] .nav .nav-item{flex:1 1 0;text-align:center}[data-head=上两行] .nav .nav-link{justify-content:center;width:100%}[data-head=上两行左] .nav{justify-content:flex-start}@media(max-width:1024px){[data-head=上通栏] .header-in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand nav" "extra extra"}[data-head=上通栏] .nav{grid-area:nav;justify-self:end;justify-content:flex-end}[data-head=上通栏] .head-brand{grid-area:brand}[data-head=上通栏] .head-extra{grid-area:extra;justify-self:start}}@media(max-width:640px){.shell[data-head]:not([data-head=左]) .header-in{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--gap-grid) * .5)}.shell[data-head]:not([data-head=左]) .nav{width:100%;justify-content:flex-start;margin-left:0}.shell[data-head]:not([data-head=左]) .head-extra{margin-left:0}}
