/*
 * am国際行政書士オフィス　共通スタイル
 * ./html の6ページの <style> をまとめたもの。
 * 全ページ共通のルールはそのまま、ページごとに違うルールは
 * body のクラス（.am-home / .am-about / .am-kika / .am-zairyu / .am-news / .am-office）で
 * 分けています。:where() を使っているので、元のHTMLと詳細度（優先順位）は同じです。
 */

:root{
  --white:#FFFFFF;
  --navy:#1F2A44;
  --pink:#E07A96;
  --pink-soft:#FBE4EA;
  --body:#4A4F5C;
  --muted:#8B93A6;
  --line:#E6E3E7;
  --mincho:"Zen Old Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
  --sans:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;
  --grey:#F1F2F5;
}

/* ===== 共通（全ページ） ===== */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--body);background:var(--white);line-height:1.9;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--mincho);color:var(--navy);font-weight:500;line-height:1.4}
.wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}
.ph{position:relative;background:var(--pink-soft);overflow:hidden}

/* ===== トップ ===== */
:where(.am-home) img{max-width:100%;display:block}
:where(.am-home) .ph::after{content:attr(data-note);position:absolute;left:16px;bottom:12px;font-size:12px;color:var(--navy);opacity:.6;letter-spacing:.05em}
:where(.am-home) .ph--navy{background:var(--navy)}
:where(.am-home) .ph--navy::after{color:var(--white)}
:where(.am-home) header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
:where(.am-home) .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
:where(.am-home) .brand{font-family:var(--mincho);color:var(--navy);font-size:17px;letter-spacing:.08em}
:where(.am-home) .brand small{display:block;font-family:var(--sans);font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:-2px}
:where(.am-home) .menu{display:flex;gap:28px;font-size:14px;color:var(--navy)}
:where(.am-home) .menu a{padding:6px 0;border-bottom:1px solid transparent}
:where(.am-home) .menu a:hover{border-color:var(--pink)}
:where(.am-home) .hero-text .inner{width:min(520px,100%);margin-left:max(24px,calc((100vw - 1120px)/2))}
@media (prefers-reduced-motion:no-preference){
  :where(.am-home) .hero-text .inner>*{opacity:0;transform:translateY(10px);animation:rise .8s ease forwards}
  :where(.am-home) .hero-text .inner>*:nth-child(2){animation-delay:.15s}
  :where(.am-home) .hero-text .inner>*:nth-child(3){animation-delay:.3s}
  :where(.am-home) .hero-text .inner>*:nth-child(4){animation-delay:.45s}
}

/* ===== わたしについて／帰化申請／在留資格／お知らせ・コラム／事務所案内 ===== */
:where(.am-about,.am-kika,.am-zairyu,.am-news,.am-office) .ph::after{content:attr(data-note);position:absolute;left:16px;bottom:12px;font-size:12px;color:var(--navy);opacity:.6}

/* ===== 共通（全ページ） ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:999px;font-weight:700;font-size:15px;transition:background .2s,color .2s}
.btn-pink{background:var(--pink);color:var(--white)}
.btn-pink:hover{background:var(--navy)}

/* ===== トップ ===== */
:where(.am-home) .btn-navy{background:var(--navy);color:var(--white)}
:where(.am-home) .btn-navy:hover{background:var(--pink)}

/* ===== トップ／帰化申請／事務所案内 ===== */
:where(.am-home,.am-kika,.am-office) .btn-line{border:1.5px solid var(--navy);color:var(--navy)}
:where(.am-home,.am-kika,.am-office) .btn-line:hover{background:var(--navy);color:var(--white)}

/* ===== トップ ===== */
:where(.am-home) .menu-toggle{display:none}
:where(.am-home) .hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 72px);min-height:calc(100svh - 72px)}
:where(.am-home) .hero-text{display:flex;align-items:center;padding:64px 0 64px 0}
:where(.am-home) .hero-name{display:flex;gap:28px;align-items:flex-start;margin-bottom:40px}
:where(.am-home) .tate{writing-mode:vertical-rl;font-family:var(--mincho);color:var(--navy);font-size:clamp(44px,5.2vw,68px);font-weight:500;letter-spacing:.22em;line-height:1;height:auto}
:where(.am-home) .tate-sub{writing-mode:vertical-rl;font-size:13px;color:var(--muted);letter-spacing:.3em;padding-top:8px}
:where(.am-home) .hero-copy{font-family:var(--mincho);color:var(--navy);font-size:clamp(26px,2.6vw,34px);line-height:1.55;letter-spacing:.04em;margin-bottom:20px}
:where(.am-home) .hero-lead{font-size:15px;color:var(--body);line-height:2;max-width:38em;margin-bottom:36px}
:where(.am-home) .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
:where(.am-home) .hero-photo .ph::after{content:"写真：本人・正面・笑顔（事務所で、自然光）";font-size:13px}

/* ===== わたしについて ===== */
:where(.am-about) header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}

/* ===== トップ／わたしについて ===== */
:where(.am-home,.am-about) .hero-photo{background:var(--pink);position:relative}

/* ===== トップ ===== */
:where(.am-home) .hero-photo .ph{position:absolute;inset:48px 0 0 48px;background:var(--pink-soft)}
@media (prefers-reduced-motion:no-preference){
  @keyframes rise{to{opacity:1;transform:none}}
}

/* ===== 共通（全ページ） ===== */
:focus-visible{outline:2px solid var(--pink);outline-offset:3px}

