:root{--ink:#183b50;--muted:#546c7a;--blue:#edf3f7;--line:#d0dde4;--gold:#b8a15a;--green:#087c48;--gutter:clamp(20px,calc(13.334vw - 28px),24px)}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;padding-bottom:calc(70px + env(safe-area-inset-bottom));background:#fff;color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:17px;line-height:1.9;word-break:auto-phrase;line-break:strict}
[hidden]{display:none!important}
img{display:block;width:100%;max-width:100%;height:auto}
svg{max-width:100%}
figure,p,h1,h2,h3,ul,ol,dl{margin:0}
h1,h2,h3{font-weight:700;line-height:1.45;letter-spacing:.015em}
h2{font-size:27px}h3{font-size:22px}
a{color:inherit;text-underline-offset:.22em}button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
ul,ol{padding-left:1.3em}p+p{margin-top:1em}small{font-size:.8em}
.wrap{width:calc(100% - var(--gutter) * 2);max-width:1120px;margin-inline:auto}
.section{padding-block:72px}.band{background:var(--blue)}
.header-inner>*,.hero-grid>*,.navigator-grid>*,.navi-opts>*,.service-row>*,.about-grid>*,.flow-grid>*,.fee-layout>*,.fee-list>div>*,.access-grid>*,.contact-grid>*,.footer-grid>*,.article-layout>*,.post-list>*,.office-gallery>*,.author-card>*{min-width:0}
.icon{width:1.15em;height:1.15em;flex:none;vertical-align:-.18em}
.skip-link{position:absolute;left:20px;top:-100px;z-index:50;padding:8px 16px;background:#fff;color:var(--ink)}.skip-link:focus{top:12px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:.65em;padding:14px 22px;border:0;font-weight:700;line-height:1.5;text-decoration:none}
.btn-line{background:var(--green);color:#fff}.btn-line:hover{background:#06673c}
.text-link{display:inline-flex;align-items:center;gap:.5em;padding-block:6px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold)}
.text-link:hover{color:var(--green)}.note{color:var(--muted);font-size:14px;line-height:1.8}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.header-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px;padding-top:12px}
.logo{display:inline-flex;align-items:center;gap:8px;min-width:0;text-decoration:none;line-height:1.3}
.logo b{font-size:29px;letter-spacing:.04em}.logo small{font-size:10px;font-weight:700;letter-spacing:.03em}
.header-cta{padding:10px 12px;font-size:13px}.header-cta .icon{width:18px;height:18px}.header-cta .icon:last-child{display:none}
.gnav{grid-column:1/-1;margin-top:12px;border-top:1px solid var(--line)}
.gnav ul{display:flex;justify-content:space-between;gap:6px;padding:0;list-style:none}.gnav li{min-width:0}
.gnav a{display:block;padding:10px 2px;font-size:13px;line-height:1.5;font-weight:500;text-decoration:none}
.gnav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--gold)}.gnav a:hover{color:var(--green)}
.fixed-cta{position:fixed;inset:auto 0 0;z-index:20;background:var(--green);padding-bottom:env(safe-area-inset-bottom)}
.fixed-cta .btn-line{display:flex;width:100%;min-height:64px;padding:16px 24px;font-size:17px}
.fixed-cta>span{display:none}.fixed-cta .icon:last-child{margin-left:auto}.fixed-cta .icon:first-child{margin-right:4px}
.hero{padding-block:25px 24px}.hero-grid{display:grid;gap:20px}
.hero h1{font-size:clamp(28px,7.7vw,34px);line-height:1.5;letter-spacing:0}.hero h1 span{display:block}
.hero-description{margin-top:14px;font-size:16px;line-height:1.8}
.hero-meta{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.7}.hero-cta{display:none}
.hero-photo{position:relative}.hero-photo img{aspect-ratio:4/3;object-fit:cover;object-position:65% 45%}
.hero-photo figcaption{position:absolute;right:12px;bottom:10px;padding:3px 8px;background:#fff;color:var(--ink);font-size:11px;line-height:1.6}
.section-heading{margin-bottom:28px}
.section-heading h2::before,.about-copy h2::before,.flow-grid h2::before,.access-copy h2::before,.contact-grid h2::before{content:"";display:block;width:24px;height:3px;margin-bottom:16px;background:var(--gold)}
.section-heading p{margin-top:16px;color:var(--muted)}.section-heading+.text-link{margin-top:-8px}
.navigator-grid{display:grid;gap:28px}.navigator-section .section-heading{margin-bottom:0}
.navi-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.navi-opts button{min-width:0;display:flex;justify-content:center;align-items:center;gap:8px;padding:14px 4px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-size:16px;font-weight:700;line-height:1.5;cursor:pointer}
.navi-opts button[aria-pressed="true"]{background:var(--ink);color:#fff}.navi-opts button:hover{border-color:var(--green)}
.navi-opts .icon{width:15px;height:15px}.navi-results{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.navi-panel h3{margin-bottom:10px;font-size:18px}.navi-panel ul{font-size:16px;line-height:1.9}
.navi-panel .note{margin-top:14px}.navi-panel .text-link{margin-top:12px;font-size:15px}
.service-list{display:grid;gap:34px}.service-row{display:grid;gap:20px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.service-row:last-child{padding-bottom:0;border-bottom:0}.service-row figure img{aspect-ratio:3/2;object-fit:cover}
.service-copy h3{margin-bottom:12px;font-size:23px}.service-copy p{color:var(--muted)}
.service-fee{margin-top:16px;font-size:14px;color:var(--ink)!important}.service-fee b{display:block;margin-top:3px;font-size:23px;font-weight:700}.service-fee small{font-size:14px}
.service-copy .text-link{margin-top:12px;font-size:16px}
.service-copy>.btn{margin-top:22px}.free-consultation>.btn{margin-bottom:16px}.free-consultation>.note{margin-top:0}
.about-grid{display:grid;gap:26px}.about-photo img{aspect-ratio:4/3;object-fit:cover;object-position:50% 32%}
.about-copy h2{margin-bottom:22px}.about-copy p{font-size:16px}
.signature{margin-top:22px!important;color:var(--ink);font-weight:700}.signature>span{display:block;font-size:13px;font-weight:400}.signature>strong{display:block;margin-top:6px;font-size:24px}.signature small{margin-left:10px;font-size:13px;font-weight:400}
.team-note{display:flex;align-items:center;gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.team-note img{width:88px;height:88px;flex:none;object-fit:cover;object-position:50% 30%}
.team-note p{font-size:14px;line-height:1.8}.team-note b{display:block;margin-bottom:6px;font-size:16px}
.flow-grid{display:grid;gap:28px}.flow-grid figure img{aspect-ratio:4/3;object-fit:cover}.flow-grid h2{margin-bottom:24px}
.steps{list-style:none;padding:0;counter-reset:step}.steps li{position:relative;counter-increment:step;padding:0 0 22px 44px}
.steps li+li{padding-top:22px;border-top:1px solid var(--line)}
.steps li::before{content:counter(step);position:absolute;left:0;top:0;width:26px;height:26px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;line-height:26px;text-align:center}
.steps li+li::before{top:22px}.steps li:last-child{padding-bottom:0}.steps b{display:block;margin-bottom:8px;font-size:18px}
.steps p{color:var(--muted);font-size:16px;line-height:1.8}.fee-layout{display:grid;gap:4px}.fee-list{margin:0}
.fee-list>div{display:grid;gap:12px;padding-block:24px;border-bottom:1px solid var(--line)}.fee-list>div:first-child{border-top:1px solid var(--line)}
.fee-list dt{font-size:17px;font-weight:700}.fee-list dt small{display:block;margin-top:4px;color:var(--muted);font-size:14px;font-weight:400}
.fee-list dd{margin:0;font-size:22px;font-weight:700;line-height:1.5}.fee-list dd small{font-size:14px;font-weight:400}
.fee-note{margin-top:20px;color:var(--muted);font-size:14px}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{position:relative;padding:22px 32px 22px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:700;line-height:1.8}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{display:none}.faq-list summary::after{content:"+";position:absolute;right:4px;top:22px;font-size:24px;font-weight:400;line-height:1.25}
.faq-list details[open] summary::after{content:"−"}.faq-list details p{padding:0 24px 24px 0;color:var(--muted);font-size:16px}
.post-list{list-style:none;padding:0;display:grid;gap:32px}.post-link{display:block;text-decoration:none}
.post-link>img{aspect-ratio:3/2;object-fit:cover}.post-copy{padding-top:18px}
.category{display:block;margin-bottom:10px;color:var(--muted);font-size:13px;line-height:1.6}.post-copy h3{font-size:21px;line-height:1.7}
.post-copy .description{margin-top:10px;color:var(--muted);font-size:15px;line-height:1.8}
.read-more{display:inline-flex;align-items:center;gap:.6em;margin-top:14px;font-size:14px;font-weight:700}.post-link:hover h3{color:var(--green)}
.post-list+.text-link{margin-top:32px}.fee-note+.text-link{margin-top:12px}.info-list+.text-link,.info-list+.btn{margin-top:22px}.column-note{margin-top:32px}
.blog-index .post-list{gap:34px}.blog-index .post-list>li{padding-bottom:34px;border-bottom:1px solid var(--line)}
.blog-index .post-list>li:last-child{border-bottom:0;padding-bottom:0}
.access-grid{display:grid;gap:30px}.access-copy h2{margin-bottom:24px}
.info-list>div{padding-block:16px;border-bottom:1px solid var(--line)}.info-list>div:first-child{padding-top:0}
.info-list dt{margin-bottom:6px;color:var(--muted);font-size:13px}.info-list dd{margin:0;font-size:16px;line-height:1.8}
.info-list dd p+p{margin-top:6px}.access-visual figure img{aspect-ratio:16/10;object-fit:cover}
.map{margin-top:16px;background:#e0e7e9}.map iframe{display:block;border:0;width:100%;height:300px}
.contact-grid{display:grid;gap:26px}.contact-grid h2{margin-bottom:18px}.contact-grid p{font-size:16px}
.contact-grid .btn{width:100%}.contact-grid .note{margin-top:12px;font-size:13px}
.site-footer{padding-block:44px 24px;border-top:1px solid var(--line)}.footer-grid{display:grid;gap:28px}
.footer-brand .logo{margin-bottom:16px}.footer-brand p{color:var(--muted);font-size:13px;line-height:1.9}
.footer-nav ul{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0;list-style:none}.footer-nav a{font-size:14px;text-decoration:none}
.footer-nav a:hover{color:var(--green)}.copyright{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.8}
.page-intro{padding-block:28px 42px;background:var(--blue)}.breadcrumb{margin-bottom:24px;color:var(--muted);font-size:12px;line-height:1.8}
.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb>span{padding-inline:10px}.page-intro h1{font-size:31px}
.page-intro p{margin-top:18px;font-size:16px}.service-detail{margin-bottom:44px;padding-bottom:44px}.service-detail:last-child{margin-bottom:0}
.service-detail .detail-fee{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink);font-weight:700}
.detail-fee>span{display:block;font-size:14px}.detail-fee>strong{display:block;margin-top:6px;font-size:28px;line-height:1.5}.detail-fee small{font-size:15px;font-weight:400}.detail-fee .note{margin-top:4px;font-weight:400}
.free-consultation{padding:26px;border:1px solid var(--line)}.free-consultation h3{margin-bottom:12px}.free-consultation p{font-size:16px}
.office-gallery{display:grid;gap:24px}.office-gallery img{aspect-ratio:3/2;object-fit:cover}
.office-gallery figcaption{margin-top:10px;color:var(--muted);font-size:14px}.visit-note{padding:0;background:var(--blue)}
.visit-note h3{margin-bottom:12px;font-size:20px}.visit-note p{font-size:16px}
.article-section{padding-block:0}.article-layout{display:grid;gap:44px;padding-block:28px 72px}.article-header .category{margin-bottom:14px}
.article-header h1{font-size:29px;line-height:1.6}.article-lead{margin-top:20px;color:var(--muted);font-size:16px}
.article-cover{margin-top:28px;margin-bottom:36px}.article-cover img{aspect-ratio:3/2;object-fit:cover}
.post-body{font-size:17px;line-height:2}.post-body p{margin-bottom:1.5em}
.post-body h2{margin-top:48px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:24px;line-height:1.6}
.post-body h3{margin-top:30px;margin-bottom:16px;font-size:21px;line-height:1.6}.post-body ul,.post-body ol{margin-block:18px 28px;padding-left:1.4em}
.post-body li+li{margin-top:8px}.post-body blockquote{margin:28px 0;padding:12px 20px;border-left:3px solid var(--gold);background:var(--blue)}
.post-body blockquote p:last-child{margin-bottom:0}.post-body a{overflow-wrap:anywhere}
.article-end{margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}.article-aside{padding-top:28px;border-top:1px solid var(--line)}
.author-card{display:grid;grid-template-columns:88px 1fr;gap:0 18px;align-items:center}
.author-card img{grid-row:span 3;width:88px;height:104px;object-fit:cover;object-position:50% 25%}.author-card>span{font-size:12px;line-height:1.6}.author-card b{font-size:17px}
.author-card p{margin:6px 0 0;font-size:13px;color:var(--muted);line-height:1.8}
.toc{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.toc>p{margin-bottom:14px;font-size:15px;font-weight:700}
.toc ol{padding-left:1.3em;font-size:14px;line-height:1.9}.toc li+li{margin-top:10px}.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--green);text-decoration:underline}
@media(min-width:900px){
:root{--gutter:48px}body{padding-bottom:0}h2{font-size:36px}h3{font-size:26px}.section{padding-block:104px}
.header-inner{grid-template-columns:auto 1fr auto;gap:30px;min-height:92px;padding-block:14px}.logo b{font-size:35px}.logo small{font-size:12px}
.gnav{grid-column:2;grid-row:1;margin-top:0;border-top:0}.gnav ul{justify-content:flex-end;gap:24px}.gnav a{padding-block:10px;font-size:14px}
.header-cta{grid-column:3;grid-row:1;padding:14px 18px;font-size:14px}.fixed-cta{display:none}
.hero{padding-block:0}.hero-grid{grid-template-columns:1.05fr 1fr;gap:28px;align-items:center}.hero-copy{padding-block:44px}
.hero h1{font-size:clamp(36px,3.35vw,44px);line-height:1.65}.hero-description{margin-top:24px;font-size:18px}
.hero-meta{margin-top:16px;font-size:14px}.hero-cta{display:inline-flex;margin-top:24px;padding:16px 30px;font-size:18px}
.hero-photo{align-self:stretch}.hero-photo img{height:100%;min-height:450px;aspect-ratio:auto;object-position:50% 44%}
.hero-photo figcaption{right:16px;bottom:16px;font-size:12px}.section-heading{margin-bottom:40px}
.section-heading h2::before,.about-copy h2::before,.flow-grid h2::before,.access-copy h2::before,.contact-grid h2::before{width:32px;margin-bottom:20px}
.section-heading p{max-width:760px;margin-top:20px}.navigator-grid{grid-template-columns:.95fr 1.05fr;gap:64px;align-items:start}
.navi-opts{gap:12px}.navi-opts button{padding-block:18px;font-size:18px}.navi-results{margin-top:26px;padding-top:26px}
.service-list{gap:40px}.service-row{grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;padding-bottom:40px}
.service-copy h3{margin-bottom:18px;font-size:28px}.service-copy .text-link{margin-top:20px}
.about-grid{grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}.about-photo img{aspect-ratio:4/5}
.about-copy h2{margin-bottom:28px}.about-copy p{font-size:17px}.team-note{margin-top:36px;padding-top:28px}.team-note img{width:96px;height:96px}
.flow-grid{grid-template-columns:.95fr 1.05fr;gap:56px;align-items:start}.flow-grid figure img{aspect-ratio:3/2}.flow-grid h2{margin-bottom:30px}
.fee-layout{grid-template-columns:.8fr 1.2fr;gap:64px}.fee-list>div{grid-template-columns:1fr auto;gap:20px;align-items:center;padding-block:28px}
.fee-list dd{font-size:24px;text-align:right}.fee-note{margin-top:24px}.faq-list summary{padding-block:26px;font-size:18px}
.faq-list summary::after{top:26px}.faq-list details p{max-width:900px;padding-bottom:28px;font-size:17px}
.post-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.post-copy{padding-top:20px}.post-copy h3{font-size:21px}
.access-grid{grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.access-copy h2{margin-bottom:30px}
.info-list>div{display:grid;grid-template-columns:72px 1fr;gap:18px;padding-block:18px}.info-list dt{margin:0;padding-top:3px}.map iframe{height:310px}
.contact-grid{grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.contact-grid .btn{min-height:66px;font-size:18px}
.site-footer{padding-block:56px 28px}.footer-grid{grid-template-columns:1fr 1fr;gap:48px}.footer-nav ul{justify-content:flex-end;align-content:start;gap:18px 24px}
.copyright{margin-top:44px}.page-intro{padding-block:36px 56px}.page-intro h1{font-size:42px}.page-intro p{max-width:760px;font-size:17px}
.service-detail{margin-bottom:64px;padding-bottom:64px}.free-consultation{padding:36px 40px}
.office-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center}.visit-note{padding:0}
.blog-index .post-list{grid-template-columns:1fr;gap:40px}.blog-index .post-list>li{padding-bottom:40px}
.blog-index .post-link{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.blog-index .post-copy{padding-top:0}
.blog-index .post-copy h3{font-size:27px}.blog-index .post-copy .description{font-size:17px}
.article-layout{grid-template-columns:minmax(0,760px) minmax(0,240px);gap:64px;padding-block:40px 104px;justify-content:space-between}
.article-header h1{font-size:36px}.article-lead{font-size:17px}.article-cover{margin-top:36px;margin-bottom:44px}.post-body{font-size:18px}
.post-body h2{margin-top:56px;font-size:28px}.post-body h3{font-size:23px}.article-aside{padding-top:66px;border-top:0}
.author-card{display:block}.author-card img{width:100%;height:auto;aspect-ratio:4/3;margin-bottom:18px}.author-card b{display:block}.toc{margin-top:30px}
}
/* v3: 書類の折り目と、次の一歩を案内する静かな動き。 */
:root{--paper:#f7f5ef;--ink:#183b50;--blue:#edf3f7;--gold:#ad9250}
html{scroll-padding-top:110px}
body{background:var(--paper)}
h2{font-weight:500;letter-spacing:.025em}
.section{padding-block:80px}
.section-heading h2,.about-copy h2,.flow-grid h2,.access-copy h2,.contact-grid h2,.page-intro h1{font-family:"Noto Serif JP","Yu Mincho",serif;font-weight:500}
.section-heading h2::before,.about-copy h2::before,.flow-grid h2::before,.access-copy h2::before,.contact-grid h2::before{height:1px;width:40px}
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom-color:#183b501a}
.site-header.is-scrolled{background:#f7f5eff5;box-shadow:0 4px 18px #183b5008}
.header-inner{padding-top:9px;gap:0 10px}
.logo{gap:10px;transform-origin:left center;transition:transform .3s ease}
.logo img{width:39px;height:39px;object-fit:contain;flex:none}
.logo-type{display:flex;flex-direction:column;gap:2px}
.logo small{font-size:9px;font-weight:500;letter-spacing:.14em}
.logo b{font-size:21px;letter-spacing:.08em;font-weight:600;white-space:nowrap}
.site-header.is-scrolled .logo{transform:scale(.94)}
.gnav{margin-top:9px}.gnav a{padding:10px 2px;font-size:12px}
.header-cta{font-size:12px;padding:10px}
.btn{position:relative;overflow:clip;transition:transform .25s ease}
.btn::after{content:"";position:absolute;inset:0;background:#ffffff12;transform:translateX(-102%);transition:transform .4s ease;pointer-events:none}
.btn:hover{transform:translateY(-2px)}.btn:hover::after{transform:translateX(0)}
.btn .icon:last-child,.text-link .icon,.read-more .icon{transition:transform .25s ease}
.btn:hover .icon:last-child,.text-link:hover .icon,.post-link:hover .read-more .icon{transform:translateX(4px)}
.fixed-cta{box-shadow:0 -5px 25px #183b5012}
.hero{position:relative;isolation:isolate;padding:0;height:calc(100svh - 100px - 64px - env(safe-area-inset-bottom));min-height:0;max-height:680px;background:var(--paper);overflow:clip}
.hero-film{position:absolute;inset:234px 0 0;z-index:-2;overflow:clip;background:#dddcd6}
.hero-film picture,.hero-film img,.hero-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%}
.hero-film video{opacity:0;transition:opacity .8s ease}
.hero-film.is-playing video{opacity:1}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 37%,#f7f5ef00 66%);pointer-events:none}
.hero-grid{display:block;height:100%;padding-top:28px}
.hero-copy{position:relative;padding:0;max-width:100%}
.hero-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.8;letter-spacing:.09em}
.hero-eyebrow::before{content:"";width:20px;height:1px;background:var(--gold)}
.hero h1{margin-top:17px;font-family:"Noto Serif JP","Yu Mincho",serif;font-weight:500;font-size:clamp(26px,7.2vw,32px);line-height:1.65;letter-spacing:-.025em}
.hero h1 .hero-line{display:block;overflow:clip}.hero-line>span{display:block}
.hero-description{margin-top:13px;font-size:14px;line-height:1.85}
.hero-meta{margin-top:10px;font-size:11px;letter-spacing:.015em;line-height:1.8}
.hero-cta{display:none}
.hero-bottom{position:absolute;inset:auto 0 22px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.scroll-cue{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.06em;text-decoration:none;line-height:1.4;background:#f7f5efe8;padding:9px 11px}
.scroll-cue i{display:block;height:22px;width:1px;background:var(--ink);position:relative}
.scroll-cue i::after{content:"";position:absolute;bottom:0;left:-2px;width:5px;height:5px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(45deg)}
.film-caption{display:none;font-size:10px;letter-spacing:.15em;line-height:1.6}.film-caption span{margin-left:16px;letter-spacing:.08em}
.film-control{display:flex;align-items:center;gap:12px;padding:9px 11px;line-height:1.4;background:#f7f5efe8;color:var(--ink);border:0;font-size:10px;cursor:pointer}.film-control span{font-size:13px}
.brand-marquee{overflow:clip;border-bottom:1px solid var(--line);padding-block:19px;background:var(--paper);color:#183b5055;font-size:11px;letter-spacing:.12em}
.marquee-track{width:calc(100% - 64px);margin-inline:32px;white-space:nowrap}
.marquee-track>span{display:block;width:100%}.marquee-track>span+span{display:none}
.marquee-track b{font-weight:400;letter-spacing:.3em;margin-inline:36px}
.navigator-section{position:relative;background:#e9f0f3}
.navigator-section .section-heading::after{content:"01 / 手続きナビ";display:block;margin-top:25px;color:var(--muted);font-size:11px;letter-spacing:.12em}
.navi-opts{gap:0;border-bottom:1px solid #183b5044}
.navi-opts button{border:0;background:transparent;justify-content:space-between;padding:16px 12px;font-size:15px}
.navi-opts button[aria-pressed="true"]{background:var(--ink)}
.navi-results{margin-top:0;padding-top:24px;border:0;min-height:315px}
.navi-panel h3{font-weight:500;font-size:20px}
.navi-panel>p:not(.note){font-size:14px;margin-bottom:10px}
.navi-panel ul{list-style:none;padding:0}.navi-panel li{padding-block:7px;border-bottom:1px solid #183b501a}
.navi-panel .note{font-size:12px}.navi-panel .text-link{font-size:14px}
.service-list{counter-reset:service;gap:48px}
.service-row{counter-increment:service;padding-bottom:48px;gap:26px}
.service-copy h3::before{content:"0" counter(service);display:block;margin-bottom:16px;font-size:12px;font-weight:400;letter-spacing:.2em;color:var(--gold)}
.service-copy h3{font-weight:500}.service-copy .service-lead{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:20px;color:var(--ink);margin-block:12px}
.service-row figure,.about-photo,.flow-grid figure,.access-visual figure,.office-gallery figure,.article-cover{overflow:clip}
.post-link>img{transition:transform .6s ease}.post-link:hover>img{transform:scale(1.025)}
.post-link{overflow:clip}.post-copy h3{font-weight:500}
.about-section{background:#edece6}.about-copy p{line-height:2.05}
.steps{position:relative}.steps li{padding-left:50px;border-top:0!important;padding-top:0!important;padding-bottom:30px}
.steps li+li{padding-top:0}.steps li::before,.steps li+li::before{top:0;border:1px solid var(--gold);background:transparent;color:var(--ink);border-radius:50%;width:30px;height:30px;line-height:28px;font-size:12px;z-index:1}
.steps li:not(:last-child)::after{content:"";position:absolute;left:14px;top:35px;bottom:5px;width:1px;background:#b8a15a55;transform-origin:top}
.steps li.is-lit::before{background:var(--ink);color:#fff;border-color:var(--ink)}
.steps li.is-lit::after{background:var(--gold);animation:route-light .7s ease both}
.steps b{font-weight:500}.steps p{font-size:15px}
.fee-list dd{font-weight:500}.fee-list dt{font-weight:500}
.contact-section{background:var(--ink);color:var(--paper)}.contact-grid .note{color:#d3dde3}
.contact-grid h2::before{background:var(--gold)}
.site-footer{background:var(--ink);color:var(--paper);border-top:1px solid #ffffff26}
.site-footer .logo{margin-bottom:24px}.site-footer .logo img{width:46px;height:46px}
.site-footer .logo b{font-size:24px}.site-footer .logo small{font-size:10px}
.footer-brand p,.copyright{color:#c7d4dc}.copyright{border-top-color:#ffffff26}.footer-nav a:hover{color:#d3bd7c}
.page-intro{background:var(--paper);border-bottom:1px solid var(--line);padding-block:32px 50px}
.page-intro h1{font-weight:500;line-height:1.55}
.article-header h1{font-family:"Noto Serif JP","Yu Mincho",serif;font-weight:500}
.article-main{min-width:0}.article-aside{align-self:start}
.js [data-reveal]:not(.is-visible){opacity:0;transform:translateY(22px);animation:reveal-safety 1ms 3.5s forwards}
[data-reveal]{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.6,.2,1)}
.js .hero-eyebrow{animation:hero-fade .8s .1s both}
.js .hero-line>span{animation:hero-line 1s .15s cubic-bezier(.2,.7,.2,1) both}
.js .hero-line:nth-child(2)>span{animation-delay:.3s}
.js .hero-description{animation:hero-fade .9s .5s both}.js .hero-meta{animation:hero-fade .9s .65s both}
.js .hero-cta{animation:hero-fade .9s .8s both}.js .hero-bottom{animation:hero-fade .9s 1s both}
.js .site-header .logo{animation:hero-fade .8s backwards}
.js .scroll-cue i{animation:scroll-guide 2.6s 1.8s ease-in-out infinite}
.js .marquee-track{animation:marquee-drift 12s ease-in-out infinite alternate}
@keyframes hero-line{from{transform:translateY(108%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes hero-fade{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes scroll-guide{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@keyframes marquee-drift{from{transform:translateX(-20px)}to{transform:translateX(20px)}}
@keyframes route-light{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes reveal-safety{to{opacity:1;transform:translateY(0)}}
@media(min-width:900px){
.wrap{max-width:1240px}.section{padding-block:120px}.header-inner{min-height:88px;gap:32px;padding-block:15px}
.logo img{width:48px;height:48px}.logo b{font-size:25px}.logo small{font-size:10px}
.gnav{margin-top:0}.gnav ul{gap:28px}.gnav a{font-size:13px;padding-block:12px}.header-cta{font-size:13px;padding:13px 18px}
.hero{height:calc(100svh - 88px);min-height:620px;max-height:900px}
.hero-film{inset:0}.hero-film img,.hero-film video{object-position:65% 50%}
.hero::before{background:linear-gradient(90deg,var(--paper) 0%,#f7f5eff5 24%,#f7f5efdc 39%,#f7f5ef80 53%,#f7f5ef00 70%)}
.hero-grid{display:flex;align-items:center;padding-top:0}.hero-copy{padding:0 0 40px;max-width:76%}
.hero-eyebrow{font-size:13px;letter-spacing:.16em;gap:18px}.hero-eyebrow::before{width:32px}
.hero h1{margin-top:25px;font-size:clamp(38px,4.2vw,60px);line-height:1.75;letter-spacing:-.04em}
.hero-description{margin-top:24px;font-size:16px;line-height:2}.hero-meta{margin-top:20px;font-size:12px}
.hero-cta{display:inline-flex;margin-top:28px;font-size:15px;padding:18px 26px}
.hero-bottom{bottom:30px}.scroll-cue{font-size:11px;padding:0;background:transparent;gap:18px}.scroll-cue i{height:30px}
.film-caption{display:block;margin-left:auto;background:#f7f5efe8;padding:9px 15px}.film-control{font-size:11px;padding:10px 14px}
.brand-marquee{padding-block:23px;font-size:15px;letter-spacing:.2em}.marquee-track{text-align:center}
.marquee-track b{margin-inline:65px}.navigator-grid{grid-template-columns:.8fr 1.2fr;gap:100px}
.navi-opts button{font-size:18px;padding:20px}.navi-results{min-height:322px;padding-top:30px}.navi-panel h3{font-size:23px}
.service-list{gap:76px}.service-row{grid-template-columns:1.1fr .9fr;gap:80px;padding-bottom:76px}
.service-row:nth-child(2){grid-template-columns:.9fr 1.1fr}.service-row:nth-child(2) figure{grid-column:2;grid-row:1}.service-row:nth-child(2) .service-copy{grid-column:1;grid-row:1}
.service-copy h3{font-size:29px}.service-copy .service-lead{font-size:22px}.service-copy h3::before{margin-bottom:24px}
.about-grid{grid-template-columns:1fr 1fr;gap:88px}.about-photo img{aspect-ratio:4/5}.flow-grid{gap:88px}
.contact-grid{gap:88px}.page-intro{padding-block:42px 72px}.page-intro h1{font-size:46px}
.site-footer{padding-block:64px 30px}.article-layout{grid-template-columns:minmax(0,760px) minmax(0,240px);gap:72px}
}
@media(max-width:899px) and (max-height:700px){.hero-grid{padding-top:22px}.hero h1{margin-top:12px}.hero-film{top:218px}.hero-description{margin-top:9px}.hero-meta{margin-top:7px}}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.js [data-reveal]:not(.is-visible){opacity:1;transform:none}
.hero-film video,.film-control{display:none!important}.hero-film img{opacity:1}
.logo,.btn,.post-link>img,.scroll-cue i,.marquee-track{transform:none!important}
}