
/* V5.4 department routing and store network */
.store-network{background:#f5f1e9;position:relative;overflow:hidden}.store-network:before{content:"NICHU NETWORK";position:absolute;right:-.02em;top:-.22em;font-family:var(--serif);font-size:clamp(90px,15vw,260px);color:rgba(18,18,18,.026);white-space:nowrap;pointer-events:none}.department-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}.department-card{position:relative;min-height:470px;padding:34px 32px 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.department-card:last-child{border-right:0}.department-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.45s var(--ease)}.department-card:hover:before{transform:scaleX(1)}.department-no{position:absolute;right:22px;top:22px;font-family:var(--serif);font-size:64px;line-height:1;color:rgba(10,10,10,.055)}.department-card h3{font-family:var(--serif);font-size:38px;font-weight:500;line-height:1.08;margin:68px 0 18px}.department-card>p{font-size:12px;line-height:2;color:var(--muted);max-width:31em}.department-meta{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;display:grid;gap:4px}.department-meta span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.department-meta strong{font-family:var(--serif);font-size:27px;font-weight:500}.department-meta small{font-size:10px;color:var(--muted)}.department-action{margin-top:24px;height:52px;border:1px solid #111;background:transparent;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;transition:.3s}.department-action:hover{background:#111;color:#fff}.department-action b{font-size:16px}
.contact-drawer{overflow-y:auto}.contact-drawer h2.contact-title{font-size:56px;line-height:.91;margin-bottom:18px}.contact-intro{font-size:11px!important;line-height:1.9!important;color:rgba(255,255,255,.55)!important;margin:0 0 26px!important}.contact-route-grid{display:grid;gap:10px}.contact-route-card{width:100%;text-align:left;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025);color:#fff;padding:20px 18px;display:grid;grid-template-columns:42px 1fr 22px;gap:12px;align-items:center;transition:.28s}.contact-route-card:hover{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.06)}.contact-route-card em{font-family:var(--serif);font-size:25px;font-style:normal;color:var(--red)}.contact-route-card small{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:3px}.contact-route-card b{display:block;font-family:var(--serif);font-size:23px;font-weight:500}.contact-route-card i{font-style:normal;font-size:16px}.drawer-back{border:0;background:transparent;color:rgba(255,255,255,.6);padding:0;margin:0 0 24px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.department-contact-list{display:grid;gap:12px}.department-contact-card{border:1px solid rgba(255,255,255,.14);padding:20px;background:rgba(255,255,255,.025)}.department-contact-card .store-label{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}.department-contact-card h3{font-family:var(--serif);font-size:26px;font-weight:500;margin:8px 0 7px}.department-contact-card address{font-style:normal;font-size:10px;line-height:1.75;color:rgba(255,255,255,.55)}.department-contact-card .hours{font-size:10px;color:rgba(255,255,255,.7);margin:11px 0}.contact-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.contact-card-actions a,.contact-card-actions button{height:42px;border:0;padding:0 11px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;text-decoration:none}.contact-card-actions a:first-child{background:#fff;color:#111}.contact-card-actions a.map{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff}.qr-placeholder{margin-top:18px;border:1px dashed rgba(255,255,255,.2);min-height:82px;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;color:rgba(255,255,255,.35);font-size:9px;line-height:1.7}.contact-dept-note{font-size:9px;color:rgba(255,255,255,.35);line-height:1.7;margin-top:15px}.floating.department-floating{gap:5px}.floating.department-floating button{white-space:nowrap}.floating.department-floating .label{display:inline-flex;align-items:center;font-size:8px;color:rgba(255,255,255,.42);letter-spacing:.14em;text-transform:uppercase;padding:0 8px}.floating.department-floating .sales{background:#fff}.floating.department-floating .rental{background:#e9e6df}.floating.department-floating .service{background:var(--red);color:#fff}
@media(max-width:900px){.department-grid{grid-template-columns:1fr}.department-card{min-height:360px;border-right:0;border-bottom:1px solid var(--line)}.department-card:last-child{border-bottom:0}.department-card h3{margin-top:45px}.store-network:before{font-size:120px}.floating.department-floating .label{display:none}}
@media(max-width:560px){.department-card{padding:27px 22px}.department-card h3{font-size:32px}.contact-drawer h2.contact-title{font-size:46px}.contact-route-card{grid-template-columns:32px 1fr 18px;padding:16px 14px}.contact-route-card b{font-size:20px}.contact-card-actions{grid-template-columns:1fr}.floating.department-floating button{font-size:8px;padding:0 7px}}