/* ===== トップ ===== */
:where(.am-home) .story{padding:120px 0 100px}
:where(.am-home) .story-grid{display:grid;grid-template-columns:5fr 6fr;gap:80px;align-items:start}
:where(.am-home) .story h2{font-size:clamp(28px,3vw,38px);margin-bottom:36px}
:where(.am-home) .story p{max-width:34em;margin-bottom:1.6em;font-size:16px}
:where(.am-home) .story .ph{aspect-ratio:4/5}
:where(.am-home) .story .ph::after{content:"写真：本人・斜め・書類を見ている手元が入る"}
:where(.am-home) .quote{margin:48px 0 0;padding-left:28px;border-left:3px solid var(--pink);font-family:var(--mincho);font-size:clamp(18px,1.7vw,22px);line-height:1.8;color:var(--navy)}
:where(.am-home) .quote small{display:block;font-family:var(--sans);font-size:13px;color:var(--muted);margin-top:12px}
:where(.am-home) .values{background:var(--pink-soft);padding:96px 0}
:where(.am-home) .values h2{font-size:clamp(26px,2.6vw,32px);margin-bottom:48px}
:where(.am-home) .values-list{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
:where(.am-home) .values-list h3{font-size:21px;margin-bottom:12px}
:where(.am-home) .values-list p{font-size:15px;max-width:26em}
:where(.am-home) .places{padding:110px 0}
:where(.am-home) .places h2{font-size:clamp(26px,2.6vw,32px);margin-bottom:16px}
:where(.am-home) .places-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:36px}
:where(.am-home) .places-head a{font-size:14px;color:var(--navy);border-bottom:1px solid var(--navy)}
:where(.am-home) .places-head a:hover{color:var(--pink);border-color:var(--pink)}
:where(.am-home) .place-rows{border-top:1px solid var(--line)}
:where(.am-home) .place{display:grid;grid-template-columns:140px 1fr;gap:32px;padding:26px 0;border-bottom:1px solid var(--line);align-items:baseline}
:where(.am-home) .place .when{font-family:var(--mincho);color:var(--navy);font-size:18px;letter-spacing:.04em}
:where(.am-home) .place .what{color:var(--navy);font-size:16px}
:where(.am-home) .place .what span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
:where(.am-home) .place .who{font-size:13px;color:var(--muted);white-space:nowrap}
:where(.am-home) a.place:hover .what{color:var(--pink)}
:where(.am-home) .places-photos{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-top:56px}
:where(.am-home) .places-photos .ph{aspect-ratio:3/2}
:where(.am-home) .places-photos .ph:first-child{grid-row:span 1;aspect-ratio:auto}
:where(.am-home) .doors{display:grid;grid-template-columns:repeat(3,1fr);min-height:420px}
:where(.am-home) .door{padding:64px 48px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s}
:where(.am-home) .door:hover{transform:translateY(-4px)}
:where(.am-home) .door h3{font-size:clamp(24px,2.2vw,30px);line-height:1.5;margin-bottom:16px}
:where(.am-home) .door p{font-size:15px;line-height:1.9;max-width:24em}
:where(.am-home) .door .go{margin-top:40px;font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:10px}
:where(.am-home) .door .go::after{content:"";width:40px;height:1.5px;background:currentColor;transition:width .25s}
:where(.am-home) .door:hover .go::after{width:64px}
:where(.am-home) .door-a{background:var(--pink);color:var(--white)}
:where(.am-home) .door-a h3{color:var(--white)}
:where(.am-home) .door-b{background:var(--navy);color:var(--white)}
:where(.am-home) .door-b h3{color:var(--white)}
:where(.am-home) .door-c{background:var(--pink-soft);color:var(--navy)}
:where(.am-home) .videos{padding:100px 0}
:where(.am-home) .videos-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:36px}
:where(.am-home) .videos h2{font-size:clamp(26px,2.6vw,32px)}
:where(.am-home) .videos-head a{font-size:14px;color:var(--navy);border-bottom:1px solid var(--navy)}
:where(.am-home) .video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
:where(.am-home) .video .ph{aspect-ratio:16/9;background:var(--navy)}
:where(.am-home) .video .ph::after{color:var(--white);content:"サムネイル"}
:where(.am-home) .video h3{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--navy);margin-top:14px;line-height:1.6}
:where(.am-home) .video time{font-size:12px;color:var(--muted)}
:where(.am-home) .contact{padding:110px 0 120px;text-align:left}
:where(.am-home) .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
:where(.am-home) .contact .ph::after{content:"写真：ソファと窓。相談する場所"}
@media (max-width:900px){
  :where(.am-home) .hero-photo .ph{inset:24px 0 0 24px}
  :where(.am-home) .place .who{white-space:normal}
}

/* ===== わたしについて ===== */
:where(.am-about) .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
:where(.am-about) .brand{font-family:var(--mincho);color:var(--navy);font-size:17px;letter-spacing:.08em}
:where(.am-about) .brand small{display:block;font-family:var(--sans);font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:-2px}
:where(.am-about) .menu{display:flex;gap:28px;font-size:14px;color:var(--navy)}
:where(.am-about) .menu a{padding:6px 0;border-bottom:1px solid transparent}
:where(.am-about) .hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 72px)}
:where(.am-about) .hero-photo .ph{position:absolute;inset:0 48px 48px 0}
:where(.am-about) .hero-photo .ph::after{content:"写真：本人・正面。少し引いて、上半身"}
:where(.am-about) .hero-text{display:flex;align-items:center;padding:64px 0}
:where(.am-about) .hero-text .inner{width:min(520px,100%);padding:0 48px}
:where(.am-about) .hero-text .kicker{font-size:14px;color:var(--muted);letter-spacing:.2em;margin-bottom:20px}
:where(.am-about) .hero-text h1{font-size:clamp(34px,3.8vw,52px);line-height:1.4;margin-bottom:28px}
:where(.am-about) .hero-text p{max-width:30em}
:where(.am-about) .hero-text .name{margin-top:36px;font-family:var(--mincho);color:var(--navy);font-size:22px;letter-spacing:.1em}
:where(.am-about) .hero-text .name small{display:block;font-family:var(--sans);font-size:13px;color:var(--muted);letter-spacing:.1em;margin-top:4px}
:where(.am-about) .chapter{padding:96px 0}
:where(.am-about) .chapter .wrap{display:grid;grid-template-columns:260px 1fr;gap:64px;align-items:start}
:where(.am-about) .chapter .side{position:sticky;top:104px}
:where(.am-about) .chapter .side .years{font-family:var(--mincho);color:var(--pink);font-size:15px;letter-spacing:.14em;margin-bottom:10px}
:where(.am-about) .chapter h2{font-size:clamp(26px,2.8vw,34px);line-height:1.5}
:where(.am-about) .chapter .text p{max-width:34em;margin-bottom:1.6em;font-size:16.5px}
:where(.am-about) .chapter .text p:last-child{margin-bottom:0}
:where(.am-about) .chapter-alt{background:var(--pink-soft)}
:where(.am-about) .chapter .ph{aspect-ratio:3/2;margin-top:40px;max-width:34em}
:where(.am-about) .band{background:var(--navy);padding:112px 0;color:var(--white)}
:where(.am-about) .band p{font-family:var(--mincho);font-size:clamp(26px,3vw,40px);line-height:1.7;max-width:22em;margin:0 auto;text-align:center}
:where(.am-about) .band small{display:block;text-align:center;font-family:var(--sans);font-size:14px;color:#9AA4BC;margin-top:28px}
:where(.am-about) .words{padding:104px 0}
:where(.am-about) .words h2{font-size:clamp(26px,2.8vw,34px);margin-bottom:48px}
:where(.am-about) .words-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
:where(.am-about) .word h3{font-size:22px;margin-bottom:12px;line-height:1.6}
:where(.am-about) .word p{font-size:15px;max-width:26em}
:where(.am-about) .profile{background:var(--pink-soft);padding:104px 0}
:where(.am-about) .profile .wrap{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
:where(.am-about) .profile h2{font-size:clamp(26px,2.8vw,34px);margin-bottom:24px}
:where(.am-about) .profile .ph{aspect-ratio:4/5}
:where(.am-about) .profile dt{color:var(--muted)}
:where(.am-about) .profile dd{color:var(--navy)}
@media (max-width:900px){
  :where(.am-about) .hero-photo .ph{inset:0 24px 24px 0}
  :where(.am-about) .chapter .side{position:static}
}

/* ===== 帰化申請 ===== */
:where(.am-kika) .narrow{width:min(760px,calc(100% - 48px));margin:0 auto}
:where(.am-kika) header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
:where(.am-kika) .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
:where(.am-kika) .brand{font-family:var(--mincho);color:var(--navy);font-size:17px;letter-spacing:.08em}
:where(.am-kika) .brand small{display:block;font-family:var(--sans);font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:-2px}
:where(.am-kika) .menu{display:flex;gap:28px;font-size:14px;color:var(--navy)}
:where(.am-kika) .menu a{padding:6px 0;border-bottom:1px solid transparent}
:where(.am-kika) .hero{padding:88px 0 96px;position:relative;overflow:hidden}
:where(.am-kika) .hero::before{content:"";position:absolute;right:0;top:0;bottom:0;width:38%;background:var(--pink-soft)}
:where(.am-kika) .hero .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
:where(.am-kika) .wishes li{padding-left:22px;position:relative}
:where(.am-kika) .wishes .last::before{display:none}
:where(.am-kika) .me .wrap{display:grid;grid-template-columns:4fr 7fr;gap:72px;align-items:center}
:where(.am-kika) .me .ph{aspect-ratio:4/5}

/* ===== トップ／わたしについて／帰化申請／在留資格 ===== */
:where(.am-home,.am-about,.am-kika,.am-zairyu) .contact .ph{aspect-ratio:4/3}

/* ===== 在留資格 ===== */
:where(.am-zairyu) .btn-white{background:var(--white);color:var(--navy)}
:where(.am-zairyu) .btn-white:hover{background:var(--pink);color:var(--white)}
:where(.am-zairyu) header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
:where(.am-zairyu) .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
:where(.am-zairyu) .brand{font-family:var(--mincho);color:var(--navy);font-size:17px;letter-spacing:.08em}
:where(.am-zairyu) .brand small{display:block;font-family:var(--sans);font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:-2px}
:where(.am-zairyu) .menu{display:flex;gap:28px;font-size:14px;color:var(--navy)}

/* ===== 帰化申請／在留資格 ===== */
:where(.am-kika,.am-zairyu) .hero .kicker{font-size:14px;color:var(--muted);letter-spacing:.2em;margin-bottom:16px}

/* ===== 帰化申請 ===== */
:where(.am-kika) .hero h1{font-size:clamp(30px,3.4vw,44px);line-height:1.5;margin-bottom:28px}
:where(.am-kika) .hero .lead{max-width:30em;margin-bottom:0}
:where(.am-kika) .wishes{list-style:none;font-family:var(--mincho);color:var(--navy);font-size:clamp(17px,1.5vw,20px);line-height:2.1}
:where(.am-kika) .wishes .last{margin-top:18px;padding-left:0;font-family:var(--sans);font-size:15px;color:var(--body)}
:where(.am-kika) .me{padding:96px 0}
:where(.am-kika) .me h2{font-size:clamp(26px,2.8vw,34px);margin-bottom:24px}
:where(.am-kika) .me p{max-width:34em;margin-bottom:1.4em}
:where(.am-kika) .stage ul{list-style:none}

/* ===== 在留資格 ===== */
:where(.am-zairyu) .menu a{padding:6px 0;border-bottom:1px solid transparent}
:where(.am-zairyu) .hero{padding:88px 0 0}
:where(.am-zairyu) .hero h1{font-size:clamp(30px,3.4vw,44px);line-height:1.5;margin-bottom:20px}
:where(.am-zairyu) .hero .lead{max-width:36em;margin-bottom:56px}
:where(.am-zairyu) .split{display:grid;grid-template-columns:1fr 1fr}
:where(.am-zairyu) .half{padding:56px 48px;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;transition:transform .25s}
:where(.am-zairyu) .half:hover{transform:translateY(-4px)}
:where(.am-zairyu) .half h2{font-size:clamp(24px,2.4vw,32px);margin-bottom:12px}
:where(.am-zairyu) .half p{font-size:15px;max-width:26em}
:where(.am-zairyu) .half .go{margin-top:28px;font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:10px}
:where(.am-zairyu) .half .go::after{content:"";width:40px;height:1.5px;background:currentColor;transition:width .25s}
:where(.am-zairyu) .half:hover .go::after{width:64px}
:where(.am-zairyu) .half-a{background:var(--pink);color:var(--white)}
:where(.am-zairyu) .half-a h2{color:var(--white)}
:where(.am-zairyu) .half-b{background:var(--navy);color:var(--white)}
:where(.am-zairyu) .half-b h2{color:var(--white)}
:where(.am-zairyu) .sec{padding:104px 0}
:where(.am-zairyu) .sec-alt{background:var(--pink-soft)}
:where(.am-zairyu) .sec-head{display:grid;grid-template-columns:5fr 7fr;gap:64px;margin-bottom:56px;align-items:end}
:where(.am-zairyu) .sec-head h2{font-size:clamp(28px,3vw,38px)}
:where(.am-zairyu) .sec-head p{max-width:34em}
:where(.am-zairyu) .type h3{font-size:20px;margin-bottom:4px}
:where(.am-zairyu) .type p{font-size:14.5px;max-width:28em;color:var(--body)}
:where(.am-zairyu) .type .fee{font-family:var(--mincho);color:var(--navy);font-size:22px;white-space:nowrap;letter-spacing:.02em}

/* ===== 在留資格／事務所案内 ===== */
:where(.am-zairyu,.am-office) section[id]{scroll-margin-top:88px}

/* ===== お知らせ・コラム ===== */
:where(.am-news) header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
:where(.am-news) .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
:where(.am-news) .brand{font-family:var(--mincho);color:var(--navy);font-size:17px;letter-spacing:.08em}
:where(.am-news) .brand small{display:block;font-family:var(--sans);font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:-2px}
:where(.am-news) .menu{display:flex;gap:28px;font-size:14px;color:var(--navy)}
:where(.am-news) .menu a{padding:6px 0;border-bottom:1px solid transparent}
:where(.am-news) .head{padding:80px 0 48px}
:where(.am-news) .head h1{font-size:clamp(30px,3.4vw,44px);margin-bottom:16px}
:where(.am-news) .head p{max-width:36em}
:where(.am-news) .tabs{display:flex;gap:8px;flex-wrap:wrap;margin:40px 0 8px}
:where(.am-news) .item[hidden]{display:none}

/* ===== 事務所案内 ===== */
:where(.am-office) header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
:where(.am-office) .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
:where(.am-office) .brand{font-family:var(--mincho);color:var(--navy);font-size:17px;letter-spacing:.08em}
:where(.am-office) .brand small{display:block;font-family:var(--sans);font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:-2px}
:where(.am-office) .menu{display:flex;gap:28px;font-size:14px;color:var(--navy)}
:where(.am-office) .menu a{padding:6px 0;border-bottom:1px solid transparent}

/* ===== わたしについて／帰化申請／在留資格／お知らせ・コラム／事務所案内 ===== */
:where(.am-about,.am-kika,.am-zairyu,.am-news,.am-office) .menu a:hover,:where(.am-about,.am-kika,.am-zairyu,.am-news,.am-office) .menu a.on{border-color:var(--pink)}

/* ===== わたしについて ===== */
:where(.am-about) .profile dl{display:grid;grid-template-columns:140px 1fr;gap:0;border-top:1px solid rgba(31,42,68,.14)}
:where(.am-about) .profile dt,:where(.am-about) .profile dd{padding:16px 0;border-bottom:1px solid rgba(31,42,68,.14);font-size:15px}
:where(.am-about) .profile dd small{display:block;color:var(--body);font-size:13.5px;margin-top:2px}
:where(.am-about) .recent{padding:96px 0 0}
:where(.am-about) .recent-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px}
:where(.am-about) .recent-head h2{font-size:clamp(26px,2.8vw,34px)}
:where(.am-about) .recent-head a{font-size:14px;color:var(--navy);border-bottom:1px solid var(--navy)}
:where(.am-about) .recent-head a:hover{color:var(--pink);border-color:var(--pink)}
:where(.am-about) .recent-rows{border-top:1px solid var(--line)}
:where(.am-about) .recent-row{display:grid;grid-template-columns:140px 1fr;gap:32px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
:where(.am-about) .recent-row .when{font-family:var(--mincho);color:var(--navy);font-size:17px}
:where(.am-about) .recent-row .what{color:var(--navy);font-size:16px}
:where(.am-about) .recent-row:hover .what{color:var(--pink)}
@media (max-width:900px){
  :where(.am-about) .recent{padding:64px 0 0}
  :where(.am-about) .recent-row{grid-template-columns:1fr;gap:4px}
}

/* ===== 帰化申請 ===== */
:where(.am-kika) .wishes li::before{content:"";position:absolute;left:0;top:.95em;width:8px;height:8px;border-radius:50%;background:var(--pink)}
:where(.am-kika) .me .more{font-weight:700;color:var(--navy);border-bottom:1.5px solid var(--navy);padding-bottom:2px}
:where(.am-kika) .me .more:hover{color:var(--pink);border-color:var(--pink)}
:where(.am-kika) .road{background:var(--navy);color:#D5DAE6;padding:104px 0}
:where(.am-kika) .road h2{color:var(--white);font-size:clamp(26px,2.8vw,34px);margin-bottom:16px}
:where(.am-kika) .road .intro{max-width:36em;margin-bottom:56px;color:#C9CFDD}
:where(.am-kika) .legend{display:flex;gap:28px;font-size:13px;margin-bottom:36px;color:#C9CFDD}
:where(.am-kika) .legend span{display:inline-flex;align-items:center;gap:8px}
:where(.am-kika) .legend i{width:12px;height:12px;border-radius:50%;display:inline-block}
:where(.am-kika) .legend .me-i{background:var(--pink)}
:where(.am-kika) .legend .no-i{background:#6B7590}
:where(.am-kika) .stages{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(255,255,255,.18)}
:where(.am-kika) .stage{padding:32px 24px 32px 0;border-right:1px solid rgba(255,255,255,.12);position:relative}
:where(.am-kika) .stage:last-child{border-right:none}
:where(.am-kika) .stage+ .stage{padding-left:24px}
:where(.am-kika) .stage h3{color:var(--white);font-size:21px;margin-bottom:6px}
:where(.am-kika) .stage .span{font-size:13px;color:#9AA4BC;margin-bottom:18px;display:block}
:where(.am-kika) .stage li{font-size:14px;line-height:1.7;padding-left:20px;position:relative;margin-bottom:10px;color:#D5DAE6}
:where(.am-kika) .stage li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;border-radius:50%;background:#6B7590}
:where(.am-kika) .stage li.mine::before{background:var(--pink)}
:where(.am-kika) .honest{margin-top:56px;padding:32px 36px;background:rgba(255,255,255,.06);border-left:3px solid var(--pink);max-width:760px}
:where(.am-kika) .honest p{color:#E8EBF2;font-family:var(--mincho);font-size:19px;line-height:1.8;margin-bottom:10px}
:where(.am-kika) .honest small{font-size:13px;color:#9AA4BC;display:block}
:where(.am-kika) .price{padding:104px 0}
:where(.am-kika) .price .wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
:where(.am-kika) .price h2{font-size:clamp(26px,2.8vw,34px);margin-bottom:24px}
:where(.am-kika) .big{font-family:var(--mincho);color:var(--navy);font-size:clamp(44px,5vw,64px);line-height:1;letter-spacing:.02em;margin:8px 0 6px}
:where(.am-kika) .big small{font-size:20px;letter-spacing:.1em;margin-left:6px}
:where(.am-kika) .price .sub{font-size:14px;color:var(--muted);margin-bottom:28px}
:where(.am-kika) .incl{list-style:none;border-top:1px solid var(--line)}
:where(.am-kika) .incl li{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:140px 1fr;gap:16px;font-size:15px}
:where(.am-kika) .incl li b{font-weight:500;color:var(--navy)}
:where(.am-kika) .price .note{font-size:14px;color:var(--body);margin-top:20px;max-width:30em}
:where(.am-kika) .tags{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 8px}
:where(.am-kika) .tag{background:var(--pink-soft);color:var(--navy);font-size:13px;padding:6px 14px;border-radius:999px}
:where(.am-kika) .faq{background:var(--pink-soft);padding:104px 0}
:where(.am-kika) .faq h2{font-size:clamp(26px,2.8vw,34px);margin-bottom:48px}
:where(.am-kika) .qa{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:32px 0;border-top:1px solid rgba(31,42,68,.14)}
:where(.am-kika) .qa:last-child{border-bottom:1px solid rgba(31,42,68,.14)}
:where(.am-kika) .qa h3{font-size:21px;line-height:1.6}
:where(.am-kika) .qa p{max-width:36em;margin-bottom:.9em;font-size:15.5px}
@media (max-width:900px){
  :where(.am-kika) .hero::before{width:100%;top:auto;height:46%}
}

/* ===== 在留資格 ===== */
:where(.am-zairyu) .types{display:grid;grid-template-columns:repeat(2,1fr);gap:0 64px;border-top:1px solid rgba(31,42,68,.14)}
:where(.am-zairyu) .type{padding:28px 0;border-bottom:1px solid rgba(31,42,68,.14);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:baseline}
:where(.am-zairyu) .type .fee small{font-family:var(--sans);font-size:12px;color:var(--muted);display:block;text-align:right;letter-spacing:0}
:where(.am-zairyu) .feenote{font-size:13px;color:var(--muted);margin-top:20px;max-width:46em}
:where(.am-zairyu) .co-grid{display:grid;grid-template-columns:7fr 5fr;gap:72px;align-items:start}
:where(.am-zairyu) .co-grid p{max-width:36em;margin-bottom:1.2em}
:where(.am-zairyu) .co-list{list-style:none;border-top:1px solid var(--line)}
:where(.am-zairyu) .co-list li{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:baseline}
:where(.am-zairyu) .co-list h3{font-size:18px;margin-bottom:2px}
:where(.am-zairyu) .co-list span{font-size:14px;color:var(--body)}
:where(.am-zairyu) .co-list .fee{font-family:var(--mincho);color:var(--navy);font-size:20px;white-space:nowrap}
:where(.am-zairyu) .co-list .fee small{font-family:var(--sans);font-size:12px;color:var(--muted);display:block;text-align:right}
:where(.am-zairyu) .how{margin-top:40px;padding:28px 32px;border-left:3px solid var(--pink);background:var(--white)}
:where(.am-zairyu) .how h3{font-size:18px;margin-bottom:8px}
:where(.am-zairyu) .how p{font-size:15px;max-width:36em;margin:0}
:where(.am-zairyu) .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;border-top:1px solid var(--line);padding-top:40px}
:where(.am-zairyu) .steps h3{font-size:19px;margin-bottom:8px}
:where(.am-zairyu) .steps p{font-size:14.5px}
:where(.am-zairyu) .steps .t{font-family:var(--mincho);color:var(--pink);font-size:14px;letter-spacing:.1em;margin-bottom:8px;display:block}
:where(.am-zairyu) .qa{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:28px 0;border-top:1px solid rgba(31,42,68,.14)}

/* ===== わたしについて／帰化申請／在留資格 ===== */
:where(.am-about,.am-kika,.am-zairyu) .contact{padding:110px 0 120px}
:where(.am-about,.am-kika,.am-zairyu) .contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}

/* ===== 在留資格 ===== */
:where(.am-zairyu) .qa:last-of-type{border-bottom:1px solid rgba(31,42,68,.14)}
:where(.am-zairyu) .qa h3{font-size:20px;line-height:1.6}
:where(.am-zairyu) .qa p{max-width:36em;font-size:15.5px;margin-bottom:.8em}

/* ===== 帰化申請／在留資格 ===== */
:where(.am-kika,.am-zairyu) .qa p:last-child{margin-bottom:0}

/* ===== トップ／わたしについて／帰化申請／在留資格 ===== */
:where(.am-home,.am-about,.am-kika,.am-zairyu) .contact h2{font-size:clamp(30px,3.2vw,42px);margin-bottom:20px}
:where(.am-home,.am-about,.am-kika,.am-zairyu) .contact p{max-width:30em;margin-bottom:28px}
:where(.am-home,.am-about,.am-kika,.am-zairyu) .contact .note{font-size:13px;color:var(--muted);margin-top:16px}

/* ===== 在留資格 ===== */
@media (max-width:900px){
  :where(.am-zairyu) .type .fee small{text-align:left}
  :where(.am-zairyu) .co-list .fee small{text-align:left}
}

/* ===== お知らせ・コラム ===== */
:where(.am-news) .tab{height:40px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--navy);font:inherit;font-size:14px;cursor:pointer;transition:all .2s}
:where(.am-news) .tab:hover{border-color:var(--pink)}
:where(.am-news) .tab[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--white)}
:where(.am-news) .list{border-top:1px solid var(--line);margin-bottom:96px}
:where(.am-news) .item{border-bottom:1px solid var(--line);scroll-margin-top:96px}
:where(.am-news) .item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:120px 110px 1fr 32px;gap:24px;align-items:baseline;padding:24px 0}
:where(.am-news) .item summary::-webkit-details-marker{display:none}
:where(.am-news) .item summary:hover .title{color:var(--pink)}
:where(.am-news) .date{font-family:var(--mincho);color:var(--navy);font-size:16px;letter-spacing:.04em}
:where(.am-news) .cat{font-size:12px;color:var(--white);background:var(--navy);border-radius:999px;padding:3px 12px;justify-self:start;white-space:nowrap}
:where(.am-news) .cat.media{background:var(--pink)}
:where(.am-news) .cat.news{background:var(--muted)}
:where(.am-news) .cat.column{background:var(--white);color:var(--navy);border:1.5px solid var(--navy)}
:where(.am-news) .video-ph{aspect-ratio:16/9;background:var(--navy)}
:where(.am-news) .video-ph::after{color:var(--white)}
:where(.am-news) .title{color:var(--navy);font-size:17px;line-height:1.6;transition:color .2s}
:where(.am-news) .chev{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;position:relative;transition:transform .25s,border-color .2s}
:where(.am-news) .chev::before,:where(.am-news) .chev::after{content:"";position:absolute;background:var(--navy);width:12px;height:1.5px}
:where(.am-news) .chev::after{transform:rotate(90deg);transition:transform .25s}
:where(.am-news) .item[open] .chev::after{transform:rotate(0)}
:where(.am-news) .item[open] .chev{border-color:var(--pink)}
:where(.am-news) .body{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:0 0 32px}
:where(.am-news) .body .inner{grid-column:2;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
:where(.am-news) .body p{max-width:38em;margin-bottom:1em;font-size:15.5px}
:where(.am-news) .body dl{font-size:14px;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;color:var(--body);margin-bottom:16px}
:where(.am-news) .body dt{color:var(--muted)}
:where(.am-news) .body .link{font-weight:700;color:var(--navy);border-bottom:1.5px solid var(--navy);padding-bottom:1px}
:where(.am-news) .body .link:hover{color:var(--pink);border-color:var(--pink)}
:where(.am-news) .body .ph{aspect-ratio:3/2}
:where(.am-news) .empty{padding:48px 0;color:var(--muted);text-align:center}
:where(.am-news) .ask{background:var(--pink-soft);padding:88px 0}
:where(.am-news) .ask .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
:where(.am-news) .ask h2{font-size:clamp(26px,2.8vw,34px);margin-bottom:16px}
:where(.am-news) .ask p{max-width:32em;margin-bottom:24px}
:where(.am-news) .ask ul{list-style:none;font-size:15px}
:where(.am-news) .ask li{padding:10px 0;border-bottom:1px solid rgba(31,42,68,.14)}

/* ===== トップ／わたしについて／帰化申請／在留資格／お知らせ・コラム ===== */
:where(.am-home,.am-about,.am-kika,.am-zairyu,.am-news) footer{background:var(--navy);color:#C9CFDD;padding:64px 0 32px;font-size:14px}

/* ===== 事務所案内 ===== */
:where(.am-office) .ask{padding:88px 0 96px}
:where(.am-office) .ask .wrap{display:grid;grid-template-columns:6fr 5fr;gap:72px;align-items:start}
:where(.am-office) .ask .kicker{font-size:14px;color:var(--muted);letter-spacing:.2em;margin-bottom:16px}
:where(.am-office) .ask h1{font-size:clamp(30px,3.4vw,44px);line-height:1.5;margin-bottom:24px}
:where(.am-office) .ask p{max-width:32em;margin-bottom:1.2em}
:where(.am-office) .ask .actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}
:where(.am-office) .ask .mail{font-family:var(--mincho);color:var(--navy);font-size:20px;letter-spacing:.04em}
:where(.am-office) .ask .mail small{display:block;font-family:var(--sans);font-size:13px;color:var(--muted);letter-spacing:0}
:where(.am-office) .ways{background:var(--pink-soft);padding:36px 40px}
:where(.am-office) .ways h2{font-size:20px;margin-bottom:20px}
:where(.am-office) .ways ol{list-style:none;counter-reset:n}
:where(.am-office) .ways li{position:relative;padding:14px 0 14px 44px;border-top:1px solid rgba(31,42,68,.14);font-size:15px}
:where(.am-office) .ways li:last-child{border-bottom:1px solid rgba(31,42,68,.14)}
:where(.am-office) .ways li::before{counter-increment:n;content:counter(n);position:absolute;left:0;top:14px;width:28px;height:28px;border-radius:50%;background:var(--pink);color:var(--white);font-family:var(--mincho);font-size:14px;display:grid;place-items:center}
:where(.am-office) .ways li b{display:block;color:var(--navy);font-weight:500;margin-bottom:2px}
:where(.am-office) .ways .note{font-size:13px;color:var(--body);margin-top:16px}
:where(.am-office) .photos{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:280px 280px;gap:12px}
:where(.am-office) .photos .ph:first-child{grid-row:span 2}
:where(.am-office) .info{padding:104px 0}
:where(.am-office) .info .wrap{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
:where(.am-office) .info h2{font-size:clamp(26px,2.8vw,34px);margin-bottom:24px}
:where(.am-office) .info p{max-width:30em;margin-bottom:1.2em}
:where(.am-office) .info dl{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--line)}
:where(.am-office) .info dt,:where(.am-office) .info dd{padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
:where(.am-office) .info dt{color:var(--muted)}
:where(.am-office) .info dd{color:var(--navy)}
:where(.am-office) .info dd small{display:block;color:var(--body);font-size:13.5px}
:where(.am-office) .map{aspect-ratio:16/10;background:var(--pink-soft);position:relative;margin-top:28px}
:where(.am-office) .map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
:where(.am-office) .map-note{font-size:13px;color:var(--muted);margin-top:8px}
:where(.am-office) .rules{background:var(--navy);color:#D5DAE6;padding:96px 0}
:where(.am-office) .rules h2{color:var(--white);font-size:clamp(26px,2.8vw,34px);margin-bottom:40px}
:where(.am-office) .rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
:where(.am-office) .rules h3{color:var(--white);font-size:20px;margin-bottom:10px}

/* ===== 共通（全ページ） ===== */
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px}
footer li{list-style:none;margin-bottom:8px}

/* ===== トップ／わたしについて ===== */
@media (max-width:900px){
  :where(.am-home,.am-about) .hero{grid-template-columns:1fr;min-height:auto}
}

/* ===== トップ ===== */
@media (max-width:900px){
  :where(.am-home) .hero-photo{min-height:68vw}
}

/* ===== わたしについて ===== */
@media (max-width:900px){
  :where(.am-about) .hero-photo{min-height:80vw;order:-1}
}

/* ===== 在留資格 ===== */
@media (max-width:900px){
  :where(.am-zairyu) .split{grid-template-columns:1fr}
}

/* ===== 事務所案内 ===== */
:where(.am-office) .rules p{font-size:15px;max-width:26em}
:where(.am-office) footer{background:var(--navy);color:#C9CFDD;padding:64px 0 32px;font-size:14px;border-top:1px solid rgba(255,255,255,.12)}

/* ===== 共通（全ページ） ===== */
footer .brand{color:var(--white)}
footer .brand small{color:#8B93A6}
footer a:hover{color:var(--white)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;font-size:12px;color:#8B93A6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media (max-width:900px){
  .menu{display:none}
}

/* ===== トップ ===== */
@media (max-width:900px){
  :where(.am-home) .menu-toggle{display:inline-flex}
  :where(.am-home) .hero-text{padding:40px 0 32px}
  :where(.am-home) .hero-text .inner{margin-left:0;width:100%;padding:0 24px}
  :where(.am-home) .hero-name{gap:18px;margin-bottom:28px}
  :where(.am-home) .tate{font-size:48px}
  :where(.am-home) .story{padding:72px 0 56px}
  :where(.am-home) .story-grid{grid-template-columns:1fr;gap:40px}
  :where(.am-home) .values{padding:64px 0}
  :where(.am-home) .values-list{grid-template-columns:1fr;gap:32px}
  :where(.am-home) .places{padding:72px 0}
  :where(.am-home) .place{grid-template-columns:1fr;gap:4px;padding:20px 0}
  :where(.am-home) .places-photos{grid-template-columns:1fr 1fr}
  :where(.am-home) .places-photos .ph:first-child{grid-column:span 2;aspect-ratio:3/2}
  :where(.am-home) .doors{grid-template-columns:1fr}
  :where(.am-home) .door{padding:48px 24px}
  :where(.am-home) .videos{padding:64px 0}
  :where(.am-home) .video-grid{grid-template-columns:1fr}
  :where(.am-home) .contact-grid{grid-template-columns:1fr;gap:40px}
}

/* ===== わたしについて ===== */
@media (max-width:900px){
  :where(.am-about) .hero-text{padding:40px 0}
  :where(.am-about) .hero-text .inner{padding:0 24px}
  :where(.am-about) .chapter{padding:64px 0}
  :where(.am-about) .chapter .wrap{grid-template-columns:1fr;gap:20px}
  :where(.am-about) .band{padding:72px 0}
  :where(.am-about) .words{padding:64px 0}
  :where(.am-about) .words-grid{grid-template-columns:1fr;gap:32px}
  :where(.am-about) .profile{padding:64px 0}
  :where(.am-about) .profile .wrap{grid-template-columns:1fr;gap:32px}
  :where(.am-about) .profile dl{grid-template-columns:110px 1fr}
}

/* ===== 帰化申請 ===== */
@media (max-width:900px){
  :where(.am-kika) .hero{padding:48px 0 56px}
  :where(.am-kika) .hero .wrap{grid-template-columns:1fr;gap:40px}
  :where(.am-kika) .me{padding:64px 0}
  :where(.am-kika) .me .wrap{grid-template-columns:1fr;gap:32px}
  :where(.am-kika) .road{padding:72px 0}
  :where(.am-kika) .stages{grid-template-columns:1fr;border-top:none}
  :where(.am-kika) .stage{padding:24px 0;border-right:none;border-top:1px solid rgba(255,255,255,.14)}
  :where(.am-kika) .stage+ .stage{padding-left:0}
  :where(.am-kika) .honest{padding:24px}
  :where(.am-kika) .price{padding:72px 0}
  :where(.am-kika) .price .wrap{grid-template-columns:1fr;gap:40px}
  :where(.am-kika) .faq{padding:72px 0}
  :where(.am-kika) .qa{grid-template-columns:1fr;gap:12px;padding:24px 0}
}

/* ===== 在留資格 ===== */
@media (max-width:900px){
  :where(.am-zairyu) .hero{padding:48px 0 0}
  :where(.am-zairyu) .half{padding:40px 24px;min-height:auto}
  :where(.am-zairyu) .sec{padding:64px 0}
}

/* ===== トップ／わたしについて／帰化申請／在留資格 ===== */
@media (max-width:900px){
  :where(.am-home,.am-about,.am-kika,.am-zairyu) .contact{padding:72px 0}
}

/* ===== 在留資格 ===== */
@media (max-width:900px){
  :where(.am-zairyu) .sec-head{grid-template-columns:1fr;gap:16px;margin-bottom:32px}
  :where(.am-zairyu) .types{grid-template-columns:1fr}
  :where(.am-zairyu) .type{grid-template-columns:1fr;gap:6px}
  :where(.am-zairyu) .co-grid{grid-template-columns:1fr;gap:40px}
  :where(.am-zairyu) .co-list li{grid-template-columns:1fr;gap:6px}
  :where(.am-zairyu) .steps{grid-template-columns:1fr;gap:28px}
  :where(.am-zairyu) .qa{grid-template-columns:1fr;gap:10px}
}

/* ===== わたしについて／帰化申請／在留資格 ===== */
@media (max-width:900px){
  :where(.am-about,.am-kika,.am-zairyu) .contact .wrap{grid-template-columns:1fr;gap:40px}
}

/* ===== お知らせ・コラム ===== */
@media (max-width:900px){
  :where(.am-news) .head{padding:48px 0 24px}
  :where(.am-news) .item summary{grid-template-columns:1fr 32px;gap:8px 16px;padding:20px 0}
  :where(.am-news) .date{grid-column:1;font-size:14px}
  :where(.am-news) .cat{grid-column:1}
  :where(.am-news) .title{grid-column:1}
  :where(.am-news) .chev{grid-column:2;grid-row:1}
  :where(.am-news) .body{grid-template-columns:1fr}
  :where(.am-news) .body .inner{grid-column:1;grid-template-columns:1fr;gap:24px}
  :where(.am-news) .ask .wrap{grid-template-columns:1fr;gap:32px}
}

/* ===== 事務所案内 ===== */
@media (max-width:900px){
  :where(.am-office) .ask{padding:48px 0 56px}
  :where(.am-office) .ask .wrap{grid-template-columns:1fr;gap:40px}
  :where(.am-office) .ways{padding:28px 24px}
  :where(.am-office) .photos{grid-template-columns:1fr 1fr;grid-template-rows:200px 160px}
  :where(.am-office) .photos .ph:first-child{grid-row:auto;grid-column:span 2}
  :where(.am-office) .info{padding:64px 0}
  :where(.am-office) .info .wrap{grid-template-columns:1fr;gap:40px}
  :where(.am-office) .rules{padding:64px 0}
  :where(.am-office) .rules-grid{grid-template-columns:1fr;gap:28px}
}

/* ===== 共通（全ページ） ===== */
@media (max-width:900px){
  .foot-grid{grid-template-columns:1fr;gap:28px}
}

/* ===== ログイン中の管理バー対策（ログインしていない訪問者には影響しません） ===== */
.admin-bar header{top:32px}
@media screen and (max-width:782px){
  .admin-bar header{top:46px}
}
@media screen and (max-width:600px){
  .admin-bar header{top:0}
}