/* Original LISH composition. Catalog principles adapted; no catalog assets or code dependencies. */
body[data-art=journal].aikata{--ink:#242041;--accent:#493183;--soft:#eeebf5;--line:#bcb3cf;--paper:#fffefb}
body[data-art=journal].recruit{--ink:#12349a;--accent:#1649e8;--soft:#eef2ff;--line:#a2b2e0;--paper:#fff}
[data-art=journal] .site-header{min-height:100px;border-bottom:0}
[data-art=journal] .site-header nav{gap:24px}
[data-art=journal] .site-header nav a:last-child{background:var(--ink);color:#fff;border-color:var(--ink)}
[data-art=journal] .button{border-radius:0;min-width:220px;position:relative;padding:16px 30px;font-weight:700}
[data-art=journal] .button:hover{background:var(--ink);color:var(--paper)}
[data-art=journal] .section{padding-block:112px}
[data-art=journal] .chapter{grid-template-columns:1fr 2.2fr;align-items:start;border-top:1px solid var(--line);padding-top:26px;margin-bottom:56px}
[data-art=journal] .chapter>span{padding:0;font-weight:700;letter-spacing:.04em}
[data-art=journal] .chapter h2{font-size:clamp(36px,3.65vw,58px);line-height:1.5;letter-spacing:-.065em}
[data-art=journal] .section-intro{width:68.75%;margin-bottom:38px}
.signal-hero{background:#efebf6;overflow:hidden;position:relative;border-block:1px solid var(--ink)}
.signal-topline,.signal-bottom{display:flex;justify-content:space-between;gap:24px;font-weight:700;padding-block:22px}
.signal-topline{border-bottom:1px solid #bcb3cf;letter-spacing:.025em}
.signal-stage{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;padding-block:50px 62px}
.signal-label{font-size:16px;margin-bottom:24px;max-width:32em}
.signal-copy h1{font-size:clamp(48px,5.4vw,86px);line-height:1.38;letter-spacing:-.075em;font-weight:800}
.signal-copy h1 em{color:var(--accent);border-bottom:3px solid var(--accent);padding-bottom:.025em}
.signal-intro{font-size:20px;line-height:1.95;margin-top:32px}
.signal-bottom{border-top:1px solid #bcb3cf;font-size:16px}
.signal-object{position:relative;aspect-ratio:1/1;isolation:isolate;margin:0 0 0 -12px}
.signal-piece{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%;aspect-ratio:1/1;border-radius:50%;gap:7px;border:1px solid var(--ink)}
.signal-piece>span:first-child{font-size:clamp(36px,4.5vw,74px);font-weight:800;letter-spacing:-.07em;line-height:1.1}
.signal-piece>span:last-child{font-size:16px;font-weight:700}
.signal-you{top:0;left:0;background:#fffefa;color:var(--ink);padding:0 16% 16% 0}
.signal-us{bottom:0;right:0;background:#493183;color:#fff;border-color:#493183}
.signal-note{position:absolute;bottom:2%;left:0;font-weight:700;line-height:1.7;border-left:3px solid var(--ink);padding-left:15px}
.partner-section{background:var(--paper)}
[data-art=journal] .team-spread{grid-template-columns:1fr 1.55fr;padding-block:110px;gap:65px}
[data-art=journal] .team-spread .chapter{display:block;border:0;padding-top:0}
[data-art=journal] .team-spread h2{font-size:40px;margin-top:28px}
.partner-map{display:grid;grid-template-columns:1fr 72px 1.25fr;align-items:center;margin:0 0 30px;text-align:center}
.partner-map strong{display:block;font-size:28px;margin:12px 0;letter-spacing:-.04em}
.partner-client,.partner-team{padding:30px 16px;border:1px solid var(--ink)}
.partner-client{background:#f5f2ea}.partner-team{background:var(--accent);color:#fff;border-color:var(--accent)}
.partner-map p,.partner-map span{font-size:16px}.partner-map>div>span:first-child{font-weight:700;line-height:1.45;display:block}
.partner-line{height:1px;background:var(--ink);position:relative}.partner-line span{position:absolute;bottom:7px;left:0;width:100%;font-size:16px;color:var(--ink);background:var(--paper)}
.partner-fields{display:flex;gap:6px;justify-content:center;margin-top:20px;border-top:1px solid #c9bfe1;padding-top:16px}.partner-fields span{padding-inline:9px;border-right:1px solid #c9bfe1}.partner-fields span:last-child{border:0}
.partner-caption{grid-column:1/-1;margin-top:18px!important}
[data-art=journal] .art-pricing{padding-top:0}
[data-art=journal] .price-grid{border-top:2px solid var(--ink);margin-top:40px}
[data-art=journal] .price-grid>article{background:transparent;padding:66px 24px 32px;border-color:var(--line)}
[data-art=journal] .price-grid h3{font-size:22px}
[data-art=journal] .price-card .price{font-family:Arial,sans-serif;font-size:clamp(28px,2.9vw,46px);line-height:1.25;letter-spacing:-.06em}
[data-art=journal] .price-card .price small{font-family:inherit;font-size:16px;line-height:1.7;letter-spacing:0;margin-top:6px}
[data-art=journal] .is-recommended h3{background:var(--accent);color:white}
[data-art=journal] .services-section{background:#292341;color:#fff}
[data-art=journal] .services-section .chapter{border-color:#a99ec1}
[data-art=journal] .services-section .service-group{border-color:#a99ec1}
[data-art=journal] .services-section .service-detail{border-color:#a99ec1}
[data-art=journal] .services-section .button{color:#fff;border-color:#fff}
[data-art=journal] .services-section .button:hover{color:#292341;background:white}
[data-art=journal] .service-group{display:grid;grid-template-columns:1fr 1.4fr;column-gap:65px;margin-top:40px}
[data-art=journal] .service-group>h3{grid-column:1;grid-row:1/20;font-size:28px;max-width:12em;border:0}
[data-art=journal] .service-detail{grid-column:2}
[data-art=journal] .service-detail summary{font-size:25px;padding:19px 0}
[data-art=journal] .service-detail summary::after{content:'開く';font-size:16px;font-weight:400}
[data-art=journal] .service-detail[open] summary::after{content:'閉じる'}
[data-art=journal] .service-detail .work-list{display:block;line-height:2}
[data-art=journal] .two-stories{gap:60px}
[data-art=journal] .two-stories article{border-top:3px solid var(--accent);padding-top:24px}
[data-art=journal] .consult-overview{margin-top:65px}
[data-art=journal] .reading-links{gap:0;border-top:1px solid var(--line)}
[data-art=journal] .reading-links .button{border:0;border-bottom:1px solid var(--line);padding:24px}
[data-art=journal] .art-closing{position:relative;padding-block:100px 110px}
[data-art=journal].aikata .art-closing:before{content:'';position:absolute;inset:0 calc(-1 * var(--gutter));background:#eeebf5;z-index:-1}
[data-art=journal] .art-closing h2{font-size:clamp(44px,5.4vw,82px);line-height:1.35}
/* Recruitment: open editorial composition, real documentary images. */
.journal-hero{background:var(--accent);color:#fff;overflow:hidden}
.journal-issue{display:flex;justify-content:space-between;gap:20px;padding-block:23px;border-bottom:1px solid #b4c3ff;font-weight:700}
.journal-title{position:relative;padding:34px 0 48px;z-index:1}
.journal-title>p{margin-bottom:15px}
.journal-title h1{font-size:clamp(50px,6.1vw,94px);line-height:1.58;letter-spacing:-.065em;position:relative;z-index:1}
.journal-title h1>span:not(.sr-only){background:#fff;color:#1649e8;padding:.045em .17em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.journal-title h1>span:last-child{margin-left:.75em}
.journal-side{position:absolute;right:0;top:29px;text-align:right;font-family:Arial,sans-serif;font-size:clamp(36px,4.1vw,65px);font-weight:900;line-height:.95;letter-spacing:-.06em;color:#fff}
.journal-photo-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:65px;align-items:end}
.journal-main-photo img{object-position:50% 70%}
.journal-main-photo figcaption{margin:12px 0 0;font-size:16px}
.journal-manifesto{padding-bottom:35px}
.journal-manifesto>span{display:block;font-size:32px;font-weight:700;line-height:1.5;margin-bottom:24px}
.journal-manifesto p{font-size:18px}
.journal-ticker{font-family:Arial,sans-serif;white-space:nowrap;font-size:clamp(54px,8vw,130px);font-weight:900;letter-spacing:-.065em;line-height:1.3;padding-top:35px;margin-bottom:-.13em;user-select:none}
.journal-ticker span{padding-left:35px;color:#fff}
[data-art=journal] .art-culture .chapter{margin-bottom:60px}
[data-art=journal] .culture-features{display:grid;gap:84px}
[data-art=journal] .culture-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;position:relative}
[data-art=journal] .culture-feature:nth-child(even){grid-template-columns:1fr 1.3fr}
[data-art=journal] .culture-feature:nth-child(even) figure{order:2}
[data-art=journal] .culture-feature:nth-child(even)>div{order:1}
[data-art=journal] .culture-feature:nth-child(3){width:85%;margin-inline:auto;grid-template-columns:1fr 1.1fr}
[data-art=journal] .culture-feature .feature-index{font-family:Arial,sans-serif;letter-spacing:.05em;border-top:1px solid var(--line);padding-top:16px;display:block}
[data-art=journal] .culture-feature h3{font-size:clamp(26px,2.4vw,38px);line-height:1.8;margin:18px 0}
[data-art=journal] .culture-feature .text-band{padding:.08em .18em;line-height:1.8}
[data-art=journal] .culture-feature img{object-position:50% 68%}
[data-art=journal] .art-jobs{padding-top:0}
[data-art=journal] .job-editorial{grid-template-columns:1fr 1.15fr;column-gap:70px}
[data-art=journal] .job-editorial figure{align-self:center}
[data-art=journal] .job-editorial h3{font-size:28px}
.art-people{background:#edf1ff;border-block:1px solid var(--line)}
[data-art=journal] .art-people .people-editorial{grid-template-columns:1fr 1fr;gap:12%}
[data-art=journal] .art-people .people-editorial article:first-child{max-width:450px}
[data-art=journal] .art-people .people-editorial article:nth-child(2){padding-top:150px}
[data-art=journal] .art-people .people-editorial img[data-image-ratio=portrait]{aspect-ratio:4/5;max-height:none}
[data-art=journal] .art-people .people-editorial h3{font-size:36px}
[data-art=journal].recruit .art-closing{color:#fff;background:var(--accent);isolation:isolate}
[data-art=journal].recruit .art-closing:before{content:'';position:absolute;inset:0 calc(-1 * var(--gutter));background:var(--accent);z-index:-1}
[data-art=journal].recruit .art-closing .button{background:white;color:var(--accent);border-color:white}
/* Every lower-level page participates in the same visual system. */
[data-art=journal] .sub-title{position:relative;padding-block:35px 74px;border-top:1px solid var(--ink);overflow:hidden;isolation:isolate}
[data-art=journal] .sub-title .sub-heading{position:relative;z-index:1;max-width:74%}
[data-art=journal] .sub-title h1{font-size:clamp(36px,4.3vw,66px);line-height:1.5}
[data-art=journal] .sub-title p{font-size:20px;max-width:36em}
[data-art=journal] .sub-title .breadcrumb{margin-bottom:42px}
.a-page-mark{position:absolute;width:230px;aspect-ratio:1/1;right:0;bottom:40px;z-index:0}
.a-page-mark span{display:flex;align-items:center;justify-content:center;font:bold 24px Arial,sans-serif;width:160px;aspect-ratio:1/1;border-radius:50%;border:1px solid var(--ink);position:absolute;background:#efebf6}
.a-page-mark span:last-child{right:0;bottom:0;color:#fff;background:var(--accent)}
.r-page-mark{position:absolute;right:0;bottom:48px;font:bold clamp(40px,5.5vw,84px)/.95 Arial,sans-serif;letter-spacing:-.065em;text-align:right}
[data-art=journal] .photo-title{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}
[data-art=journal] .photo-title .sub-heading{max-width:100%}
[data-art=journal] .photo-title .r-page-mark{display:none}
[data-art=journal] .content-section{grid-template-columns:1fr 2.15fr;gap:60px;padding-block:64px}
[data-art=journal] .section-heading h2{font-size:30px;line-height:1.6}
[data-art=journal] .section-heading{border-top:3px solid var(--accent);padding-top:16px}
[data-art=journal] .section-body>p{max-width:48em}
[data-art=journal] .in-page-nav{font-weight:700;gap:18px 26px}
[data-art=journal] .section-body .partner-map{grid-template-columns:1fr 55px 1.15fr}
[data-art=journal] .section-body .service-group{display:block}
[data-art=journal] .section-body .service-group>h3{max-width:none}
[data-art=journal] .section-body .culture-feature,[data-art=journal] .section-body .culture-feature:nth-child(3){display:block;width:100%;margin:0}
[data-art=journal] .section-body .culture-feature>div{padding-top:25px}
[data-art=journal] .section-body .culture-features{gap:55px}
[data-art=journal] .site-footer{margin-top:0;padding-block:55px}
@media(min-width:1500px){.signal-stage{gap:65px}.signal-object{max-width:550px;width:100%;justify-self:end}}
@media(max-width:1100px){[data-art=journal] .site-header nav{gap:14px}.signal-stage{grid-template-columns:1.15fr 1fr}.signal-copy h1{font-size:48px}.signal-intro{font-size:18px}.signal-note{font-size:16px;bottom:-14px}.signal-piece>span:first-child{font-size:36px}.signal-piece>span:last-child{font-size:16px}.journal-title h1{font-size:56px}.journal-side{font-size:38px}.journal-photo-grid{gap:30px;grid-template-columns:1.5fr 1fr}.journal-manifesto>span{font-size:26px}.journal-manifesto p{font-size:16px}.journal-manifesto{padding-bottom:0}[data-art=journal] .team-spread{grid-template-columns:1fr;gap:20px}[data-art=journal] .team-spread .chapter{display:grid;grid-template-columns:1fr 2.2fr}[data-art=journal] .team-spread h2{margin:0}[data-art=journal] .culture-feature,[data-art=journal] .culture-feature:nth-child(even){gap:30px}[data-art=journal] .culture-feature:nth-child(3){width:100%}[data-art=journal] .content-section{gap:32px}[data-art=journal] .sub-title .sub-heading{max-width:68%}.a-page-mark{width:190px}.a-page-mark span{width:130px}.r-page-mark{font-size:50px}[data-art=journal] .photo-title .sub-heading{max-width:100%}[data-art=journal] .service-group{gap:30px}}
@media(max-width:767px){[data-art=journal] .section{padding-block:70px}[data-art=journal] .chapter{display:block;padding-top:18px;margin-bottom:32px}[data-art=journal] .chapter h2{font-size:34px;margin-top:20px}[data-art=journal] .section-intro{width:100%}[data-art=journal] .team-spread{padding-block:65px}[data-art=journal] .team-spread .chapter{display:block}[data-art=journal] .team-spread h2{margin-top:20px;font-size:32px}.signal-stage{display:block;padding-block:28px 40px}.signal-copy h1{font-size:clamp(38px,8.7vw,62px);line-height:1.45}.signal-label{font-size:14px;margin-bottom:20px}.signal-intro{font-size:16px;margin-top:24px}.signal-topline{padding-block:17px;font-size:14px}.signal-topline>span:last-child{display:none}.signal-bottom{font-size:14px;display:block;padding-block:18px}.signal-bottom span{display:block}.signal-object{width:80%;max-width:340px;margin:32px 0 0 auto;aspect-ratio:1.1/1}.signal-piece{width:65%}.signal-piece>span:first-child{font-size:36px}.signal-piece>span:last-child{font-size:14px}.signal-note{font-size:14px;bottom:0;left:-18%;padding-left:12px}.partner-map{grid-template-columns:1fr;gap:0}.partner-client,.partner-team{padding:22px 16px}.partner-client{width:85%;margin-inline:auto}.partner-line{height:45px;width:1px;margin-inline:auto}.partner-line span{width:80px;left:10px;bottom:12px;text-align:left}.partner-map strong{font-size:28px;margin:8px 0}.partner-map p,.partner-map span{font-size:14px}.partner-caption{grid-column:1}.partner-fields{margin-top:15px;padding-top:12px}[data-art=journal] .art-pricing{padding-top:0}[data-art=journal] .price-grid>article{padding-inline:20px}[data-art=journal] .price-card .price{font-size:44px}[data-art=journal] .service-group{display:block;margin-top:36px}[data-art=journal] .service-group>h3{font-size:25px;max-width:none;padding-bottom:20px}[data-art=journal] .service-detail summary{font-size:22px}[data-art=journal] .service-detail summary::after{font-size:14px}[data-art=journal] .two-stories{gap:34px}[data-art=journal] .art-closing{padding-block:70px}.journal-issue{font-size:14px;padding-block:18px}.journal-issue>span:last-child{display:none}.journal-title{padding-block:24px 32px}.journal-title>p{font-size:14px}.journal-title h1{font-size:clamp(28px,7.4vw,52px);line-height:1.75;letter-spacing:-.065em}.journal-title h1>span:last-child{margin-left:.5em}.journal-side{display:none}.journal-photo-grid{display:block}.journal-main-photo figcaption{font-size:14px}.journal-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.journal-manifesto>span{font-size:24px;grid-row:1/3;margin:0}.journal-manifesto p{font-size:14px;margin:0}.journal-ticker{font-size:54px;padding-top:25px}[data-art=journal] .culture-features{gap:50px}[data-art=journal] .culture-feature,[data-art=journal] .culture-feature:nth-child(even),[data-art=journal] .culture-feature:nth-child(3){display:flex;flex-direction:column;gap:20px;width:100%}[data-art=journal] .culture-feature:nth-child(even) figure{order:0}[data-art=journal] .culture-feature h3{font-size:26px;margin:16px 0}[data-art=journal] .culture-feature .feature-index{padding-top:12px}[data-art=journal] .art-jobs{padding-top:0}[data-art=journal] .job-editorial{display:block}[data-art=journal] .job-editorial h3{font-size:24px}[data-art=journal] .art-people .people-editorial{grid-template-columns:1fr;gap:50px}[data-art=journal] .art-people .people-editorial article:first-child{max-width:none;width:88%;margin-right:auto}[data-art=journal] .art-people .people-editorial article:nth-child(2){padding-top:0;width:88%;margin-left:auto}[data-art=journal] .art-people .people-editorial h3{font-size:28px}[data-art=journal] .sub-title{padding-block:28px 38px}[data-art=journal] .sub-title .sub-heading{max-width:100%}[data-art=journal] .sub-title h1{font-size:32px}[data-art=journal] .sub-title p{font-size:18px}.a-page-mark,.r-page-mark{display:none}[data-art=journal] .photo-title{display:block}[data-art=journal] .photo-title figure{margin-top:25px}[data-art=journal] .content-section{display:block;padding-block:40px}[data-art=journal] .section-heading h2{font-size:26px}[data-art=journal] .section-body .partner-map{grid-template-columns:1fr}[data-art=journal] .site-header{min-height:88px}[data-art=journal] .section-body .culture-feature>div{padding-top:0}}
@media(prefers-reduced-motion:no-preference){.signal-us{animation:partner-arrive .9s cubic-bezier(.2,.7,.3,1) both}.signal-you{animation:partner-arrive .7s cubic-bezier(.2,.7,.3,1) both}.journal-main-photo{animation:journal-reveal .9s ease-out both}@keyframes partner-arrive{from{opacity:.3;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes journal-reveal{from{clip-path:inset(0 0 8% 0)}to{clip-path:inset(0)}}}
/* Final composition adjustments after physical viewport review. */
@media(max-width:767px){.journal-manifesto{display:block}.journal-manifesto>span{font-size:25px;margin-bottom:18px}.journal-manifesto>span br{display:none}.journal-manifesto p{font-size:16px}.journal-manifesto p+p{margin-top:16px}.signal-label{max-width:22em;line-height:1.7}.signal-you{padding:0 12% 18% 0}.signal-you>span:first-child{font-size:32px}.signal-you>span:last-child{font-size:14px}}
[data-art=journal] .art-jobs .job-editorial{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line)}
[data-art=journal] .art-jobs .job-editorial article{grid-column:auto;padding:24px 32px 40px;border-top:0;border-right:1px solid var(--line)}
[data-art=journal] .art-jobs .job-editorial article:first-child{padding-left:0}
[data-art=journal] .art-jobs .job-editorial article:last-child{padding-right:0;border-right:0}
[data-art=journal] .art-jobs .job-ordinal{display:block;font:bold 80px/1 Arial,sans-serif;letter-spacing:-.06em;margin-bottom:35px}
[data-art=journal] .art-jobs .job-editorial h3{font-size:27px;line-height:1.65;margin-block:16px 22px}
[data-art=journal] .culture-feature h3{font-size:clamp(24px,2.2vw,34px)}
@media(max-width:767px){[data-art=journal] .art-jobs .job-editorial{display:block}[data-art=journal] .art-jobs .job-editorial article,[data-art=journal] .art-jobs .job-editorial article:first-child,[data-art=journal] .art-jobs .job-editorial article:last-child{padding:25px 0 30px;border-right:0;border-top:1px solid var(--line)}[data-art=journal] .art-jobs .job-ordinal{font-size:48px;margin-bottom:20px}[data-art=journal] .art-jobs .job-editorial h3{font-size:25px;margin-block:12px 16px}[data-art=journal] .culture-feature h3{font-size:26px}}

.signal-label span{display:inline-block}
/* Four principles: shared reading axis, local grouping, repeated rhythm, restrained emphasis. */
[data-art=journal]{--section-space:88px;--group-space:32px;--reading-column:3fr}
[data-art=journal] .section{padding-block:var(--section-space)}
[data-art=journal] .chapter{grid-template-columns:1fr var(--reading-column);gap:32px;padding-top:22px;margin-bottom:32px}
[data-art=journal] .chapter>span{font-weight:500}
[data-art=journal] .chapter h2{font-size:clamp(34px,3.2vw,50px);line-height:1.5}
[data-art=journal] .section-intro{width:calc(75% - 24px);margin-left:auto;margin-bottom:32px;max-width:none}
[data-art=journal] .team-spread{grid-template-columns:1fr;gap:0;padding-block:88px}
[data-art=journal] .team-spread .chapter{display:grid;grid-template-columns:1fr 3fr;gap:32px;margin-bottom:32px}
[data-art=journal] .team-spread h2{margin:0;font-size:clamp(34px,3.2vw,50px)}
[data-art=journal] .team-spread>div:last-child{width:calc(75% - 24px);margin-left:auto}
[data-art=journal] .team-spread .partner-map{margin-bottom:24px}
[data-art=journal] .signal-stage{grid-template-columns:1.35fr .85fr;gap:40px;padding-block:42px}
[data-art=journal] .signal-copy h1{font-size:clamp(48px,5.1vw,78px);line-height:1.32}
[data-art=journal] .signal-object{width:100%;max-width:400px;justify-self:end;margin:0}
[data-art=journal] .signal-piece>span:first-child{font-size:clamp(32px,3.7vw,54px)}
[data-art=journal] .signal-note{bottom:-24px;font-size:16px}
[data-art=journal] .signal-label{margin-bottom:18px;font-weight:700}
[data-art=journal] .signal-intro{margin-top:24px;font-size:20px;line-height:1.85}
[data-art=journal] .signal-bottom{padding-block:18px;font-weight:500}
[data-art=journal] .price-grid{margin-top:30px}
[data-art=journal] .art-pricing{padding-top:0}
[data-art=journal] .service-group{grid-template-columns:1fr 3fr;gap:32px;margin-top:32px}
[data-art=journal] .service-group>h3{font-size:23px;line-height:1.65}
[data-art=journal] .service-detail summary{font-size:25px;padding:18px 0}
[data-art=journal] .service-detail summary::after{opacity:.85}
[data-art=journal] .actions{margin-top:28px}
[data-art=journal] .two-stories h3{margin:16px 0;font-size:28px}
[data-art=journal] .consult-overview{margin-top:48px}
[data-art=journal] .process-strip{margin-top:24px}
[data-art=journal] .content-section{grid-template-columns:1fr 3fr;gap:32px;padding-block:56px}
[data-art=journal] .section-heading h2{font-size:26px;margin-top:12px}
[data-art=journal] .section-body h3{margin-bottom:12px}
[data-art=journal] .section-body p+p{margin-top:16px}
[data-art=journal] .journal-title{padding-block:28px 32px}
[data-art=journal] .journal-title h1{font-size:clamp(48px,5.6vw,84px);line-height:1.62}
[data-art=journal] .journal-side{font-size:clamp(32px,3.5vw,50px);top:32px}
[data-art=journal] .journal-photo-grid{grid-template-columns:2fr 1fr;gap:48px}
[data-art=journal] .journal-ticker{font-size:clamp(48px,6vw,88px);padding-top:26px}
[data-art=journal] .art-culture .chapter{margin-bottom:40px}
[data-art=journal] .culture-features{gap:64px}
[data-art=journal] .culture-feature,[data-art=journal] .culture-feature:nth-child(even){gap:40px}
[data-art=journal] .culture-feature:nth-child(3){width:100%;grid-template-columns:1.3fr 1fr}
[data-art=journal] .culture-feature h3{margin-block:16px;line-height:1.75}
[data-art=journal] .culture-feature .feature-index{padding-top:12px}
[data-art=journal] .art-jobs{padding-top:0}
[data-art=journal] .art-jobs .job-ordinal{font-size:64px;margin-bottom:24px}
[data-art=journal] .art-jobs .job-editorial h3{margin-block:12px 18px}
[data-art=journal] .location-pair{margin-block:32px}
[data-art=journal] .art-people .people-editorial{gap:8%;grid-template-columns:1fr 1fr}
[data-art=journal] .art-people .people-editorial article:nth-child(2){padding-top:96px}
[data-art=journal] .art-closing{padding-block:80px}
/* Motion is progressive enhancement: no CSS rule hides content before JS starts. */
[data-art=journal] .signal-you,[data-art=journal] .signal-us,[data-art=journal] .journal-main-photo{animation:none}
[data-art=journal] .button{transition:background-color .24s ease,color .24s ease,border-color .24s ease}
[data-art=journal] .editorial-detail summary,[data-art=journal] .service-detail summary{transition:color .2s ease,background-color .2s ease}
[data-art=journal] summary:focus-visible{outline-offset:4px}
@media(hover:hover){[data-art=journal] .service-detail summary:hover,[data-art=journal] .editorial-detail summary:hover{background:var(--soft);color:var(--ink)}[data-art=journal] .services-section .service-detail summary:hover{background:#41365e;color:#fff}}
@media(max-width:1100px){[data-art=journal] .signal-stage{gap:25px;grid-template-columns:1.25fr .85fr}[data-art=journal] .signal-copy h1{font-size:48px}[data-art=journal] .signal-object{max-width:320px}[data-art=journal] .signal-piece>span:first-child{font-size:34px}[data-art=journal] .signal-piece>span:last-child{font-size:16px}[data-art=journal] .signal-intro{font-size:18px}[data-art=journal] .signal-note{font-size:16px;bottom:-36px}[data-art=journal] .journal-title h1{font-size:52px}[data-art=journal] .journal-photo-grid{gap:30px}[data-art=journal] .service-group>h3{font-size:21px}}
@media(max-width:767px){[data-art=journal]{--section-space:64px}[data-art=journal] .chapter,[data-art=journal] .team-spread .chapter{display:block;margin-bottom:24px;padding-top:18px}[data-art=journal] .chapter h2,[data-art=journal] .team-spread h2{font-size:30px;margin-top:14px}[data-art=journal] .section-intro,[data-art=journal] .team-spread>div:last-child{width:100%;margin-left:0}[data-art=journal] .team-spread{padding-block:64px}[data-art=journal] .signal-stage{display:block;padding-block:28px 36px}[data-art=journal] .signal-copy h1{font-size:clamp(38px,8.7vw,62px);line-height:1.4}[data-art=journal] .signal-intro{font-size:16px;margin-top:20px}[data-art=journal] .signal-object{width:62%;max-width:260px;margin:30px 0 10px auto;aspect-ratio:1/1}[data-art=journal] .signal-piece{width:70%}[data-art=journal] .signal-piece>span:first-child{font-size:28px}[data-art=journal] .signal-piece>span:last-child{font-size:14px}[data-art=journal] .signal-note{left:-57%;bottom:0;font-size:14px;max-width:120px}[data-art=journal] .signal-label{max-width:none;font-size:14px}[data-art=journal] .signal-label span{display:block}[data-art=journal] .signal-bottom{font-size:14px}[data-art=journal] .service-group{display:block;margin-top:28px}[data-art=journal] .service-group>h3{font-size:23px;padding-bottom:12px}[data-art=journal] .service-detail summary{font-size:22px}[data-art=journal] .two-stories h3{font-size:25px}[data-art=journal] .content-section{display:block;padding-block:36px}[data-art=journal] .section-heading{margin-bottom:24px}[data-art=journal] .section-heading h2{font-size:25px}[data-art=journal] .journal-title h1{font-size:clamp(28px,7.4vw,52px)}[data-art=journal] .journal-photo-grid{display:block}[data-art=journal] .journal-ticker{font-size:48px}[data-art=journal] .culture-feature,[data-art=journal] .culture-feature:nth-child(even),[data-art=journal] .culture-feature:nth-child(3){display:flex;gap:20px}[data-art=journal] .culture-features{gap:44px}[data-art=journal] .art-culture .chapter{margin-bottom:28px}[data-art=journal] .art-people .people-editorial{display:grid;grid-template-columns:1fr;gap:40px}[data-art=journal] .art-people .people-editorial article:nth-child(2){padding-top:0}[data-art=journal] .art-closing{padding-block:64px}[data-art=journal] .art-jobs .job-ordinal{font-size:48px}}
@media(max-width:767px){[data-art=journal] .signal-you{padding-bottom:28%}}
[data-art=journal] .service-group{row-gap:0}
.scope-map{margin-block:28px;border-block:1px solid var(--line);padding-block:24px}
.scope-map>p:first-child{font-weight:700;margin-bottom:22px}
.scope-map>div{display:grid;grid-template-columns:100px 1fr;align-items:center;border-top:1px solid var(--line);padding:22px 0;gap:24px}
.scope-map>div h3{margin:0!important;font-size:28px!important;color:var(--accent)}
.scope-map>p:last-child{padding-top:20px;border-top:1px solid var(--line);margin:0}
[data-art=journal] summary{list-style:none}
[data-art=journal] summary::marker{content:''}
[data-art=journal] summary::-webkit-details-marker{display:none}
[data-art=journal] .faq summary{display:flex;justify-content:space-between;gap:16px}
[data-art=journal] .faq summary::after{content:'開く';font-size:16px;flex-shrink:0;font-weight:400}
[data-art=journal] .faq details[open]>summary::after{content:'閉じる'}
@media(max-width:600px){.scope-map>div{grid-template-columns:65px 1fr;gap:18px}.scope-map>div h3{font-size:24px!important}[data-art=journal] .faq summary::after{font-size:14px}}
/* FV motion helpers (renewal.js heroMotion, docs/48). Added by JS only when motion is allowed; nothing is hidden beforehand. */
.fv-line{display:inline-block;clip-path:inset(-.12em -.3em -.22em -.3em)}
.fv-line>span,.fv-char,.fv-word{display:inline-block}
.fv-char{white-space:pre}
.signal-copy h1 em.fv-underline{border-bottom-color:transparent;background:linear-gradient(var(--accent),var(--accent)) 0 100%/100% 3px no-repeat border-box}
.fv-ring{position:absolute;left:15%;top:15%;width:70%;aspect-ratio:1/1;border-radius:50%;border:1px solid var(--accent);z-index:-1;pointer-events:none;opacity:0}
.fv-photo-frame{display:block;overflow:hidden}
.journal-ticker .fv-track{display:inline-block;padding:0;white-space:nowrap;will-change:transform}
.journal-ticker .fv-seg{display:inline-block;padding:0 35px 0 0}
/* ===== Motion & information design (docs/49, 2026-09-28) =====
   References: ULIZA (easing, staggered lists, sticky goals, stacked sheets), Gainsight (blur-up), SateBiz (cover wipe, drawn diagram),
   Cosawell / Insight / Serverworks (typed labels, unified interview cards, photo stream with a stop button, big closing word). */
:root{--ease-out:cubic-bezier(.19,1,.22,1)}
/* Alignment: buttons follow the text they belong to; only the closing CTA is centred. */
[data-art=journal] .actions{justify-content:flex-start;text-align:left}
[data-art=journal] .art-closing .actions,[data-art=journal] .closing .actions{justify-content:center}
[data-art=journal] .partner-caption{text-align:left}
/* Chapter heading: big number, English label, Japanese heading — repeated on every chapter. */
[data-art=journal] .chapter-label{display:grid;gap:12px;align-content:start;padding:0}
[data-art=journal] .chapter-no{display:block;font:700 clamp(56px,6.2vw,96px)/.9 Arial,sans-serif;letter-spacing:-.06em;color:var(--accent)}
[data-art=journal] .chapter-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-art=journal] .chapter-en{display:block;font:700 14px/1.5 Arial,sans-serif;letter-spacing:.16em}
[data-art=journal].aikata .services-section .chapter-no{color:#bdb1e3}
[data-art=journal] .team-spread .chapter{grid-template-columns:1fr 3fr}
/* AIKATA diagram: the connector label must stay on one line. */
.partner-map{grid-template-columns:1fr 112px 1.25fr}
.partner-line span{white-space:nowrap;font-size:14px!important;font-weight:700}
@media(max-width:767px){.partner-map{grid-template-columns:1fr}.partner-line span{width:auto}}
/* AIKATA pricing: amount and hours lead each card. */
[data-art=journal] .price-card{transition:background-color .5s var(--ease-out)}
[data-art=journal] .price-card .price{font-size:clamp(34px,3.3vw,52px)}
[data-art=journal] .price-card .hours strong{font-size:26px;color:var(--accent);letter-spacing:-.02em}
[data-art=journal] .price-card.is-recommended{background:#f4f1fa;box-shadow:inset 0 4px 0 var(--accent)}
@media(hover:hover){[data-art=journal] .price-card:hover{background:#f7f5fb}}
/* AIKATA services: goal stays in view while its services are read; services in two columns. */
@media(min-width:1001px){
 [data-art=journal].aikata .services-section .service-group{grid-template-columns:1fr 1.5fr 1.5fr;column-gap:32px}
 [data-art=journal].aikata .services-section .service-group>h3{grid-column:1;grid-row:1/20;position:sticky;top:32px;align-self:start}
 [data-art=journal].aikata .services-section .service-detail{grid-column:auto;align-self:start}
 [data-art=journal].aikata .services-section .service-detail summary{font-size:22px}
}
/* AIKATA stacked sheets. */
[data-art=journal].aikata .services-section{position:relative;z-index:2;border-radius:0 0 56px 56px}
[data-art=journal].aikata .services-section+section{margin-top:-56px;border-top:56px solid transparent}
[data-art=journal].aikata main>.soft{border-radius:56px 56px 0 0}
@media(max-width:767px){[data-art=journal].aikata .services-section{border-radius:0 0 28px 28px}[data-art=journal].aikata .services-section+section{margin-top:-28px;border-top-width:28px}[data-art=journal].aikata main>.soft{border-radius:28px 28px 0 0}}
/* AIKATA 05: links read as a list with numbers. */
[data-art=journal] .link-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:32px;border-top:1px solid var(--ink)}
[data-art=journal] .link-rows li{border-bottom:1px solid var(--line)}
[data-art=journal] .link-rows a{position:relative;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:26px 4px;text-decoration:none;font-weight:700;font-size:20px}
[data-art=journal] .link-rows .row-no{font:700 15px/1 Arial,sans-serif;letter-spacing:.08em;color:var(--accent)}
[data-art=journal] .link-rows .row-go{transition:transform .6s var(--ease-out)}
[data-art=journal] .link-rows a::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease-out)}
@media(hover:hover){[data-art=journal] .link-rows a:hover::after{transform:scaleX(1);transform-origin:left}[data-art=journal] .link-rows a:hover .row-go{transform:translateX(6px)}}
@media(max-width:767px){[data-art=journal] .link-rows{grid-template-columns:1fr}[data-art=journal] .link-rows a{font-size:18px;padding:20px 2px;grid-template-columns:40px 1fr auto}}
/* Buttons. AIKATA: fill sweeps from the left. Recruit: the arrow is replaced by the next one. */
[data-art=journal] .button{isolation:isolate;overflow:hidden}
[data-art=journal].aikata .button::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--btn-fill,var(--ink));transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease-out)}
@media(hover:hover){[data-art=journal].aikata .button:hover{background:transparent}[data-art=journal].aikata .button:hover::before{transform:scaleX(1);transform-origin:left}}
[data-art=journal].aikata .services-section .button{--btn-fill:#fff}
[data-art=journal].aikata .closing .button{--btn-fill:var(--accent)}
@media(hover:hover){[data-art=journal].aikata .closing .button:hover{background:var(--ink);color:#fff}}
[data-art=journal].recruit .button::after{content:'→';display:inline-block;width:1.2em;margin-left:12px;text-align:left;text-indent:0;text-shadow:-1.6em 0 0 currentColor;clip-path:inset(0);transition:text-indent .6s var(--ease-out)}
@media(hover:hover){[data-art=journal].recruit .button:hover::after{text-indent:1.6em}}
/* Floating CTA (shown by renewal.js after the first view, hidden near the closing CTA and footer). */
.float-cta{position:fixed;right:24px;bottom:24px;z-index:50;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-weight:700;text-decoration:none;transform:translateY(calc(100% + 40px));visibility:hidden;transition:transform .6s var(--ease-out),visibility 0s .6s,background-color .24s ease}
.float-cta.is-shown{transform:none;visibility:visible;transition:transform .6s var(--ease-out),visibility 0s,background-color .24s ease}
@media(hover:hover){.float-cta:hover{background:var(--accent);border-color:var(--accent)}}
@media(max-width:600px){.float-cta{left:16px;right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.float-cta,.float-cta.is-shown{transition:none}}
/* Recruit interview cards: same ratio and size for every person. */
[data-art=journal] .people-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}
[data-art=journal] .people-card a{display:block;text-decoration:none;color:var(--ink)}
[data-art=journal] .people-photo{margin:0;aspect-ratio:3/4;overflow:hidden;background:#dfe6fb}
[data-art=journal] .people-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 28%;transition:transform .9s var(--ease-out)}
[data-art=journal] .people-card .story-number{display:block;margin-top:22px;font:700 14px/1.4 Arial,sans-serif;letter-spacing:.14em;color:var(--accent)}
[data-art=journal] .people-card h3{font-size:clamp(20px,1.75vw,25px);line-height:1.6;margin:10px 0 18px;min-height:3.2em;letter-spacing:-.02em}
[data-art=journal] .people-role{margin:0;font-size:14px;line-height:1.6}
[data-art=journal] .people-name{margin:2px 0 18px;font-size:20px;font-weight:700}
[data-art=journal] .people-more{position:relative;display:inline-block;font-weight:700;font-size:15px;padding-bottom:4px}
[data-art=journal] .people-more::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transition:transform .6s var(--ease-out)}
@media(hover:hover){[data-art=journal] .people-card a:hover img{transform:scale(1.05)}[data-art=journal] .people-card a:hover .people-more::after{animation:underline-run .8s var(--ease-out)}}
@keyframes underline-run{0%{transform:scaleX(1);transform-origin:right}45%{transform:scaleX(0);transform-origin:right}46%{transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}
@media(max-width:767px){[data-art=journal] .people-cards{grid-template-columns:1fr;gap:28px}[data-art=journal] .people-card a{display:grid;grid-template-columns:132px 1fr;column-gap:18px;align-items:start}[data-art=journal] .people-photo{grid-row:1/7}[data-art=journal] .people-card .story-number{margin-top:0}[data-art=journal] .people-card h3{font-size:18px;min-height:0;margin:6px 0 10px}[data-art=journal] .people-name{font-size:17px;margin-bottom:10px}[data-art=journal] .people-role{font-size:13px}}
/* Recruit photo stream. Static strip without JS; loops (with a stop button) when motion is allowed. */
.photo-stream{position:relative;overflow:hidden;display:grid;gap:16px;padding-block:8px 96px}
.stream-row{display:flex;gap:16px;width:max-content}
.stream-row.is-reverse{margin-left:-14vw}
.stream-item{flex:none;margin:0;height:clamp(170px,19vw,290px);overflow:hidden;background:#dfe6fb}
.stream-item.is-landscape{aspect-ratio:3/2}
.stream-item.is-portrait{aspect-ratio:3/4}
.stream-item img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.stream-toggle{position:absolute;right:var(--gutter,24px);bottom:32px;min-height:44px;padding:8px 18px;border:1px solid var(--ink);background:#fff;color:var(--ink);font:700 14px/1.4 "Noto Sans JP",sans-serif;cursor:pointer}
@media(hover:hover){.stream-toggle:hover{background:var(--ink);color:#fff}}
@media(max-width:767px){.photo-stream{gap:10px;padding-bottom:84px}.stream-row{gap:10px}.stream-item{height:150px}.stream-toggle{bottom:24px}}
/* Recruit closing: a large decorative word behind the call to action. */
[data-art=journal].recruit .art-closing{isolation:isolate}
.closing-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;font:900 min(22vw,340px)/1 Arial,sans-serif;letter-spacing:-.06em;color:rgba(255,255,255,.1);white-space:nowrap;pointer-events:none;user-select:none}
/* Motion helpers added by renewal.js only. */
.fv-photo-frame{position:relative}
.reveal-cover{position:absolute;inset:0;z-index:1;background:var(--accent);transform-origin:right;pointer-events:none}
[data-art=journal] .chapter-en{width:fit-content}
.partner-line{background:linear-gradient(var(--ink),var(--ink)) 0 0/100% 100% no-repeat}
/* Recruit 04: the text panel overlapped the caption and sat 35px off the left edge. */
@media(min-width:768px){[data-art=journal] .work-spread.photo-zig>div{padding:35px 35px 35px 0}[data-art=journal] .work-spread.photo-zig figcaption{padding-left:67px}}
@media(max-width:767px){[data-art=journal] .work-spread.photo-zig>div{margin:0;padding:24px 0 0}[data-art=journal] .people-card h3 br{display:none}}
/* ===== Experience layer (docs/50, 2026-09-28) =====
   Web fonts, opening, page transitions, sticky header, pointer, scroll scenes, digits and gauges, lower-page headings. */
body.aikata{--display:"Plus Jakarta Sans","Noto Sans JP",sans-serif;--open-bg:#493183}
body.recruit{--display:"Archivo","Noto Sans JP",sans-serif;--open-bg:#1649e8}
html,body{overflow-x:clip}
[data-art=journal] :is(h1,h2,h3,.large-copy,.journal-manifesto>span){font-feature-settings:'palt' 1}
[data-art=journal] :is(.price-card .price,.price-amount,.journal-side,.journal-ticker,.feature-index,.a-page-mark span,.r-page-mark,.job-ordinal,.chapter-no,.chapter-en,.row-no,.story-number,.closing-word,.signal-piece>span:first-child,.wordmark,.section-index,.kicker,.signal-topline>span:first-child,.journal-issue>span:first-child,.process-strip li>span,.brand>span:last-child,.partner-map>div>span:first-child,.scrolly-count,.closing-orbit span){font-family:var(--display)}
body.recruit :is(.journal-ticker,.journal-side,.closing-word,.chapter-no,.job-ordinal,.r-page-mark,.opening-words){font-stretch:118%}
body.recruit .journal-ticker{font-weight:900}
[data-art=journal] .price-card .price,[data-art=journal] .chapter-no{letter-spacing:-.05em}
[id^=section-]{scroll-margin-top:110px}

/* Opening: a paint-time panel (only while html.is-opening, set by the head script) handed over to the JS layer. */
.is-opening:not(.opening-ready) body::after{content:'';position:fixed;inset:0;z-index:1000;background:var(--open-bg);animation:opening-failsafe 0s 4s forwards}
@keyframes opening-failsafe{to{visibility:hidden}}
.opening{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:20px;background:var(--open-bg);color:#fff;text-align:center}
.opening p{margin:0}
.opening-mark{position:relative;width:148px;height:96px}
.opening-mark span{position:absolute;top:0;width:96px;height:96px;border-radius:50%;border:2px solid #fff}
.opening-mark span:first-child{left:0}
.opening-mark span:last-child{right:0;background:rgba(255,255,255,.88)}
.opening-word{font:800 clamp(48px,7vw,92px)/1 var(--display);letter-spacing:-.03em}
.opening-sub{font:700 13px/1.4 var(--display);letter-spacing:.26em}
.opening-words{display:grid;gap:2px;font:900 clamp(58px,11vw,156px)/.92 var(--display);letter-spacing:-.045em;text-align:left}
.opening-words>span{display:block;overflow:hidden;padding-bottom:.05em}
.opening-words>span>span{display:inline-block}

/* Page transitions between pages of the same site (View Transitions; browsers without it switch instantly). */
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:vt-old .55s cubic-bezier(.77,0,.18,1) both}
 ::view-transition-new(root){animation:vt-new .8s cubic-bezier(.77,0,.18,1) both}
}
@keyframes vt-old{to{transform:translateY(-5vh);opacity:.25}}
@keyframes vt-new{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}

/* Header: sticky, hides while reading down, returns on the way up. */
[data-art=journal] .site-header{position:sticky;top:0;isolation:isolate;transition:transform .7s var(--ease-out)}
[data-art=journal] .site-header::before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:var(--paper)}
[data-art=journal] .site-header::after{content:'';position:absolute;left:calc(50% - 50vw);right:calc(50% - 50vw);bottom:0;height:1px;background:var(--line);opacity:0;transition:opacity .4s}
[data-art=journal] .site-header.is-scrolled::after{opacity:1}
[data-art=journal] .site-header.is-hidden{transform:translateY(-100%)}
@media(hover:hover){
 [data-art=journal] .site-header nav a:not(:last-child),[data-art=journal] .in-page-nav a{position:relative;text-decoration:none}
 [data-art=journal] .site-header nav a:not(:last-child)::after,[data-art=journal] .in-page-nav a::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease-out)}
 [data-art=journal] .site-header nav a:not(:last-child):hover::after,[data-art=journal] .in-page-nav a:hover::after{transform:scaleX(1);transform-origin:left}
 [data-art=journal] .site-header nav a:last-child{position:relative;isolation:isolate;overflow:hidden}
 [data-art=journal] .site-header nav a:last-child::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease-out)}
 [data-art=journal] .site-header nav a:last-child:hover::before{transform:scaleX(1);transform-origin:left}
}
[data-art=journal].aikata .services-section .service-group>h3{top:calc(var(--hdr,0px) + 32px);transition:top .7s var(--ease-out)}

/* Pointer follower (desktop). */
.cursor{position:fixed;left:0;top:0;z-index:999;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .3s}
.cursor.is-on{opacity:1}
.cursor>span{position:absolute;left:0;top:0;width:10px;height:10px;translate:-50% -50%;border-radius:50%;background:var(--accent);display:grid;place-items:center;overflow:hidden;color:#fff;font:700 11px/1 var(--display);letter-spacing:.14em;white-space:nowrap;transition:width .6s var(--ease-out),height .6s var(--ease-out),background-color .3s}
.cursor[data-mode=link]>span{width:46px;height:46px;background:color-mix(in srgb,var(--accent) 16%,transparent)}
.cursor[data-mode=photo]>span{width:64px;height:64px;background:color-mix(in srgb,#fff 30%,transparent);border:1px solid #fff}
.cursor[data-mode=view]>span{width:96px;height:96px}
.is-magnetic{transition:translate .6s var(--ease-out),background-color .24s ease,color .24s ease,border-color .24s ease}

/* Digits roll, hours gauge. */
.fv-digit{display:inline-block;clip-path:inset(-.05em -.25em)}
.fv-digit>span{display:inline-block}
.hours-gauge{position:relative;display:block;height:6px;margin-top:12px;background:color-mix(in srgb,var(--accent) 10%,transparent);transform-origin:left}
.hours-gauge b,.hours-gauge i{position:absolute;top:0;bottom:0}
.hours-gauge b{left:0;background:color-mix(in srgb,var(--accent) 30%,transparent)}
.hours-gauge i{background:var(--accent)}
.section-body .hours-gauge{max-width:260px}

/* Card and photo hovers. */
[data-art=journal] .price-card::after{content:'';position:absolute;left:0;right:0;top:-2px;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .7s var(--ease-out)}
@media(hover:hover){[data-art=journal] .price-card:hover::after{transform:scaleX(1);transform-origin:left}}
.is-parallax img{scale:1.14;transition:scale 1.1s var(--ease-out)}
@media(hover:hover){.is-parallax:hover img{scale:1.2}.stream-item img{transition:transform 1s var(--ease-out)}.stream-item:hover img{transform:scale(1.06)}}
body.recruit .culture-feature .text-band{background:linear-gradient(var(--accent),var(--accent)) 0 0/100% 100% no-repeat}

/* AIKATA motif: two circles recur — an orbit beside the plans, and YOU/AIKATA meeting behind the closing CTA. */
[data-art=journal] .art-pricing{position:relative}
.deco-orbit{position:absolute;right:0;top:8px;width:min(20vw,270px);aspect-ratio:1/1;z-index:-1;pointer-events:none}
.deco-orbit span{position:absolute;width:64%;aspect-ratio:1/1;border-radius:50%;border:1px solid var(--line)}
.deco-orbit span:first-child{left:0;top:0}
.deco-orbit span:last-child{right:0;bottom:0;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent)}
[data-art=journal].aikata .art-closing{isolation:isolate}
.closing-orbit{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.closing-orbit span{position:absolute;top:50%;width:min(44vw,540px);aspect-ratio:1/1;border-radius:50%;translate:0 -50%;display:grid;justify-items:center;align-content:start;padding-top:9%;font-size:13px;font-weight:800;letter-spacing:.24em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}
.closing-orbit span:first-child{right:50%;margin-right:-9%}
.closing-orbit span:last-child{left:50%;margin-left:-9%;background:color-mix(in srgb,var(--accent) 7%,transparent)}
@media(max-width:767px){.deco-orbit{display:none}.closing-orbit span{width:70vw;font-size:11px}}

/* AIKATA 04: consultation steps held on screen (desktop, JS + motion only). */
.scrolly-bar{display:block;height:2px;margin-top:22px;background:var(--line)}
.scrolly-bar i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
@media(min-width:1001px){
 .consult-scroll.has-scrolly{height:210vh}
 .has-scrolly .consult-overview{position:sticky;top:calc(var(--hdr,0px) + 12vh);display:grid;grid-template-columns:1fr 3fr;column-gap:32px;align-items:start;transition:top .7s var(--ease-out)}
 .has-scrolly .consult-overview>*{grid-column:2}
 .has-scrolly .scrolly-count{grid-column:1;grid-row:1/6;margin:0;font-size:clamp(120px,12vw,190px);font-weight:700;line-height:.85;letter-spacing:-.06em;color:var(--accent)}
 .has-scrolly .process-strip li{opacity:.28;border-top-color:var(--line);transition:opacity .6s var(--ease-out),border-color .6s}
 .has-scrolly .process-strip li.is-active{opacity:1;border-top-color:var(--accent)}
 .has-scrolly .process-strip li.is-past{opacity:.62;border-top-color:var(--accent)}
}

/* Lower pages: bigger section numbers in the display face. */
[data-art=journal] .section-index{display:block;font-size:44px;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--accent)}
[data-art=journal] .kicker{letter-spacing:.2em;font-weight:700;width:fit-content}
@media(min-width:1001px){
 .has-scrolly .consult-overview{top:calc(var(--hdr,0px) + 20vh)}
 .has-scrolly .consult-overview>h3{font-size:clamp(28px,2.4vw,36px)}
 .has-scrolly .scrolly-count{font-size:clamp(150px,15vw,230px)}
 .has-scrolly .process-strip h3{font-size:26px}
 .has-scrolly .process-strip p{font-size:17px}
}
/* ===== Color & gradient (docs/51, 2026-09-28): "B vivid" on both sites + an ambient light that shifts per chapter =====
   --g-vivid: decoration only. --g-deep: surfaces that carry white text. --g-num: vertical gradient for numbers (works per digit). */
body.aikata{--g-vivid:linear-gradient(120deg,#5b2bd6 0%,#6b6cf0 40%,#3fa6ff 70%,#f29cc0 100%);--g-deep:linear-gradient(125deg,#3d1fa8 0%,#5646d4 50%,#2b6fd6 100%);--g-text:linear-gradient(120deg,#4a22c4,#5a5ce0 55%,#2f7fe0);--g-num:linear-gradient(180deg,#4a22c4 15%,#3d86ec 95%)}
body.recruit{--g-vivid:linear-gradient(120deg,#1238d6 0%,#1f7bff 50%,#22c6f0 100%);--g-deep:linear-gradient(120deg,#1238d6,#1f63f0);--g-text:linear-gradient(120deg,#1238d6,#1f6fff 60%,#1aa7de);--g-num:linear-gradient(180deg,#1238d6 15%,#1c9be0 95%)}

/* Ambient light behind white chapters (created by renewal.js; the tone follows the chapter at the centre of the screen). */
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ambient i{position:absolute;width:70vmax;height:70vmax;left:0;top:0;border-radius:50%;background:radial-gradient(closest-side,currentColor,transparent);opacity:.75;transition:translate .9s cubic-bezier(.45,0,.55,1),color .9s cubic-bezier(.45,0,.55,1)}
@media(prefers-reduced-motion:reduce){.ambient i{transition:none}}
body.aikata .ambient i:first-child{color:#e2d8ff;translate:55vw -30vmax}
body.aikata .ambient i:last-child{color:#d6e8ff;translate:-35vmax 45vh}
html[data-tone="1"] body.aikata .ambient i:first-child{color:#ffdcec;translate:-30vmax -25vmax}
html[data-tone="1"] body.aikata .ambient i:last-child{color:#dcd6ff;translate:60vw 40vh}
html[data-tone="2"] body.aikata .ambient i:first-child{color:#d4e7ff;translate:62vw 5vh}
html[data-tone="2"] body.aikata .ambient i:last-child{color:#ffe0ef;translate:-40vmax 20vh}
html[data-tone="3"] body.aikata .ambient i:first-child{color:#e6dcff;translate:20vw -40vmax}
html[data-tone="3"] body.aikata .ambient i:last-child{color:#ffdce9;translate:55vw 50vh}
body.recruit .ambient i:first-child{color:#d3e9ff;translate:58vw -30vmax}
body.recruit .ambient i:last-child{color:#d2f6ff;translate:-38vmax 45vh}
html[data-tone="1"] body.recruit .ambient i:first-child{color:#e2dcff;translate:-30vmax -20vmax}
html[data-tone="1"] body.recruit .ambient i:last-child{color:#d3e8ff;translate:62vw 42vh}
html[data-tone="2"] body.recruit .ambient i:first-child{color:#cff4ff;translate:60vw 0vh}
html[data-tone="2"] body.recruit .ambient i:last-child{color:#dfe4ff;translate:-40vmax 25vh}
html[data-tone="3"] body.recruit .ambient i:first-child{color:#d9e6ff;translate:25vw -40vmax}
html[data-tone="3"] body.recruit .ambient i:last-child{color:#cff1ff;translate:55vw 48vh}
[data-art=journal] .partner-section{background:transparent}

/* Numbers: vertical gradient, applied to the element and to each rolling digit so it holds during the animation. */
[data-art=journal] :is(.chapter-no,.section-index,.scrolly-count,.job-ordinal,.price-card .price,.price-amount),[data-art=journal] :is(.chapter-no,.section-index,.job-ordinal,.price-card .price,.price-amount) .fv-digit>span{background:var(--g-num);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-art=journal] :is(.price-card .price,.price-amount) small{-webkit-text-fill-color:var(--ink);color:var(--ink)}
[data-art=journal].aikata .services-section .chapter-no,[data-art=journal].aikata .services-section .chapter-no .fv-digit>span{background:linear-gradient(180deg,#c7b6ff 10%,#8fd0ff 95%);-webkit-background-clip:text;background-clip:text}

/* ---------- AIKATA ---------- */
[data-art=journal].aikata .signal-hero{--shift:0;background:radial-gradient(40% 60% at 85% calc(30% + var(--shift) * 1%),rgba(120,110,255,.55) 0,rgba(120,110,255,0) 70%),radial-gradient(35% 55% at 100% calc(90% - var(--shift) * 1%),rgba(255,150,196,.5) 0,rgba(255,150,196,0) 70%),radial-gradient(40% 60% at 0% 0%,rgba(90,190,255,.4) 0,rgba(90,190,255,0) 70%),#f3f0fb}
[data-art=journal].aikata .signal-us{background:var(--g-deep);border-color:transparent}
[data-art=journal].aikata .signal-copy h1 em{background:var(--g-text)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent;border-bottom:3px solid;border-image:var(--g-vivid) 1}
[data-art=journal].aikata .fv-ring{border-color:#6b6cf0}
[data-art=journal].aikata .partner-team{background:var(--g-deep);border-color:transparent}
[data-art=journal].aikata .partner-fields{border-top-color:rgba(255,255,255,.35)}
[data-art=journal].aikata .price-card.is-recommended{background:linear-gradient(180deg,rgba(107,108,240,.12),rgba(242,156,192,.08))}
[data-art=journal].aikata .price-card::after,[data-art=journal].aikata .hours-gauge i,[data-art=journal].aikata .scrolly-bar i{background:var(--g-vivid)}
[data-art=journal].aikata .deco-orbit span:last-child{border-color:transparent;background:linear-gradient(135deg,rgba(91,43,214,.12),rgba(63,166,255,.12),rgba(242,156,192,.14))}
[data-art=journal].aikata .services-section{background:radial-gradient(60% 50% at 100% 0%,rgba(91,43,214,.8) 0,rgba(91,43,214,0) 70%),radial-gradient(50% 50% at 0% 100%,rgba(63,166,255,.42) 0,rgba(63,166,255,0) 70%),radial-gradient(35% 35% at 70% 100%,rgba(242,156,192,.32) 0,rgba(242,156,192,0) 70%),#1d1838}
[data-art=journal].aikata main>.soft{background:linear-gradient(135deg,rgba(236,230,255,.92),rgba(230,241,255,.92) 50%,rgba(253,234,242,.92))}
[data-art=journal].aikata .art-closing{color:#fff}
[data-art=journal].aikata .art-closing::before{background:radial-gradient(40% 60% at 85% 20%,rgba(242,156,192,.45) 0,rgba(242,156,192,0) 70%),linear-gradient(120deg,#3d1fa8 0%,#5646d4 42%,#2b6fd6 78%,#6a4fc8 100%)}
[data-art=journal].aikata .art-closing .consult-meta{color:#fff}
[data-art=journal].aikata .closing-orbit span{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}
[data-art=journal].aikata .closing-orbit span:last-child{background:rgba(255,255,255,.07)}
[data-art=journal].aikata .closing .button{background:#fff;color:#3b2a86;border-color:#fff;--btn-fill:#efeaff}
@media(hover:hover){[data-art=journal].aikata .closing .button:hover{background:#fff;color:#3b2a86}}
[data-art=journal].aikata .float-cta,[data-art=journal].aikata .site-header nav a:last-child{background:var(--g-deep);border-color:transparent}
[data-art=journal].aikata .sub-title{background:radial-gradient(35% 90% at 100% 20%,rgba(120,110,255,.32) 0,rgba(120,110,255,0) 70%),radial-gradient(30% 80% at 80% 100%,rgba(255,150,196,.3) 0,rgba(255,150,196,0) 70%),rgba(247,245,253,.9)}
[data-art=journal].aikata .a-page-mark span:last-child{background:var(--g-deep);border-color:transparent}
[data-art=journal].aikata .section-heading{border-image:var(--g-vivid) 1}

/* ---------- Recruit ---------- */
[data-art=journal].recruit .journal-hero{--shift:0;background:radial-gradient(45% 55% at 12% calc(88% - var(--shift) * 1%),rgba(40,200,245,.55) 0,rgba(40,200,245,0) 70%),radial-gradient(40% 50% at 0% 0%,rgba(112,70,255,.5) 0,rgba(112,70,255,0) 70%),radial-gradient(30% 40% at 100% calc(100% - var(--shift) * 1%),rgba(40,200,245,.35) 0,rgba(40,200,245,0) 70%),linear-gradient(135deg,#1238d6,#1a5cf5)}
[data-art=journal].recruit .journal-ticker .fv-track{background:linear-gradient(90deg,#fff 0%,#c4f1ff 25%,#fff 50%,#c4f1ff 75%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-art=journal].recruit .culture-feature .text-band{background-image:var(--g-deep)!important}
[data-art=journal].recruit .location-pair>div,[data-art=journal].recruit .two-stories article{border-image:var(--g-vivid) 1}
[data-art=journal].recruit .art-people{background:linear-gradient(135deg,rgba(227,237,255,.92),rgba(230,251,255,.92) 60%,rgba(239,232,255,.92))}
[data-art=journal].recruit .pale-section{background:linear-gradient(135deg,rgba(238,243,255,.92),rgba(232,251,255,.92))}
[data-art=journal].recruit .art-closing::before{background:radial-gradient(45% 70% at 10% 100%,rgba(40,200,245,.4) 0,rgba(40,200,245,0) 70%),linear-gradient(120deg,#1238d6,#3b5cff 45%,#7c4dff 100%)}
[data-art=journal].recruit .float-cta,[data-art=journal].recruit .site-header nav a:last-child{background:var(--g-deep);border-color:transparent}
[data-art=journal].recruit .sub-title{background:radial-gradient(35% 90% at 100% 10%,rgba(40,210,245,.28) 0,rgba(40,210,245,0) 70%),linear-gradient(180deg,rgba(238,244,255,.92),rgba(255,255,255,0))}
[data-art=journal].recruit .people-photo{background:var(--g-vivid)}
[data-art=journal].recruit .reveal-cover{background:var(--g-vivid)}
[data-art=journal].recruit .section-heading{border-image:var(--g-vivid) 1}
[data-art=journal].recruit .price-card::after,[data-art=journal].recruit .hours-gauge i{background:var(--g-vivid)}
[data-art=journal].aikata .two-stories article{border-image:var(--g-vivid) 1}
/* ===== Fewer lines, calmer surfaces (docs/52, 2026-09-28) =====
   Hairline separators are replaced by space and soft tinted panels. Only the diagram connector, the progress bar and link underlines remain. */
[data-art=journal]{--panel:rgba(255,255,255,.72);--panel-tint:color-mix(in srgb,var(--accent) 6%,#fff);--radius:20px}
/* Chapters, page titles, sections */
[data-art=journal] .chapter,[data-art=journal] .team-spread .chapter{border-top:0;padding-top:0}
[data-art=journal] .chapter-label{gap:0}
[data-art=journal] .sub-title{border-top:0}
[data-art=journal] .content-section{border-bottom:0}
[data-art=journal] .section-heading{border-top:0;border-image:none;padding-top:0}
[data-art=journal] .in-page-nav{border-block:0;gap:10px;padding:0}
[data-art=journal] .in-page-nav a{padding:10px 18px;border-radius:999px;background:var(--panel-tint);font-size:15px}
[data-art=journal] .in-page-nav a::after{display:none}
@media(hover:hover){[data-art=journal] .in-page-nav a:hover{background:color-mix(in srgb,var(--accent) 14%,#fff)}}
.site-footer{border-top:0}
[data-art=journal] .site-header::after{display:none}
.signal-hero{border-block:0}
/* AIKATA diagram: keep the connector, soften the boxes */
[data-art=journal] .partner-client,[data-art=journal] .partner-team{border-radius:var(--radius)}
[data-art=journal] .partner-client{border-color:transparent;background:var(--panel)}
/* Plans: separate panels instead of a ruled table */
[data-art=journal] .price-grid{border-top:0;gap:14px}
[data-art=journal] .price-grid>article,[data-art=journal] .price-card+.price-card,[data-art=journal] .section-body article.price,[data-art=journal] .section-body article.price:nth-child(odd){border:0;border-radius:var(--radius);background:var(--panel)}
[data-art=journal] .price-card.is-recommended,[data-art=journal] .section-body article.price.is-recommended{box-shadow:none}
[data-art=journal] .hours{border-top:0;padding-top:4px}
[data-art=journal] .section-body article.price hr{border:0;margin-block:10px}
[data-art=journal] .price-card::after{display:none}
@media(hover:hover){[data-art=journal] .price-grid>article:hover{background:#fff}}
@media(max-width:767px){[data-art=journal] .price-grid,[data-art=journal] .section-body .price-grid{gap:12px}[data-art=journal] .price-grid>article{border-right:0}}
/* Accordions and FAQ: rounded rows */
[data-art=journal] .service-detail,[data-art=journal] .editorial-detail,[data-art=journal] .faq details{border:0;border-radius:16px;background:var(--panel-tint);padding-inline:22px;margin-bottom:10px}
[data-art=journal] .services-section .service-detail{background:rgba(255,255,255,.07)}
[data-art=journal] .service-detail summary,[data-art=journal] .editorial-detail summary{padding-block:16px}
@media(hover:hover){[data-art=journal] .service-detail summary:hover,[data-art=journal] .editorial-detail summary:hover{background:transparent}[data-art=journal] .service-detail:hover,[data-art=journal] .editorial-detail:hover{background:color-mix(in srgb,var(--accent) 11%,#fff)}[data-art=journal] .services-section .service-detail:hover{background:rgba(255,255,255,.12)}}
[data-art=journal] .services-section .service-group{column-gap:14px}
[data-art=journal] .work-list li{border-left:0;padding:6px 0}
/* Story pairs, steps, locations, links: panels and space */
[data-art=journal] .two-stories article{border:0;border-image:none;border-radius:var(--radius);background:var(--panel);padding:32px}
[data-art=journal] .two-stories{gap:16px}
[data-art=journal] .process-strip li{border-top:0;padding:0}
[data-art=journal] .process-strip li>span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--panel-tint);font-size:16px}
.has-scrolly .process-strip li.is-active>span{background:var(--g-deep,var(--accent));color:#fff}
[data-art=journal] .location-pair>div{border:0;border-image:none;border-radius:var(--radius);background:var(--panel-tint);padding:26px 28px}
[data-art=journal] .location-pair{gap:16px}
[data-art=journal] .link-rows{border-top:0;gap:10px}
[data-art=journal] .link-rows li{border-bottom:0}
[data-art=journal] .link-rows a{border-radius:16px;background:var(--panel);padding:22px 24px}
[data-art=journal] .link-rows a::after{display:none}
@media(hover:hover){[data-art=journal] .link-rows a:hover{background:#fff}}
[data-art=journal] .art-jobs .job-editorial{border-bottom:0;gap:16px}
[data-art=journal] .art-jobs .job-editorial article,[data-art=journal] .art-jobs .job-editorial article:first-child,[data-art=journal] .art-jobs .job-editorial article:last-child{border:0;border-radius:var(--radius);background:var(--panel-tint);padding:30px 30px 34px}
[data-art=journal] .job-editorial article{border-top:0}
@media(max-width:767px){[data-art=journal] .art-jobs .job-editorial{display:grid;gap:12px}[data-art=journal] .art-jobs .job-editorial article,[data-art=journal] .art-jobs .job-editorial article:first-child,[data-art=journal] .art-jobs .job-editorial article:last-child{border-top:0;padding:24px}}
/* Lower-page tables, forms and misc */
[data-art=journal] :is(th,td){border-bottom:0}
[data-art=journal] tr:nth-child(odd)>:is(th,td){background:var(--panel-tint)}
[data-art=journal] :is(input,textarea,select){border-color:transparent;background:var(--panel-tint);border-radius:12px}
[data-art=journal] :is(input,textarea,select):focus{background:#fff;border-color:var(--accent)}
[data-art=journal] .form-wait27,[data-art=journal] .scope-map,[data-art=journal] .scope-map>div,[data-art=journal] .scope-map>p:last-child{border:0}
[data-art=journal] .scope-map>div{background:var(--panel-tint);border-radius:16px;padding:18px 22px;margin-bottom:10px}
/* Buttons: soft pills */
[data-art=journal] .button,[data-art=journal] .site-header nav a:last-child,.float-cta,.stream-toggle{border-radius:999px}
[data-art=journal] .button{border-color:color-mix(in srgb,var(--ink) 30%,transparent)}
[data-art=journal] .partner-client{background:var(--panel-tint)}
[data-art=journal] .consult-overview{border:0;padding-top:0}
@media(min-width:1001px){.consult-scroll.has-scrolly{height:160vh}}
[data-art=journal] .partner-fields{border-top:0;gap:8px;padding-top:6px}
[data-art=journal] .partner-fields span{border-right:0;background:rgba(255,255,255,.16);border-radius:999px;padding:4px 14px}
.art-people{border-block:0}
/* ===== Lower pages: colour, page links, service deck (docs/53, 2026-09-28) ===== */
/* Page title band in the site's colours (full width). */
[data-art=journal] .sub-title{overflow:visible;background:none!important}
[data-art=journal] .sub-title::before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1}
[data-art=journal].aikata .sub-title::before{background:radial-gradient(40% 80% at 88% 20%,rgba(120,110,255,.5) 0,rgba(120,110,255,0) 70%),radial-gradient(35% 70% at 100% 100%,rgba(255,150,196,.45) 0,rgba(255,150,196,0) 70%),radial-gradient(40% 70% at 0% 0%,rgba(90,190,255,.32) 0,rgba(90,190,255,0) 70%),#f3f0fb}
[data-art=journal].recruit .sub-title::before{background:radial-gradient(40% 80% at 10% 100%,rgba(40,200,245,.5) 0,rgba(40,200,245,0) 70%),radial-gradient(35% 70% at 0% 0%,rgba(112,70,255,.45) 0,rgba(112,70,255,0) 70%),linear-gradient(135deg,#1238d6,#1a5cf5)}
[data-art=journal].recruit .sub-title,[data-art=journal].recruit .sub-title a{color:#fff}
[data-art=journal].recruit .sub-title :is(.kicker,.seo-heading-label,.breadcrumb){color:rgba(255,255,255,.88)}
[data-art=journal].recruit .sub-title .r-page-mark{color:#fff}
[data-art=journal] .sub-title{margin-bottom:40px}
/* Every other section sits on a soft colour band. */
[data-art=journal] .content-section{position:relative;isolation:isolate}
[data-art=journal] .sub-layout>.content-section:nth-of-type(even)::before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1}
[data-art=journal].aikata .sub-layout>.content-section:nth-of-type(even)::before{background:linear-gradient(135deg,rgba(236,230,255,.75),rgba(230,241,255,.75) 55%,rgba(253,234,242,.7))}
[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even)::before{background:linear-gradient(135deg,rgba(227,237,255,.8),rgba(230,251,255,.8) 60%,rgba(239,232,255,.75))}

/* Buttons that move to another page: a clear pill with an arrow; contact is filled. */
[data-art=journal] .button{background:var(--panel-tint);border-color:transparent;color:var(--ink);gap:0;padding:15px 30px}
[data-art=journal] .button::after{content:'→';display:inline-block;width:1.2em;margin-left:12px;text-align:left;text-indent:0;text-shadow:-1.6em 0 0 currentColor;clip-path:inset(0);transition:text-indent .6s var(--ease-out)}
@media(hover:hover){[data-art=journal] .button:hover::after{text-indent:1.6em}[data-art=journal].recruit .button:hover{background:var(--ink);color:#fff}}
[data-art=journal] a.button[href="/aikata/contact"],[data-art=journal] .button.primary{background:var(--g-deep);color:#fff}
@media(hover:hover){[data-art=journal] a.button[href="/aikata/contact"]:hover,[data-art=journal] .button.primary:hover{filter:brightness(1.12);color:#fff}}
[data-art=journal].aikata a.button[href="/aikata/contact"]::before,[data-art=journal].aikata .button.primary::before{display:none}
[data-art=journal] .services-section .button{background:rgba(255,255,255,.1);color:#fff}
[data-art=journal].aikata .closing .button::before{display:none}

/* NEXT: related pages and contact at the end of each lower page. */
.page-next{padding-block:64px 96px}
.next-label{margin:0 0 18px;font:700 14px/1 var(--display);letter-spacing:.24em;color:var(--accent)}
.next-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.next-card{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:space-between;gap:28px;min-height:176px;padding:28px 30px;border-radius:24px;background:var(--panel-tint);color:var(--ink);text-decoration:none;transition:color .5s var(--ease-out)}
.next-card::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--g-deep);opacity:0;transition:opacity .6s var(--ease-out)}
.next-en{font:700 13px/1 var(--display);letter-spacing:.2em;color:var(--accent);transition:color .5s}
.next-jp{font-size:clamp(20px,1.8vw,26px);font-weight:700;line-height:1.45;padding-right:44px}
.next-go{position:absolute;right:28px;bottom:26px;font-size:28px;line-height:1;transition:transform .6s var(--ease-out)}
.next-card.is-contact{color:#fff}
.next-card.is-contact::before{opacity:1}
.next-card.is-contact .next-en{color:rgba(255,255,255,.8)}
@media(hover:hover){.next-card:hover{color:#fff}.next-card:hover::before{opacity:1}.next-card:hover .next-en{color:rgba(255,255,255,.8)}.next-card:hover .next-go{transform:translateX(8px)}.next-card.is-contact:hover::before{filter:brightness(1.12)}}
@media(max-width:767px){.page-next{padding-block:48px 110px}.next-cards{grid-template-columns:1fr;gap:10px}.next-card{min-height:0;gap:10px;padding:22px 24px;border-radius:18px}}

/* AIKATA service deck slides (click to enlarge). */
.deck-slides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:28px}
.deck-slides.is-single{grid-template-columns:1fr;max-width:900px}
.deck-slide{margin:0}
.deck-slide a{display:block;border-radius:16px;overflow:hidden;background:#fff}
.deck-slide img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transition:transform .9s var(--ease-out)}
@media(hover:hover){.deck-slide a:hover img{transform:scale(1.025)}}
.deck-band{padding-block:8px 72px}
.deck-band .deck-slides.is-single{max-width:1080px;margin:0 auto}
@media(max-width:767px){.deck-slides{grid-template-columns:1fr;gap:10px}.deck-slide a{border-radius:12px}}
.deck-lightbox{width:min(94vw,1500px);max-width:none;max-height:94vh;padding:0;border:0;background:transparent;overflow:visible}
.deck-lightbox::backdrop{background:rgba(18,14,40,.84)}
.deck-lightbox[open]{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.deck-lightbox img{display:block;width:100%;height:auto;max-height:calc(94vh - 64px);object-fit:contain;border-radius:12px;background:#fff}
.deck-lightbox button{min-height:44px;padding:8px 22px;border:0;border-radius:999px;background:#fff;color:#241c48;font:700 14px/1.4 "Noto Sans JP",sans-serif;cursor:pointer}
/* ===== Image direction, grain, card padding (docs/54, 2026-09-28) ===== */
/* Film grain over the whole page (static; no animation). */
body::before{content:'';position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.08;background-size:180px 180px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/aikata/design/assets/%23n)'/%3E%3C/svg%3E")}
@media print{body::before{display:none}}

/* Card padding fixes found in the audit. */
@media(max-width:767px){[data-art=journal] .art-jobs .job-editorial{grid-template-columns:1fr}}
[data-art=journal] .person a{display:block;height:100%;border-radius:var(--radius);background:var(--panel);overflow:hidden;padding-bottom:24px}
[data-art=journal] .person a>:not(.person-image){margin-inline:22px}
[data-art=journal] .person .tag{display:inline-block;margin-top:18px}
[data-art=journal] .scope-map>p{padding-inline:22px}
[data-art=journal] .section-body dl.rows>div{background:var(--panel-tint);border-radius:16px;padding:18px 22px;margin:0 0 10px}
[data-art=journal] .section-body dl.rows dd{margin:4px 0 0}

/* Recruit FV: a second photo overlaps the main one. */
[data-art=journal] .journal-photo-grid{position:relative}
.journal-sub-photo{position:absolute;z-index:2;top:-64px;left:calc((100% - 48px) * 2 / 3 - 11vw);width:min(14vw,210px);aspect-ratio:3/4;margin:0;overflow:hidden;border-radius:16px;border:6px solid #1a4ff0}
.journal-sub-photo img,.overlap-photo img,.title-photo img,.expand-photo img,.stack-card img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;max-width:none}
@media(max-width:767px){.journal-sub-photo{top:-34px;left:auto;right:0;width:28vw;border-width:4px}}

/* Recruit culture: a smaller photo overlaps each feature photo. */
[data-art=journal] .culture-feature figure{position:relative;overflow:visible;margin-bottom:7%}
.overlap-photo{position:absolute;z-index:2;right:-5%;bottom:-12%;width:34%;aspect-ratio:4/5;overflow:hidden;border-radius:16px;border:6px solid #fff}
[data-art=journal] .culture-feature:nth-child(even) .overlap-photo{right:auto;left:-5%}
.is-parallax .overlap-photo img,.is-parallax:hover .overlap-photo img{scale:1}
@media(max-width:767px){.overlap-photo{width:36%;right:-2%;bottom:-10%;border-width:4px}[data-art=journal] .culture-feature:nth-child(even) .overlap-photo{left:-2%}}

/* Recruit: a full-bleed photo that opens up as you scroll (Insight). */
.photo-expand{position:relative;padding-block:16px 72px}
.expand-photo{position:relative;margin:0 auto;width:calc(100% - var(--gutter) * 2);max-width:1440px;height:72vh;min-height:360px;border-radius:24px;overflow:hidden}
.expand-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,70,0) 45%,rgba(10,20,70,.55))}
.expand-word{position:absolute;z-index:1;left:clamp(20px,4vw,64px);bottom:clamp(20px,5vh,56px);color:#fff;font:900 clamp(44px,8.5vw,132px)/.88 var(--display);font-stretch:118%;letter-spacing:-.045em}
.has-expand .photo-expand{height:230vh;padding:0}
.has-expand .expand-stage{position:sticky;top:0;height:100vh}
.has-expand .expand-photo{position:absolute;inset:0;width:100%;max-width:none;height:100%;border-radius:0;clip-path:inset(var(--iy,14vh) var(--ix,22vw) round var(--ir,28px))}

/* Recruit interview cards: role tag on the photo, story prompt on hover (Serverworks). */
[data-art=journal] .people-photo{position:relative}
.photo-tag{position:absolute;left:14px;top:14px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font-size:13px;font-weight:700;line-height:1.4}
.photo-hover{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 18px;background:linear-gradient(180deg,rgba(10,30,110,0),rgba(10,30,110,.78));color:#fff;font:700 13px/1 var(--display);letter-spacing:.16em;transform:translateY(100%);transition:transform .6s var(--ease-out)}
@media(hover:hover){.people-card a:hover .photo-hover{transform:none}}
@media(max-width:767px){.photo-tag{left:8px;top:8px;padding:3px 9px;font-size:11px}.photo-hover{display:none}}

/* Lower-page title bands: a photo (recruit) or a tilted slide with an illustration (AIKATA). */
[data-art=journal] .sub-title:has(.title-photo),[data-art=journal] .sub-title:has(.title-slide){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40%);column-gap:48px;align-items:center}
[data-art=journal] .sub-title:has(.title-photo) .sub-heading,[data-art=journal] .sub-title:has(.title-slide) .sub-heading{max-width:none}
[data-art=journal] .sub-title:has(.title-photo) .r-page-mark,[data-art=journal] .sub-title:has(.title-slide) .a-page-mark{display:none}
.title-photo{margin:0;aspect-ratio:4/3;border-radius:22px;overflow:hidden}
.title-slide{position:relative;margin:0 0 24px 24px;perspective:1400px}
.title-slide>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:14px;background:#fff;transform:rotateY(-18deg) rotateX(8deg) rotateZ(1.5deg);transform-origin:70% 50%;transition:transform 1.1s var(--ease-out)}
@media(hover:hover){.title-slide:hover>img{transform:none}}
.title-illu{position:absolute;left:-26px;bottom:-30px;width:30%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#fff;border:5px solid #fff}
.title-illu img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
@media(max-width:767px){[data-art=journal] .sub-title:has(.title-photo),[data-art=journal] .sub-title:has(.title-slide){grid-template-columns:1fr}.title-photo{aspect-ratio:16/9;margin-top:22px}.title-slide{margin:26px 0 20px 18px}}

/* AIKATA diagram: illustrations cut from the service deck. */
[data-art=journal] .partner-map .illu{display:flex;justify-content:center;gap:10px;margin:14px auto 8px}
[data-art=journal] .partner-map .illu img{width:88px;height:88px;aspect-ratio:1/1;border-radius:50%;object-fit:cover;background:#fff}
[data-art=journal] .partner-client .illu img{mix-blend-mode:multiply}
[data-art=journal] .partner-team .illu img{border:3px solid rgba(255,255,255,.55)}
@media(max-width:767px){[data-art=journal] .partner-map .illu img{width:66px;height:66px}}

/* AIKATA: the support-record slide stands up from a tilted stack (ULIZA). */
.deck-band{position:relative;--t:1;perspective:1800px}
.deck-band .deck-slides.is-single{position:relative;z-index:1;max-width:820px;transform:rotateX(calc((1 - var(--t)) * 24deg)) scale(calc(.9 + var(--t) * .1));transform-origin:50% 100%}
.deck-stack{position:absolute;inset:8px 0 72px;pointer-events:none}
.stack-card{position:absolute;top:10%;width:min(50%,620px);margin:0;border-radius:16px;overflow:hidden;background:#fff}
.stack-card img{height:auto;aspect-ratio:16/9;object-fit:contain}
.stack-card.is-back{left:0;transform:translateX(calc(var(--t) * -4%)) rotateY(26deg) rotateZ(-4deg) scale(.84)}
.stack-card.is-mid{right:0;transform:translateX(calc(var(--t) * 4%)) rotateY(-26deg) rotateZ(4deg) scale(.84)}
@media(max-width:767px){.deck-stack{display:none}}

/* AIKATA: service deck pages flow in two rows (ULIZA logo loop), leading to the document request. */
.photo-stream.is-deck{padding-block:72px 110px}
.photo-stream.is-deck .stream-item.is-slide{height:clamp(140px,14vw,210px);aspect-ratio:16/9;border-radius:12px;background:#fff}
.photo-stream.is-deck .stream-item.is-slide img{object-fit:contain}
.deck-stream-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px}
.deck-stream-cta p{margin:0;font-weight:700;font-size:18px}
.deck-stream-cta .actions{margin:0}
.has-expand .expand-word{left:calc(var(--ix,22vw) + clamp(20px,3vw,48px));bottom:calc(var(--iy,14vh) + clamp(20px,4vh,48px))}
.overlap-photo{right:-3%}
[data-art=journal] .culture-feature:nth-child(even) .overlap-photo{left:-3%}
@media(max-width:767px){.has-expand .expand-word{bottom:calc(var(--iy,10vh) + 96px)}}
/* ===== Wind (docs/55, 2026-09-28): LISH identity 「社会に心地よい風を送る」 on the recruit site ===== */
body.recruit{--wind:cubic-bezier(.22,1,.36,1)}
/* Silk-like wind streaks behind the white chapters, as in the corporate deck (drifts with scroll). */
.wind-silk{position:fixed;inset:-10% -20%;z-index:-1;pointer-events:none;background-repeat:repeat-x;background-size:1600px 900px;background-position:0 30%;opacity:.95;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3Cfilter id='b' x='-20%25' y='-50%25' width='140%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke-linecap='round' filter='url(/aikata/design/assets/%23b)'%3E%3Cpath d='M-200 640C250 430 620 840 1000 570S1520 300 1800 520' stroke='%23a9c3ff' stroke-width='80' opacity='.5'/%3E%3Cpath d='M-200 720C340 540 700 910 1100 660S1540 430 1800 640' stroke='%23d8e5ff' stroke-width='44' opacity='.85'/%3E%3Cpath d='M-200 250C260 110 640 420 1010 240S1450 50 1800 210' stroke='%23c2d5ff' stroke-width='60' opacity='.45'/%3E%3Cpath d='M-200 330C300 200 700 470 1050 320S1500 170 1800 300' stroke='%23eef3ff' stroke-width='26' opacity='.9'/%3E%3C/g%3E%3C/svg%3E")}

/* Mission & two winds */
.wind-mission{position:relative;padding-block:120px 110px;text-align:center}
.wind-en{margin:0 0 18px;font:700 13px/1 var(--display);letter-spacing:.3em;color:var(--accent)}
.wind-text{margin:0 auto;font-size:clamp(28px,3.4vw,50px);line-height:1.6;letter-spacing:-.03em;color:var(--ink)}
.wind-lead{margin:26px auto 0;font-size:17px;line-height:2;max-width:36em}
.two-winds{display:grid;grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:48px;margin:64px auto 0}
.wind-card{display:grid;justify-items:center;row-gap:18px;position:relative}
.wind-orb,.wind-card-en,.wind-card h3{grid-area:1/1}
.wind-card>p:last-child{grid-area:2/1}
.wind-orb{width:min(62vw,240px);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0,rgba(255,255,255,.85) 38%,rgba(214,228,255,.55) 70%,rgba(22,73,232,.12) 100%);border:1px solid rgba(22,73,232,.18);box-shadow:inset 0 0 60px rgba(22,73,232,.10)}
.wind-card-en{align-self:center;transform:translateY(-28px);margin:0;font:700 12px/1 var(--display);letter-spacing:.28em;color:var(--accent)}
.wind-card h3{align-self:center;transform:translateY(14px);margin:0;font-size:clamp(24px,2.2vw,32px);letter-spacing:.08em}
.wind-card p:last-child{margin:0;font-size:15px;line-height:1.9}
.wind-note{margin:44px 0 0;font-weight:700;font-size:18px}
.wind-data{margin-top:88px}
.wind-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1080px;margin:0 auto}
.wind-stat{padding:28px 18px 26px;border-radius:var(--radius,20px);background:rgba(255,255,255,.72)}
.stat-label{margin:0;font-size:14px;font-weight:700}
.stat-value{margin:6px 0 0;display:flex;justify-content:center;align-items:baseline;gap:4px}
.stat-num{font:800 clamp(52px,5.4vw,84px)/1 var(--display);font-stretch:112%;letter-spacing:-.04em;background:var(--g-num);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-num .wd{background:var(--g-num);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-unit{font-size:15px;font-weight:700}
@media(max-width:767px){.wind-mission{padding-block:80px 72px}.two-winds{grid-template-columns:1fr;gap:28px}.wind-orb{width:200px}.wind-stats{grid-template-columns:1fr 1fr;gap:10px}.wind-stat{padding:22px 12px}.wind-text br{display:none}}

/* Letters carried by the wind (split by renewal.js; the heading keeps its full text for assistive tech). */
.wc,.wd{display:inline-block;white-space:pre}

/* Tilted air-stream bands (scroll-linked). */
.wind-bands{position:relative;overflow:hidden;padding-block:40px 20px;display:grid;gap:6px}
.wind-band{margin:0;white-space:nowrap;font:900 clamp(40px,6vw,92px)/1.1 var(--display);font-stretch:118%;letter-spacing:-.04em;color:var(--accent);transform:rotate(-3deg)}
.wind-band.is-reverse{color:transparent;-webkit-text-stroke:1.5px var(--accent);transform:rotate(2deg);margin-left:-30vw}

/* Air-flow lines drawn by renewal.js inside sections 04 and 05. */
.wind-flow{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}
.wind-flow path{fill:none;stroke-width:2;stroke-linecap:round}
.has-windflow{position:relative;isolation:isolate}

/* Opening gust lines */
.opening .gust{position:absolute;left:0;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 40%,rgba(255,255,255,0))}

/* Photo stream leans with the scroll speed. */
.photo-stream .stream-item{transform:skewX(var(--skew,0deg))}

/* Closing breeze canvas */
.breeze{position:absolute;inset:0 calc(50% - 50vw);width:auto;height:100%;z-index:-1;pointer-events:none}
[data-art=journal] :is(.chapter-no,.section-index,.job-ordinal) .wd{background:var(--g-num);-webkit-background-clip:text;background-clip:text;color:transparent}
.breeze{left:calc(50% - 50vw);right:auto;width:100vw}
[data-art=journal] .culture-feature figure{margin-bottom:0}
.stat-num{white-space:nowrap}
.stat-unit{white-space:nowrap}
@media(max-width:767px){.stat-value{flex-direction:column;align-items:center;gap:6px}.stat-num{font-size:46px}}

/* ===== Calm, fast, lower-page CTA (docs/57, 2026-09-28) ===== */
/* Calmer background: lighter grain, softer lights; the recruit site keeps only the wind streaks. */
body::before{opacity:.045}
.ambient i{opacity:.5}
body.recruit .ambient{display:none}
.wind-silk{inset:-10% auto -10% -1600px;width:calc(100vw + 3400px);opacity:.6;will-change:transform}
[data-art=journal].aikata .sub-layout>.content-section:nth-of-type(even)::before{background:linear-gradient(135deg,rgba(236,230,255,.45),rgba(230,241,255,.45))}
[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even)::before{background:linear-gradient(135deg,rgba(227,237,255,.5),rgba(230,251,255,.5))}
/* Tablet: the AIKATA diagram stacks as on phones. */
@media(max-width:1000px){.partner-map{grid-template-columns:1fr}.partner-client{width:85%;margin-inline:auto}.partner-line{height:45px;width:1px;margin-inline:auto;background-size:100% 100%}.partner-line span{width:auto;left:12px;bottom:12px;text-align:left}.partner-caption{grid-column:1}}
/* Recruit wind bands: room for the tilt. */
.wind-bands{padding-block:56px 48px;gap:18px}
.has-expand .photo-expand{height:180vh}
/* Lower pages: bigger section numbers; the title band light moves as you scroll. */
[data-art=journal] .section-index{font-size:clamp(56px,5vw,80px);letter-spacing:-.05em}
[data-art=journal].aikata .sub-title::before{background:radial-gradient(40% 80% at 88% calc(20% + var(--shift,0) * 1%),rgba(120,110,255,.5) 0,rgba(120,110,255,0) 70%),radial-gradient(35% 70% at 100% calc(100% - var(--shift,0) * 1%),rgba(255,150,196,.45) 0,rgba(255,150,196,0) 70%),radial-gradient(40% 70% at 0% 0%,rgba(90,190,255,.32) 0,rgba(90,190,255,0) 70%),#f3f0fb}
[data-art=journal].recruit .sub-title::before{background:radial-gradient(40% 80% at 10% calc(100% - var(--shift,0) * 1%),rgba(40,200,245,.5) 0,rgba(40,200,245,0) 70%),radial-gradient(35% 70% at 0% 0%,rgba(112,70,255,.45) 0,rgba(112,70,255,0) 70%),linear-gradient(135deg,#1238d6,#1a5cf5)}
.title-slide{perspective:1400px}
/* Lower-page CTA band: the same closing as the top page, full width. */
[data-art=journal] .sub-cta{margin-top:24px}
[data-art=journal] .sub-cta h2{font-size:clamp(40px,5vw,76px)}
[data-art=journal] .sub-cta .button{min-width:300px;min-height:64px;font-size:18px}
[data-art=journal] .page-next{padding-bottom:40px}
@media(max-width:767px){[data-art=journal] .sub-cta .button{min-width:0;width:100%}}

/* ===== Review fixes (docs/58, 2026-09-28) ===== */
/* Closing orbit labels collided with the lead line (1440/375): labels sit at the outer edge, hidden on phones. */
.closing-orbit span{align-content:center;padding:0}
.closing-orbit span:first-child{justify-items:start;padding-left:9%}
.closing-orbit span:last-child{justify-items:end;padding-right:9%}
@media(max-width:767px){.closing-orbit span{font-size:0}}
/* Stats: the unit sits under the number at every width (「300店舗以上」 overflowed its card at 768–1440). */
.stat-value{flex-direction:column;align-items:center;gap:4px}
.stat-num{font-size:clamp(46px,4.4vw,72px)}
/* Lower pages: vertical rhythm (blank runs of 258–283px under the title band and 210px before NEXT). */
[data-art=journal] .sub-title{padding-bottom:48px;margin-bottom:12px}
@media(min-width:768px){[data-art=journal] .content-section{padding-block:44px}}
[data-art=journal] .sub-layout{padding-bottom:24px}
[data-art=journal] .page-next{padding-top:48px}
/* Footer links: 26px tall on phones (WCAG 2.2 AAA target 44px). */
@media(max-width:767px){.site-footer nav a{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:767px){.wind-stat{padding:22px 14px}}
.sub-cta .closing-orbit span{font-size:0}

/* ===== Breeze (docs/59, 2026-09-29): after recruit.chiyodakohan.co.jp — content carried in on a breeze; 追い風 and 循環の風 ===== */
/* Opening: one breeze line and soft light */
.opening-breeze{position:absolute;left:0;right:0;top:50%;width:100%;height:30vh;transform:translateY(-10%);overflow:visible;pointer-events:none}
.opening-breeze path{fill:none;stroke:rgba(255,255,255,.75);stroke-width:2;stroke-linecap:round;stroke-dasharray:1 1;vector-effect:non-scaling-stroke}
.opening-breeze path+path{stroke:rgba(190,235,255,.5);stroke-width:1.2}
.opening-glow{position:absolute;left:50%;top:50%;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(closest-side,#fff 0,rgba(255,255,255,.85) 45%,rgba(214,236,255,0) 100%);pointer-events:none;z-index:2}
body.recruit .opening-words,body.recruit .opening-sub{position:relative;z-index:3}
/* 追い風: hand-drawn breeze arrows at the edge of each chapter */
.has-breeze{position:relative}
.breeze-arrow{position:absolute;top:18px;right:max(var(--gutter,24px),calc(50% - 700px));width:clamp(150px,17vw,260px);height:auto;overflow:visible;pointer-events:none;z-index:0}
.breeze-arrow.is-rtl{right:auto;left:max(var(--gutter,24px),calc(50% - 700px));transform:scaleX(-1)}
.breeze-arrow path{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;opacity:.72;vector-effect:non-scaling-stroke}
.pale-section .breeze-arrow,.art-people .breeze-arrow{top:28px}
.content-section .breeze-arrow{top:6px;width:clamp(110px,11vw,170px);opacity:.8}
@media(max-width:767px){.breeze-arrow{width:120px;top:10px}.breeze-arrow.is-rtl{left:auto;right:16px;transform:none}}
/* MISSION: the two winds drawn inside the orbs */
.wind-orb{position:relative;overflow:hidden}
.wind-orb svg{position:absolute;inset:8%;width:84%;height:84%;overflow:visible}
.wind-orb path{fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.34}
.wind-orb path[pathLength]{stroke-dasharray:.34 .66}
.wind-orb .tw-head,.wind-orb .lp-head{opacity:.42}
.wind-orb .loop-a,.wind-orb .loop-b{transform-origin:50px 50px;transform-box:view-box}
.wind-orb .loop-b path{opacity:.22}
.breeze-arrow{top:-44px}
.pale-section .breeze-arrow,.art-people .breeze-arrow{top:-30px}
.content-section .breeze-arrow{top:-22px}
.wind-orb path{opacity:.5}
.wind-orb .loop-b path{opacity:.34}
.wind-silk{opacity:.42}
@media(max-width:767px){.breeze-arrow{top:-30px}}
.wind-mission .breeze-arrow{top:28px}

/* ===== Two ways to work (docs/60, 2026-09-29): 福岡オフィス採用型 / 全国リモート型 ===== */
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;position:relative;z-index:2}
.hero-tags span{display:inline-flex;align-items:center;min-height:32px;padding:4px 14px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:14px;font-weight:700;border:1px solid rgba(255,255,255,.45)}
.hero-tags span:first-child{background:#fff;color:var(--accent);border-color:#fff}
.art-workstyle{position:relative}
.work-styles{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ws-card{position:relative;overflow:hidden;border-radius:24px;padding:40px 40px 34px;isolation:isolate}
.ws-card.is-office{background:linear-gradient(150deg,#1238d6,#1f63f0);color:#fff}
.ws-card.is-remote{background:linear-gradient(150deg,rgba(227,237,255,.95),rgba(214,246,255,.95));color:var(--ink)}
.ws-map{position:absolute;right:-10px;top:-6px;width:min(58%,300px);height:auto;z-index:-1;overflow:visible}
.ws-map path{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1 1;vector-effect:non-scaling-stroke}
.ws-map circle{stroke:none}
.ws-map text{font:700 9px/1 var(--display);letter-spacing:.12em}
.is-office .ws-map path{stroke:rgba(255,255,255,.55)}.is-office .ws-map circle,.is-office .ws-map text{fill:rgba(255,255,255,.8)}
.is-remote .ws-map path{stroke:rgba(22,73,232,.45)}.is-remote .ws-map circle,.is-remote .ws-map text{fill:rgba(22,73,232,.7)}
.ws-en{margin:0 0 10px;font:700 13px/1 var(--display);letter-spacing:.22em;opacity:.85}
.ws-card h3{margin:0;font-size:clamp(26px,2.4vw,36px);letter-spacing:-.01em}
.ws-lead{margin:6px 0 26px;font-size:18px;font-weight:700;opacity:.9}
.ws-card dl{margin:0;display:grid;gap:8px}
.ws-card dl>div{display:grid;grid-template-columns:5.5em 1fr;gap:12px;align-items:baseline;padding:14px 18px;border-radius:14px}
.is-office dl>div{background:rgba(255,255,255,.12)}
.is-remote dl>div{background:rgba(255,255,255,.72)}
.ws-card dt{font-size:14px;font-weight:700;opacity:.85}
.ws-card dd{margin:0;font-size:16px;font-weight:700;line-height:1.6}
.ws-card dd small{display:block;margin-top:2px;font-size:13px;font-weight:500;opacity:.85}
.ws-people{margin:22px 0 0;font-size:14px;line-height:1.8}
.ws-people span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;opacity:.8}
.ws-people a{color:inherit;font-weight:700;text-underline-offset:3px}
.ws-note{margin:18px 0 0;font-weight:700}
.section-body .work-styles{grid-template-columns:1fr}
@media(min-width:1100px){.section-body .work-styles{grid-template-columns:1fr 1fr}.section-body .ws-card{padding:32px 28px 28px}}
@media(max-width:767px){.work-styles{grid-template-columns:1fr;gap:12px}.ws-card{padding:30px 22px 26px;border-radius:20px}.ws-card dl>div{grid-template-columns:1fr;gap:2px;padding:12px 14px}.ws-map{width:62%}}
/* Work-style chips */
.type-chip{display:inline-flex;align-items:center;min-height:28px;padding:2px 12px;margin:0 0 10px;border-radius:999px;font-size:13px;font-weight:700;width:fit-content}
.type-chip.is-office,.photo-tag.is-office{background:#1649e8;color:#fff}
.type-chip.is-remote,.photo-tag.is-remote{background:#fff;color:#1649e8;box-shadow:inset 0 0 0 1px #1649e8}
[data-art=journal].recruit .sub-title .type-chip.is-remote{box-shadow:none}
.ws-map{right:18px;top:12px;width:min(46%,250px)}
@media(max-width:767px){.ws-map{right:10px;width:48%}}
/* docs/61: no wind-streak layer on the recruit site */
.wind-silk{display:none}
/* ===== docs/62 (2026-09-29): 1日の働き方（イメージ） ===== */
.day-flow{margin-top:56px}
.day-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.day-kicker{margin:0;font:700 13px/1 var(--display);letter-spacing:.22em;color:#1649e8}
.day-title{margin:0;font-size:clamp(22px,2vw,28px)}
.day-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.day-col{border-radius:24px;padding:34px 36px 30px;background:#f3f7ff}
.day-col.is-remote{background:linear-gradient(160deg,#eef6ff,#e6f8fb)}
.day-en{margin:0 0 6px;font:700 12px/1 var(--display);letter-spacing:.2em;color:#1649e8;opacity:.85}
.day-col h3{margin:0 0 20px;font-size:clamp(19px,1.6vw,22px)}
.day-list{list-style:none;margin:0;padding:0;position:relative}
.day-list::before{content:"";position:absolute;left:3.6em;top:14px;bottom:14px;width:2px;border-radius:2px;background:linear-gradient(#1649e8,rgba(22,73,232,.15))}
.day-list li{display:grid;grid-template-columns:3.6em 1fr;column-gap:24px;align-items:baseline;padding:9px 0;position:relative}
.day-list li::before{content:"";position:absolute;left:calc(3.6em - 4px);top:18px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #1649e8}
.day-list time{font:700 17px/1.4 var(--display);letter-spacing:.02em;color:#1649e8;font-variant-numeric:tabular-nums}
.day-list span{font-size:16px;line-height:1.7;font-weight:500}
.day-extra{margin:16px 0 0;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.75);font-size:14px;font-weight:700}
.day-note{margin:14px 0 0;font-size:13px;opacity:.8}
.section-body .day-cols{grid-template-columns:1fr}
@media(min-width:1100px){.section-body .day-cols{grid-template-columns:1fr 1fr}.section-body .day-col{padding:28px 24px 24px}}
@media(max-width:767px){.day-flow{margin-top:40px}.day-cols{grid-template-columns:1fr;gap:12px}.day-col{padding:26px 20px 22px;border-radius:20px}.day-list li{column-gap:20px}}
/* ===== docs/62: 仮のお問い合わせフォーム ===== */
.demo-form{max-width:760px;padding:36px 36px 30px;border-radius:24px;background:#f3f7ff}
.form-demo-note{margin:0 0 26px;padding:14px 18px;border-radius:12px;background:#fff;font-size:14px;line-height:1.8;box-shadow:inset 0 0 0 1px rgba(22,73,232,.3)}
.form-demo-note strong{color:#1649e8}
.demo-form .f-row{margin:0 0 20px;padding:0;border:0}
.demo-form label,.demo-form legend{display:block;font-weight:700;font-size:15px;padding:0}
.demo-form .req{display:inline-block;margin-left:8px;padding:0 8px;border-radius:4px;background:#1649e8;color:#fff;font-size:11px;line-height:20px;vertical-align:2px}
.demo-form input[type=text],.demo-form input[type=email],.demo-form textarea{margin:8px 0 0;border:1px solid #c5d4f3;border-radius:10px;padding:13px 14px;transition:border-color .2s,box-shadow .2s}
.demo-form input:focus,.demo-form textarea:focus{outline:none;border-color:#1649e8;box-shadow:0 0 0 3px rgba(22,73,232,.18)}
.demo-form [aria-invalid]{border-color:#c0392b!important}
.demo-form .chk-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.demo-form .chk{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #c5d4f3;font-weight:500;cursor:pointer}
.demo-form .chk:has(input:checked){box-shadow:inset 0 0 0 2px #1649e8;color:#1649e8;font-weight:700}
.demo-form .chk input{margin:0;width:auto;accent-color:#1649e8}
.demo-form .consent{display:flex;border-radius:12px;margin-top:6px}
.demo-form .consent[aria-invalid],.demo-form .consent:has([aria-invalid]){box-shadow:inset 0 0 0 2px #c0392b}
.demo-form .actions{justify-content:flex-start;margin-top:24px}
.demo-form button.button{border:0;border-radius:999px;cursor:pointer;min-width:280px}
.form-result{margin:14px 0 0;font-weight:700;min-height:1.5em}
.form-result.is-error{color:#c0392b}.form-result.is-done{color:#1649e8}
@media(max-width:767px){.demo-form{padding:24px 18px 22px;border-radius:20px}.demo-form button.button{min-width:0;width:100%}}
/* docs/62: keep the timeline rail clear of the times (the display face is wide) */
.day-list::before{left:81px}
.day-list li{grid-template-columns:68px 1fr;column-gap:30px}
.day-list li::before{left:77px}
@media(max-width:767px){.day-list time{font-size:15px}.day-list li{grid-template-columns:58px 1fr;column-gap:26px}.day-list::before{left:70px}.day-list li::before{left:66px}.day-list span{font-size:15px}}
.section-body .day-col.is-office,.section-body .demo-form{background:#fff;box-shadow:inset 0 0 0 1px rgba(22,73,232,.14)}
/* docs/63: numbers only where order matters — chapters no longer have a number column, so the heading takes the full row */
[data-art=journal] .chapter:not(:has(.chapter-label))>h2{grid-column:1/-1;max-width:none}
/* docs/63: link rows without numbers — label takes the first column */
[data-art=journal] .link-rows a:not(:has(.row-no)){grid-template-columns:1fr auto}
/* 2026-09-30 橋村さん指示：福岡オフィスの写真は、スクロールで画面いっぱいに広がる元の動きに戻す。
   common-editorial.css（全サイト共通・最後に読み込み）の16:9固定を、この演出が動く時（html.has-expand）だけ上書きする。
   JS無効・動きを減らす設定では has-expand が付かないので、共通CSSの16:9表示のまま。 */
html.has-expand body[data-art=journal].recruit .photo-expand{height:180vh;padding:0}
html.has-expand body[data-art=journal].recruit .expand-stage{position:sticky;top:0;height:100vh}
html.has-expand body[data-art=journal].recruit .expand-photo{position:absolute;inset:0;width:100%;max-width:none;max-height:none;height:100%;aspect-ratio:auto;margin:0;border-radius:0;clip-path:inset(var(--iy,14vh) var(--ix,22vw) round var(--ir,28px))}
html.has-expand body[data-art=journal].recruit .expand-photo img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}
html.has-expand body[data-art=journal].recruit .expand-word{left:calc(var(--ix,22vw) + clamp(20px,3vw,48px));bottom:calc(var(--iy,14vh) + clamp(20px,4vh,48px))}
@media(max-width:767px){html.has-expand body[data-art=journal].recruit .expand-word{bottom:calc(var(--iy,10vh) + 96px)}}
/* docs/70 (2026-09-30): AIKATA 支援事例・対応できる作業・関連する支援。カードにせず、上罫線と段組みで */
.case-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin:8px 0 0;text-align:left}
.case-item{border-top:2px solid var(--accent);padding-top:18px}
.case-item h3{margin:0 0 12px;font-size:19px;line-height:1.6}
.case-tags,.task-list,.related-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.case-tags li,.task-list li{padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:15px;line-height:1.6;background:#fff}
.case-note,.task-note{margin-top:18px;font-size:14px;opacity:.8}
.related-block{margin-bottom:24px}
.related-block>p{margin:0 0 10px;font-weight:700}
.related-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--accent);border-radius:999px;text-decoration:none;font-weight:700;color:var(--accent)}
.related-links a::after{content:"→"}
.related-links a:hover{background:var(--accent);color:#fff}
@media(max-width:1023px){.case-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.case-list{grid-template-columns:1fr;gap:28px}.case-item h3{font-size:17px}}
/* docs/71 (2026-09-30): 採用 LISH IN DATA の支援先ロゴ。2行・静止。PCは幅に収め、狭い画面は2行のまま横スワイプ
   写真用の共通指定（16:9切り抜き・高さ上限）に巻き込まれないよう、強めの指定にしている */
html body .wind-data .client-logos{margin:56px auto 0;max-width:1280px;width:100%}
html body .wind-data .client-caption{margin:0 0 20px;font-size:16px;font-weight:700;letter-spacing:.04em}
html body .wind-data .client-caption small{font-size:13px;font-weight:500;opacity:.75}
html body .wind-data ul.client-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(2,64px);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px 12px;width:100%;max-width:100%}
html body .wind-data ul.client-grid>li{display:flex;align-items:center;justify-content:center;height:64px;min-width:0;margin:0;padding:8px 6px;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(17,58,145,.08)}
html body .wind-data ul.client-grid>li>img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:44px!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important;border-radius:0!important}
@media(max-width:1100px){
  html body .wind-data ul.client-grid{grid-auto-columns:128px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
  html body .wind-data ul.client-grid>li{scroll-snap-align:start}
}
@media(max-width:767px){
  html body .wind-data .client-logos{margin-top:40px}
  html body .wind-data ul.client-grid{grid-template-rows:repeat(2,56px);grid-auto-columns:112px;gap:10px}
  html body .wind-data ul.client-grid>li{height:56px}
  html body .wind-data ul.client-grid>li>img{max-height:38px!important}
}
/* 2026-09-30: 採用FVの写真の切り替え（renewal.js）。追加の写真は元の写真と同じ枠・同じ大きさで重ね、1.2秒で切り替える */
.fv-slides{position:relative;display:block;overflow:hidden}
.fv-slides>img.fv-slide{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;object-position:50% 60%;opacity:0;transition:opacity 1.2s ease-in-out;will-change:opacity}
.fv-slides>img.fv-slide.is-on{opacity:1}

/* ==== docs/72 (2026-09-30) 採用トップ：見出し・募集カード・働き方の色分け・DATAマーカー・ボタン ==== */
body.recruit{--office:#1238d6;--office-bg:#edf2ff;--office-line:rgba(18,56,214,.16);--remote:#0a8078;--remote-bg:#e8f6f3;--remote-line:rgba(10,128,120,.2)}
/* セクション見出し：大きく、文字の下半分にマーカー線（renewal.js が風の向きに引く） */
html body[data-art=journal].recruit main .chapter h2{font-size:clamp(38px,4.3vw,64px);line-height:1.35;letter-spacing:-.05em;margin-bottom:0}
html body[data-art=journal].recruit .chapter h2 .h-mark{background:linear-gradient(transparent 58%,rgba(34,150,255,.26) 58%,rgba(34,150,255,.26) 92%,transparent 92%) no-repeat 0 0/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em;margin-left:-.08em}
html body[data-art=journal].recruit .chapter h2 .ws-title-line{display:inline-block;white-space:nowrap}
html body[data-art=journal].recruit .chapter h2 .ws-title-line+.ws-title-line{margin-left:.1em}
html body[data-art=journal].recruit main .chapter{margin-bottom:clamp(36px,4vw,56px)}
@media(max-width:767px){html body[data-art=journal].recruit main .chapter h2{font-size:clamp(28px,8vw,34px)}}

/* LISH IN DATA：数字の裏のマーカー（数字全体を包む筆あと）。幅は renewal.js が数字に合わせて --mw に入れる */
html body.recruit .wind-stat .stat-value{position:relative}
html body.recruit .wind-stat :is(.stat-num,.stat-unit){position:relative;z-index:1}
html body.recruit .stat-marker{position:absolute;z-index:0;left:50%;top:-.1em;width:calc(var(--mw,2.4em) + .7em);height:1.08em;margin-left:calc((var(--mw,2.4em) + .7em)/-2);font:800 clamp(52px,5.4vw,84px)/1 var(--display);pointer-events:none;transform:rotate(-2deg);mix-blend-mode:multiply;opacity:.9;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 90' preserveAspectRatio='none'%3E%3Cpath fill='%23ffe24a' d='M12 20C70 9 160 6 290 12l6 8-7 9 8 10-7 10 6 11-5 9C200 80 110 84 14 78l-8-9 7-9-9-10 8-10-7-11z'/%3E%3Cpath fill='%23fff3a0' opacity='.55' d='M30 30c80-6 160-7 250-4l-2 5c-90-2-170-1-248 4zM26 58c90 3 170 3 256-1l1 5c-90 4-170 4-258 1z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media(max-width:1100px){html body.recruit .stat-marker{font-size:clamp(46px,4.4vw,72px)}}
@media(max-width:767px){html body.recruit .stat-marker{font-size:46px}}

/* 支援先ロゴ：16社を大きく（2行×8） */
html body .wind-data .client-logos{max-width:1200px}
html body .wind-data ul.client-grid{grid-template-rows:repeat(2,96px);gap:16px}
html body .wind-data ul.client-grid>li{height:96px;padding:14px 16px;border-radius:12px}
html body .wind-data ul.client-grid>li>img{max-height:58px!important;max-width:88%!important}
@media(max-width:1100px){html body .wind-data ul.client-grid{grid-auto-columns:168px}}
@media(max-width:767px){
  html body .wind-data ul.client-grid{grid-template-rows:repeat(2,80px);grid-auto-columns:148px;gap:10px}
  html body .wind-data ul.client-grid>li{height:80px;padding:10px 12px}
  html body .wind-data ul.client-grid>li>img{max-height:48px!important}
}

/* デジタルマーケの仕事：仕事の進め方（3ステップ） */
html body.recruit .dm-flow{margin-top:clamp(40px,5vw,72px)}
html body.recruit .dm-flow-lead{font-size:clamp(18px,1.5vw,22px);font-weight:700;line-height:1.8;margin:0 0 24px;color:var(--ink)}
html body.recruit .dm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:dm}
html body.recruit .dm-steps>li{position:relative;padding:28px 28px 30px;background:#fff;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(18,56,214,.12)}
html body.recruit .dm-steps>li:not(:last-child)::after{content:'';position:absolute;right:-17px;top:50%;width:14px;height:14px;border-top:2px solid #1f63f0;border-right:2px solid #1f63f0;transform:translateY(-50%) rotate(45deg);z-index:1}
html body.recruit .dm-step-en{counter-increment:dm;margin:0 0 8px;font:700 13px/1 var(--display);letter-spacing:.18em;color:#1f63f0}
html body.recruit .dm-step-en::after{content:' 0' counter(dm)}
html body.recruit .dm-steps h3{margin:0 0 10px;font-size:clamp(20px,1.7vw,24px);line-height:1.5}
html body.recruit .dm-steps p:last-child{margin:0;line-height:1.85}
@media(max-width:767px){html body.recruit .dm-steps{grid-template-columns:1fr;gap:14px}html body.recruit .dm-steps>li{padding:22px 20px}html body.recruit .dm-steps>li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-15px;transform:translateX(-50%) rotate(135deg)}}

/* 仕事・募集情報：募集中の担当カード */
html body.recruit .job-lead{margin:0 0 32px;font-size:clamp(16px,1.3vw,19px);font-weight:600;line-height:1.9}
html body[data-art=journal].recruit :is(.art-jobs .job-editorial,.job-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:0}
html body[data-art=journal].recruit .art-jobs .job-editorial>article.job-card{padding:0!important;border:0!important;background:none!important}
html body.recruit .job-card>a{position:relative;display:flex;flex-direction:column;height:100%;padding:30px 30px 28px;border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 1px 0 rgba(18,56,214,.06),inset 0 0 0 1px rgba(18,56,214,.14);overflow:hidden;transition:transform .5s var(--ease-out,ease),box-shadow .5s}
html body.recruit .job-card>a::before{content:'';position:absolute;left:0;top:0;right:0;height:5px;background:var(--g-vivid)}
html body.recruit .job-status{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin:0 0 18px;padding:5px 14px 5px 12px;border-radius:999px;background:#ff5a36;color:#fff;font-size:14px;font-weight:700;letter-spacing:.08em}
html body.recruit .job-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#fff}
html body.recruit .job-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.8);opacity:0}
html body.recruit .job-card.is-live .job-dot::after{animation:job-ping 1.6s ease-out 3}
@keyframes job-ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
html body.recruit .job-en{margin:0 0 6px;font:700 12px/1 var(--display);letter-spacing:.2em;color:#1f63f0}
html body.recruit .job-role{margin:0 0 12px;font-size:clamp(24px,2.1vw,30px);line-height:1.35;letter-spacing:-.03em}
html body.recruit .job-desc{margin:0 0 24px;line-height:1.85;font-weight:500}
html body.recruit .job-ways-label{margin:auto 0 8px;font-size:13px;font-weight:700;color:#52616b;letter-spacing:.06em}
html body.recruit .job-ways{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0}
html body.recruit .job-ways li{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:700;line-height:1.3}
html body.recruit .job-ways .is-office{background:var(--office-bg);color:var(--office)}
html body.recruit .job-ways .is-remote{background:var(--remote-bg);color:var(--remote)}
html body.recruit .job-more{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(18,56,214,.14);font-weight:700;color:#1238d6}
html body.recruit .job-more::after{content:'→';display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1238d6;color:#fff;font-weight:700;transition:transform .4s var(--ease-out,ease)}
@media(hover:hover){html body.recruit .job-card>a:hover{transform:translateY(-6px);box-shadow:0 18px 40px -18px rgba(18,56,214,.45),inset 0 0 0 1px rgba(18,56,214,.3)}html body.recruit .job-card>a:hover .job-more::after{transform:translateX(4px)}}
@media(max-width:1000px){html body[data-art=journal].recruit :is(.art-jobs .job-editorial,.job-grid){grid-template-columns:1fr;gap:16px}}

/* 働き方は、2つ：福岡オフィス＝青、全国リモート＝緑の面でまとめる（上の条件と下の1日を同じ色で） */
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col){border:0!important;border-radius:18px!important;padding:clamp(28px,3vw,44px)!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col).is-office{background:var(--office-bg)!important;--tone:var(--office);--tone-line:var(--office-line)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col).is-remote{background:var(--remote-bg)!important;--tone:var(--remote);--tone-line:var(--remote-line)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col){position:relative;box-shadow:inset 0 5px 0 var(--tone)!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-en,.day-en){color:var(--tone)!important;margin:0 0 6px}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-card h3,html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col h3{color:var(--tone)!important;margin-top:0}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-card .ws-lead{margin:8px 0 20px}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-card dl>div{border-bottom:1px solid var(--tone-line)!important;padding:14px 0!important;min-height:0!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-card dl>div:first-child{border-top:1px solid var(--tone-line)!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-card{display:flex;flex-direction:column}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-people{margin-top:auto;padding-top:20px}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-people a{color:var(--tone)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.work-styles,.day-cols){gap:24px}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-note{margin:20px 0 0;padding:14px 18px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(18,56,214,.12);font-weight:700}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-flow{margin-top:clamp(56px,6vw,88px)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-head{margin-bottom:24px;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col h3{margin:0 0 16px;font-size:clamp(20px,1.8vw,26px)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list li{border-bottom:1px solid var(--tone-line)!important;padding:12px 0!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list li:first-child{border-top:1px solid var(--tone-line)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list time{color:var(--tone)!important;font-weight:700}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-extra{border:0!important;margin:16px 0 0;padding:0!important;color:var(--tone)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-note{margin-top:18px}
@media(max-width:767px){html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col){padding:24px 20px!important;border-radius:14px!important}}

/* スタッフを知る：カードの高さ・写真の高さと位置をそろえ、「インタビューを読む」をボタンに */
html body[data-art=journal].recruit .people-cards{align-items:stretch}
html body[data-art=journal].recruit .people-card{display:flex}
html body[data-art=journal].recruit .people-card>a{display:flex!important;flex-direction:column;width:100%;height:100%}
html body[data-art=journal].recruit .people-card .people-photo{width:100%;max-width:none!important;max-height:none!important;aspect-ratio:4/5}
html body[data-art=journal].recruit .people-card h3{min-height:3.2em;margin:18px 0 10px}
html body[data-art=journal].recruit .people-card .people-name{margin:6px 0 18px}
html body[data-art=journal].recruit :is(.people-card,.person) .people-more{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 12px 12px 22px;border-radius:999px;background:#fff;color:#1238d6;box-shadow:inset 0 0 0 1.5px #1238d6;font-weight:700;transition:background .35s,color .35s}
html body[data-art=journal].recruit :is(.people-card,.person) .people-more::after{content:'→';position:static;display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#1238d6;color:#fff;transform:none;transition:transform .4s var(--ease-out,ease)}
@media(hover:hover){html body[data-art=journal].recruit :is(.people-card,.person) a:hover .people-more{background:#1238d6;color:#fff}html body[data-art=journal].recruit :is(.people-card,.person) a:hover .people-more::after{background:#fff;color:#1238d6;transform:translateX(3px);animation:none}}

/* 下層ページへのボタン：青の面＋矢印。表示時と hover で風の筋が走る（renewal.js が .btn-wind を足す） */
html body[data-art=journal].recruit main .actions>a.button:not([href$='/aikata/contact']){position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:min(100%,320px);min-height:64px;padding:12px 12px 12px 32px;border:0!important;border-radius:999px!important;background:linear-gradient(120deg,#1238d6,#1f63f0 60%,#1a9fe0)!important;color:#fff!important;font-size:17px;font-weight:700;letter-spacing:.04em;text-decoration:none;box-shadow:0 14px 30px -16px rgba(18,56,214,.7)!important;transition:transform .45s var(--ease-out,ease),box-shadow .45s}
html body[data-art=journal].recruit main .actions>a.button:not([href$='/aikata/contact'])::after{content:'→'!important;display:grid!important;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#fff;color:#1238d6;font-weight:800;transition:transform .45s var(--ease-out,ease)}
html body[data-art=journal].recruit main .actions>a.button .btn-wind{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 34%,rgba(255,255,255,.55) 40%,transparent 46%,transparent 52%,rgba(255,255,255,.35) 58%,transparent 63%) no-repeat;background-size:220% 100%;background-position:120% 0}
@media(hover:hover){html body[data-art=journal].recruit main .actions>a.button:not([href$='/aikata/contact']):hover{transform:translateY(-3px);text-decoration:none;box-shadow:0 20px 36px -16px rgba(18,56,214,.8)!important}html body[data-art=journal].recruit main .actions>a.button:not([href$='/aikata/contact']):hover::after{transform:translateX(4px)}}
@media(max-width:767px){html body[data-art=journal].recruit main .actions>a.button:not([href$='/aikata/contact']){width:100%;min-height:58px;font-size:16px}}

@media(max-width:767px){
  html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.work-styles,.day-cols).mobile-rail{align-items:stretch}
  html body.recruit :is(#workstyle,.content-section) .rail-controls--choices .rail-control{border-radius:999px;font-weight:700}
  html body.recruit :is(#workstyle,.content-section) .rail-controls--choices .rail-control:nth-child(1){border-color:var(--office);color:var(--office)}
  html body.recruit :is(#workstyle,.content-section) .rail-controls--choices .rail-control:nth-child(2){border-color:var(--remote);color:var(--remote)}
  html body.recruit :is(#workstyle,.content-section) .rail-controls--choices .rail-control:nth-child(1)[aria-pressed=true]{background:var(--office);color:#fff}
  html body.recruit :is(#workstyle,.content-section) .rail-controls--choices .rail-control:nth-child(2)[aria-pressed=true]{background:var(--remote);color:#fff}
}

/* docs/72: スタッフ写真は枠いっぱい（高さ上限で下に色帯が出ないように）。3枚の写真の上端・下端をそろえる */
html body[data-art=journal].recruit .people-card .people-photo{position:relative;overflow:hidden;aspect-ratio:4/5;height:auto}
html body[data-art=journal].recruit .people-card .people-photo img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover}
html body[data-art=journal].recruit .people-cards>.people-card{translate:none!important}

/* ==== docs/73 (2026-09-30) トップの見せ方を下層ページにも ==== */
/* 下層の見出し：大きく＋マーカー線（トップの章見出しと同じ） */
html body[data-art=journal].recruit main .section-heading h2{font-size:clamp(30px,3.4vw,50px);line-height:1.45;letter-spacing:-.04em}
html body[data-art=journal].recruit .section-heading h2 .h-mark,html body[data-art=journal].recruit .chapter h2 .h-mark{background:linear-gradient(transparent 58%,rgba(34,150,255,.26) 58%,rgba(34,150,255,.26) 92%,transparent 92%) no-repeat 0 0/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em;margin-left:-.08em}
@media(max-width:767px){html body[data-art=journal].recruit main .section-heading h2{font-size:clamp(24px,6.8vw,30px)}}
/* 募集カードの前の一文（/jobs/） */
html body.recruit .section-body .job-lead{margin:0 0 24px}
html body.recruit .section-body .job-grid{margin-bottom:8px}
/* 福岡オフィス／全国リモートの札：全ページで同じ色（青／緑） */
html body[data-art=journal].recruit :is(.type-chip,.photo-tag).is-office{background:var(--office)!important;color:#fff!important;border:0!important;box-shadow:none!important}
html body[data-art=journal].recruit :is(.type-chip,.photo-tag).is-remote{background:var(--remote)!important;color:#fff!important;border:0!important;box-shadow:none!important}
html body[data-art=journal].recruit .type-chip{border-radius:999px!important;padding:4px 14px;font-weight:700}
/* 「こんな次の一歩を」カード：働き方の色でまとめる */
html body.recruit .career-card27:has(.type-chip.is-office){background:var(--office-bg)!important;border-top-color:var(--office)!important;border-radius:16px!important}
html body.recruit .career-card27:has(.type-chip.is-remote){background:var(--remote-bg)!important;border-top-color:var(--remote)!important;border-radius:16px!important}
html body.recruit .career-card27:has(.type-chip.is-office) h3{color:var(--office)!important}
html body.recruit .career-card27:has(.type-chip.is-remote) h3{color:var(--remote)!important}
/* スタッフ一覧（/people/）：3列・写真の高さと位置をそろえ、ボタンを下端に */
html body[data-art=journal].recruit main .people-grid.editorial-people{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:32px;align-items:stretch}
html body[data-art=journal].recruit .people-grid .person>a{display:flex!important;flex-direction:column;height:100%;padding-bottom:0!important;border-bottom:0!important}
html body[data-art=journal].recruit .people-grid .person>a>:not(.person-image){margin-inline:0!important}
html body[data-art=journal].recruit .people-grid .person-image{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--g-vivid)}
html body[data-art=journal].recruit .people-grid .person-image img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover}
html body[data-art=journal].recruit .people-grid .person-image .photo-tag{position:absolute;left:14px;top:14px;z-index:2;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.5}
html body[data-art=journal].recruit .people-grid .person-image .scene-hint{position:absolute;right:14px;bottom:12px;z-index:2;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.9);font-size:12px}
html body[data-art=journal].recruit .people-grid .person .tag{margin-top:18px}
html body[data-art=journal].recruit .people-grid .person h3{min-height:3.2em;margin:10px 0 8px}
html body[data-art=journal].recruit .people-grid .person-bottom{margin-top:0!important;padding-top:0!important}
html body[data-art=journal].recruit .people-grid .person .people-more{margin-top:auto!important;margin-bottom:0}
html body[data-art=journal].recruit .people-grid .person-bottom p{margin:0 0 18px}
@media(max-width:1000px){html body[data-art=journal].recruit main .people-grid.editorial-people{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){html body[data-art=journal].recruit main .people-grid.editorial-people{grid-template-columns:1fr!important}}
html body.recruit .section-body .job-lead{max-width:none}
html body[data-art=journal].recruit .career-grid27{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important;align-items:stretch}
@media(max-width:767px){html body[data-art=journal].recruit .career-grid27{grid-template-columns:1fr;gap:14px!important}}
html body[data-art=journal].recruit .career-card27:has(.type-chip){padding:32px 36px!important;border:0!important;box-shadow:inset 0 4px 0 var(--office)!important}
html body[data-art=journal].recruit .career-card27:has(.type-chip.is-remote){box-shadow:inset 0 4px 0 var(--remote)!important}
@media(max-width:767px){html body[data-art=journal].recruit .career-card27:has(.type-chip){padding:24px 20px!important}}

/* ==== docs/74 (2026-09-30) 採用サイト PC の追従バナー（写真は使わない：写真の上に写真を重ねない） ==== */
.float-banner{display:none}
@media(min-width:768px){
  html body.recruit:not(.fb-closed) .float-cta{display:none!important}
  html body.recruit .float-banner{display:block;position:fixed;right:24px;bottom:24px;z-index:60;width:288px;transform:translateY(calc(100% + 48px));visibility:hidden;transition:transform .7s cubic-bezier(.19,1,.22,1),visibility 0s .7s}
  html body.recruit .float-banner.is-shown{transform:none;visibility:visible;transition:transform .7s cubic-bezier(.19,1,.22,1),visibility 0s}
  html body.recruit .fb-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 22px 20px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#1238d6 0%,#1f63f0 55%,#1a9fe0 100%);color:#fff;text-decoration:none;box-shadow:0 22px 44px -18px rgba(12,40,150,.65),0 2px 0 rgba(255,255,255,.15) inset;transition:transform .45s cubic-bezier(.19,1,.22,1),box-shadow .45s}
  html body.recruit .fb-card>*:not(.fb-wind){position:relative;z-index:1}
  html body.recruit .fb-en{font:800 13px/1 var(--display);letter-spacing:.32em;color:#9fe3ff}
  html body.recruit .fb-lead{font-size:19px;font-weight:800;line-height:1.55;letter-spacing:-.01em}
  html body.recruit .fb-ways{display:flex;gap:6px;flex-wrap:wrap}
  html body.recruit .fb-ways span{padding:3px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:700;line-height:1.5}
  html body.recruit .fb-ways .is-office{color:var(--office)}
  html body.recruit .fb-ways .is-remote{color:var(--remote)}
  html body.recruit .fb-go{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:8px 8px 8px 18px;border-radius:999px;background:#fff;color:#1238d6;font-size:15px;font-weight:800}
  html body.recruit .fb-go::after{content:'→';display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(120deg,#1238d6,#1f63f0);color:#fff;font-weight:800;transition:transform .4s cubic-bezier(.19,1,.22,1)}
  /* 風の筋：表示中だけ流れる（隠れている間は止めずに外す） */
  html body.recruit .fb-wind{position:absolute;inset:0;pointer-events:none}
  html body.recruit .fb-wind i{position:absolute;left:0;height:2px;width:46%;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%);opacity:.9}
  html body.recruit .fb-wind i:nth-child(1){top:24%}
  html body.recruit .fb-wind i:nth-child(2){top:46%;width:60%;opacity:.6}
  html body.recruit .fb-wind i:nth-child(3){top:70%;width:38%;opacity:.75}
  html body.recruit .float-banner.is-shown .fb-wind i{animation:fb-gust 3.6s cubic-bezier(.45,.05,.35,1) infinite}
  html body.recruit .float-banner.is-shown .fb-wind i:nth-child(2){animation-delay:.5s}
  html body.recruit .float-banner.is-shown .fb-wind i:nth-child(3){animation-delay:1.1s}
  @keyframes fb-gust{0%{transform:translateX(-120%)}55%,100%{transform:translateX(260%)}}
  html body.recruit .fb-close{position:absolute;top:-10px;right:-10px;z-index:2;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:18px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(12,40,150,.25)}
  html body.recruit .fb-close:focus-visible,html body.recruit .fb-card:focus-visible{outline:3px solid #162f61;outline-offset:3px}
  @media(hover:hover){html body.recruit .fb-card:hover{transform:translateY(-4px);box-shadow:0 28px 52px -18px rgba(12,40,150,.75)}html body.recruit .fb-card:hover .fb-go::after{transform:translateX(4px)}}
}
@media(prefers-reduced-motion:reduce){html body.recruit .float-banner,html body.recruit .float-banner.is-shown{transition:none}html body.recruit .float-banner .fb-wind i{animation:none!important;display:none}}

/* ==== docs/75 (2026-09-30) 募集カード・働き方カード：影／上の色帯／背景色をやめ、黒の透かしを重ねた写真を背景に ==== */
/* 働き方（トップ #workstyle と /jobs/ の本文）：条件カード＋1日カード */
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col){position:relative;isolation:isolate;overflow:hidden;background:#0b1530!important;box-shadow:none!important;border:0!important;color:#fff!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col)::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--card-photo) center/cover no-repeat;transform-origin:50% 60%;transition:transform 1.2s cubic-bezier(.19,1,.22,1)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col)::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(165deg,rgba(6,12,28,.66) 0%,rgba(6,12,28,.8) 55%,rgba(6,12,28,.88) 100%)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-card.is-office{--card-photo:url(/aikata/design/assets/office.webp)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-card.is-remote{--card-photo:url(/aikata/design/assets/office-detail.webp)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col.is-office{--card-photo:url(/aikata/design/assets/office-workspace.webp)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col.is-remote{--card-photo:url(/aikata/design/assets/office-detail.webp)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col.is-remote::before{background-position:50% 85%}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col).is-office{--tone:#9cc0ff;--tone-line:rgba(255,255,255,.2)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col).is-remote{--tone:#86e6d4;--tone-line:rgba(255,255,255,.2)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col) :is(h3,p,dt,dd,span,small,li,time){color:#fff!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-en,.day-en,.day-list time,.day-extra){color:var(--tone)!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-card h3,html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col h3{color:#fff!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-card :is(dt,.ws-lead,dd small),html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-people>span{color:rgba(255,255,255,.78)!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-people a{color:#fff!important;text-decoration-color:var(--tone)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .ws-map{display:none!important}
@media(hover:hover){html body[data-art=journal].recruit :is(#workstyle,.content-section) :is(.ws-card,.day-col):hover::before{transform:scale(1.05)}}

/* 仕事・募集情報：募集中カード（トップと /jobs/） */
html body.recruit .job-card>a{isolation:isolate;background:#0b1530;box-shadow:none!important;color:#fff}
html body.recruit .job-card>a::before{top:0;bottom:0;height:auto;z-index:-2;background:var(--card-photo) center/cover no-repeat;transition:transform 1.2s cubic-bezier(.19,1,.22,1)}
html body.recruit .job-card>a::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(165deg,rgba(6,12,28,.6) 0%,rgba(6,12,28,.78) 50%,rgba(6,12,28,.9) 100%)}
html body.recruit .job-card:nth-child(3n+1)>a{--card-photo:url(/aikata/design/assets/office.webp)}
html body.recruit .job-card:nth-child(3n+2)>a{--card-photo:url(/aikata/design/assets/office-discussion.webp)}
html body.recruit .job-card:nth-child(3n+3)>a{--card-photo:url(/aikata/design/assets/office-workspace.webp)}
html body.recruit .job-card .job-en{color:#9fe3ff}
html body.recruit .job-card .job-role{color:#fff}
html body.recruit .job-card .job-desc{color:rgba(255,255,255,.88)}
html body.recruit .job-card .job-ways-label{color:rgba(255,255,255,.72)}
html body.recruit .job-card .job-ways li{background:#fff}
html body.recruit .job-card .job-more{color:#fff;border-top-color:rgba(255,255,255,.25)}
html body.recruit .job-card .job-more::after{background:#fff;color:#1238d6}
@media(hover:hover){html body.recruit .job-card>a:hover{transform:translateY(-4px);box-shadow:none!important}html body.recruit .job-card>a:hover::before{transform:scale(1.06)}}

/* 下層ページへのボタンと、セクション内のコンテンツとの間は 50px */
html body[data-art=journal].recruit main :is(section,.section-body,section>.wrap)>.actions{margin-top:50px!important}

/* ==== docs/76 (2026-09-30) 1日の働き方：写真をやめ、点と線のタイムライン。福岡＝青／リモート＝緑 ==== */
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col{background:#fff!important;color:var(--ink)!important;border-radius:18px!important;box-shadow:inset 0 0 0 1px var(--tone-soft)!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col::before,html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col::after{content:none!important;display:none!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col.is-office{--tone:#1238d6;--tone-soft:rgba(18,56,214,.18);--tone-pale:#eef3ff}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col.is-remote{--tone:#0a8078;--tone-soft:rgba(10,128,120,.22);--tone-pale:#e9f6f3}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col :is(h3,p,span,li){color:var(--ink)!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col :is(.day-en,h3,.day-extra,time){color:var(--tone)!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-col .day-en{display:inline-block;margin:0 0 10px;padding:4px 12px;border-radius:999px;background:#fff;letter-spacing:.14em}
/* 時間の流れ：縦の線（上から下へ伸びる）＋各時刻の点 */
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list{position:relative;list-style:none;margin:8px 0 0;padding:0}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list::before{content:''!important;display:block!important;position:absolute;left:95px;top:22px;bottom:30px;width:2px;border-radius:2px;background:linear-gradient(var(--tone),var(--tone-soft));transform-origin:50% 0}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list::after{content:'';position:absolute;left:91px;bottom:20px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--tone-soft)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list li{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:40px;align-items:baseline;padding:12px 0!important;border:0!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list li::before{content:''!important;display:block!important;position:absolute;left:89px;top:19px;width:14px;height:14px;box-sizing:border-box;border-radius:50%;background:#fff;border:3px solid var(--tone);box-shadow:none!important}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list li:first-child::before,html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list li:last-child::before{background:var(--tone)}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list time{font:800 18px/1.5 var(--display);letter-spacing:.02em;font-variant-numeric:tabular-nums}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list span{font-size:16px;line-height:1.75;font-weight:500}
html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-extra{margin:14px 0 0!important;padding:12px 16px!important;border-radius:10px;background:var(--tone-pale);font-weight:700}
@media(max-width:767px){
  html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list li{grid-template-columns:60px minmax(0,1fr);column-gap:32px}
  html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list::before{left:75px}
  html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list::after{left:71px}
  html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list li::before{left:69px}
  html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list time{font-size:16px}
  html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-list span{font-size:15px}
}

/* docs/75 補正：見えている中身からボタンまでを 50px に（内側の余白を差し引く）。ボタンが続くときは 16px */
html body[data-art=journal].recruit main :is(section,.section-body,section>.wrap)>.actions+.actions{margin-top:16px!important}
html body[data-art=journal].recruit main .section-body>dl.rows:has(+.actions)>div:last-child{padding-bottom:0!important}
@media(max-width:767px){html body[data-art=journal].recruit main :is(section,.section-body,section>.wrap)>.mobile-rail+.actions{margin-top:34px!important}}

/* ==== docs/77 (2026-09-30) /jobs/ 募集要項・選考について（素案） ==== */
html body.recruit .req-block{margin:0 0 clamp(48px,5vw,72px)}
html body.recruit .req-block:last-child{margin-bottom:0}
html body[data-art=journal].recruit .req-title{margin:0 0 20px;padding-left:14px;border-left:4px solid #1f63f0;font-size:clamp(20px,1.8vw,26px);line-height:1.4}
html body.recruit .req-lead{margin:0 0 20px;line-height:1.9;font-weight:500;max-width:none}
html body.recruit .req-tasks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
html body.recruit .req-tasks li{position:relative;padding:12px 16px 12px 40px;border-radius:10px;background:#f3f6fd;line-height:1.7;font-weight:500}
html body.recruit .req-tasks li::before{content:'';position:absolute;left:16px;top:1.25em;width:10px;height:10px;border-radius:50%;background:#1f63f0}
html body.recruit .req-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:rq}
html body.recruit .req-steps li{position:relative;padding:24px 24px 26px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(18,56,214,.14)}
html body.recruit .req-steps li:not(:last-child)::after{content:'';position:absolute;right:-17px;top:50%;width:14px;height:14px;border-top:2px solid #1f63f0;border-right:2px solid #1f63f0;transform:translateY(-50%) rotate(45deg)}
html body.recruit .req-step-en{counter-increment:rq;margin:0 0 6px;font:700 12px/1 var(--display);letter-spacing:.18em;color:#1f63f0}
html body.recruit .req-step-en::after{content:' 0' counter(rq)}
html body.recruit .req-steps h4{margin:0 0 8px;font-size:19px}
html body.recruit .req-steps p:last-child{margin:0;line-height:1.85}
html body.recruit .req-note{margin:14px 0 0;font-size:14px;color:#52616b;line-height:1.8}
/* 募集条件の比較表：福岡オフィス＝青／全国リモート＝緑 */
html body.recruit .req-table{border-top:2px solid var(--ink)}
html body.recruit .req-row{display:grid;grid-template-columns:172px minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid #dbe3ea}
html body.recruit .req-row>*{margin:0;padding:18px 20px;line-height:1.8}
html body.recruit .req-key{font-weight:700;background:#f6f8fb}
html body.recruit .req-cell.is-office{background:rgba(238,243,255,.55)}
html body.recruit .req-cell.is-remote{background:rgba(233,246,243,.55)}
html body.recruit .req-cell p{margin:0;font-weight:600}
html body.recruit .req-cell small{display:block;margin:2px 0 8px;font-size:13px;font-weight:400;color:#52616b}
html body.recruit .req-cell small:last-child{margin-bottom:0}
html body.recruit .req-head>*{padding:14px 20px;font-weight:800;letter-spacing:.04em}
html body.recruit .req-head .is-office{background:var(--office);color:#fff}
html body.recruit .req-head .is-remote{background:var(--remote);color:#fff}
html body.recruit .req-head .req-key{background:transparent}
html body.recruit .req-way{display:none}
html body.recruit .req-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
html body.recruit .req-list{margin:0;padding:0;list-style:none}
html body.recruit .req-list li{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid #e3e9ef;line-height:1.7}
html body.recruit .req-list li::before{content:'✓';position:absolute;left:4px;top:10px;color:#1f63f0;font-weight:800}
/* 選考について：4ステップ */
html body.recruit .sel-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body.recruit .sel-flow li{position:relative;padding:22px 22px 24px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(18,56,214,.14)}
html body.recruit .sel-flow li:not(:last-child)::after{content:'';position:absolute;right:-13px;top:50%;width:10px;height:10px;border-top:2px solid #1f63f0;border-right:2px solid #1f63f0;transform:translateY(-50%) rotate(45deg)}
html body.recruit .sel-no{margin:0 0 6px;font:800 26px/1 var(--display);color:#1f63f0}
html body.recruit .sel-flow h3{margin:0 0 8px;font-size:19px}
html body.recruit .sel-flow p:last-child{margin:0;line-height:1.8}
html body.recruit .sel-note{margin:20px 0 0;line-height:1.9;font-weight:500}
@media(max-width:900px){html body.recruit .sel-flow{grid-template-columns:repeat(2,minmax(0,1fr))}html body.recruit .sel-flow li:nth-child(2)::after{display:none}}
@media(max-width:767px){
  html body.recruit .req-tasks,html body.recruit .req-steps,html body.recruit .req-pair{grid-template-columns:1fr}
  html body.recruit .req-steps li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-15px;transform:translateX(-50%) rotate(135deg)}
  html body.recruit .req-head{display:none}
  html body.recruit .req-row{grid-template-columns:1fr}
  html body.recruit .req-row>*{padding:12px 14px}
  html body.recruit .req-key{background:var(--ink);color:#fff}
  html body.recruit .req-way{display:inline-block;margin:0 0 6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff}
  html body.recruit .req-cell.is-office .req-way{background:var(--office)}
  html body.recruit .req-cell.is-remote .req-way{background:var(--remote)}
  html body.recruit .sel-flow{grid-template-columns:1fr}
  html body.recruit .sel-flow li::after{display:none}
}

/* ==== docs/78 (2026-09-30) 採用フッター：全ページへのナビゲーション（サイトマップ3列） ==== */
html body.recruit .site-footer{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2.4fr);gap:28px 56px;align-items:start}
html body.recruit .site-footer .footer-home{display:inline-block}
html body.recruit .site-footer .foot-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px}
html body.recruit .foot-head{margin:0 0 12px;font:800 12px/1 var(--display);letter-spacing:.2em;color:#1f63f0}
html body.recruit .foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
html body.recruit .foot-col a{display:inline-flex;align-items:center;min-height:36px;color:var(--ink);font-weight:700;text-decoration:none}
html body.recruit .foot-col .is-sub a{min-height:30px;padding-left:14px;font-size:14px;font-weight:500;color:#52616b;position:relative}
html body.recruit .foot-col .is-sub a::before{content:'';position:absolute;left:0;top:50%;width:7px;height:1px;background:currentColor}
html body.recruit .foot-col a[aria-current=page]{color:#1238d6;text-decoration:underline;text-underline-offset:5px}
@media(hover:hover){html body.recruit .foot-col a:hover{color:#1238d6}}
html body.recruit .foot-legal{grid-column:1/-1;margin:8px 0 0;padding-top:20px;border-top:1px solid #dbe3ea}
html body.recruit .foot-legal a{color:#52616b;font-size:14px}
html body.recruit .site-footer>p:last-child{grid-column:1/-1;margin:0}
@media(max-width:900px){html body.recruit .site-footer{grid-template-columns:1fr}}
@media(max-width:600px){html body.recruit .site-footer .foot-map{grid-template-columns:1fr 1fr;gap:24px 20px}html body.recruit .foot-col:last-child{grid-column:1/-1}}

/* ==== docs/79 (2026-09-30) 募集要項：職種ごとのタブ ==== */
html body.recruit .req-intro{margin-bottom:24px}
html body.recruit .req-tablist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 0;scroll-margin-top:110px;border-bottom:3px solid #1238d6}
html body.recruit .req-tab{appearance:none;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;padding:10px 14px;border:0;border-radius:12px 12px 0 0;background:#eef2fa;color:#40505c;font:inherit;font-size:17px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:background .3s,color .3s}
html body.recruit .req-tab[aria-selected=true]{background:#1238d6;color:#fff}
html body.recruit .req-tab[aria-selected=true]::after{content:'';position:absolute;left:50%;bottom:-10px;width:14px;height:14px;background:#1238d6;transform:translateX(-50%) rotate(45deg)}
@media(hover:hover){html body.recruit .req-tab[aria-selected=false]:hover{background:#dfe7fb;color:#1238d6}}
html body.recruit .req-tab:focus-visible{outline:3px solid #162f61;outline-offset:3px}
html body.recruit .req-tabs.is-tabbed .req-panel{padding:36px 36px 34px;border-radius:0 0 16px 16px;background:#f7f9fe;box-shadow:inset 0 0 0 1px rgba(18,56,214,.1)}
html body.recruit .req-tabs:not(.is-tabbed) .req-panel+.req-panel{margin-top:40px}
html body.recruit .req-panel[hidden]{display:none}
html body.recruit .req-panel .req-title{margin-bottom:14px}
html body.recruit .req-panel .req-tasks li{background:#fff}
html body[data-art=journal].recruit .req-sub{margin:28px 0 10px;font-size:18px;line-height:1.5}
html body.recruit .req-title small{margin-left:8px;font-size:14px;font-weight:600;color:#52616b}
html body.recruit .req-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
@media(max-width:767px){
  html body.recruit .req-tablist{gap:4px}
  html body.recruit .req-tab{min-height:56px;padding:6px 4px;font-size:13px;line-height:1.35;letter-spacing:0;text-wrap:balance;border-radius:10px 10px 0 0}
  html body.recruit .req-tabs.is-tabbed .req-panel{padding:24px 18px}
  html body.recruit .req-fit{grid-template-columns:1fr}
}

/* ==== docs/80 (2026-10-01) 採用 下層ページの整列：トップと同じ左端・幅・カードの形にそろえる ==== */
/* 見出し：交互の字下げをやめ、全セクション左端で */
html body[data-art=journal]:is(.recruit,.aikata) main .content-section .section-heading{margin-left:0!important;padding-left:0!important;grid-column:1/-1}
html body[data-art=journal]:is(.recruit,.aikata) main .content-section .section-heading h2{margin-left:0}
/* 本文の段落：左端そろえ・読みやすい幅 */
html body[data-art=journal]:is(.recruit,.aikata) main .section-body>p{margin-left:0!important;max-width:760px}
/* 互い違いのカード → トップと同じ白いカードを等間隔に（3列） */
html body[data-art=journal]:is(.recruit,.aikata) main .section-body>.cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch}
html body[data-art=journal]:is(.recruit,.aikata) main .section-body>.cards>.card{grid-column:auto!important;margin:0!important;width:auto!important;transform:none!important;padding:28px 28px 30px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(18,56,214,.14)!important}
html body[data-art=journal]:is(.recruit,.aikata) main .section-body>.cards>.card h3{margin:0 0 10px;font-size:clamp(20px,1.7vw,24px);line-height:1.5;color:var(--ink)!important}
html body[data-art=journal]:is(.recruit,.aikata) main .section-body>.cards>.card h3::before{content:'';display:block;width:28px;height:4px;margin:0 0 14px;border-radius:2px;background:var(--g-vivid)}
html body[data-art=journal]:is(.recruit,.aikata) main .section-body>.cards>.card p{margin:0;line-height:1.85}
/* 写真2枚：同じ大きさで横並び（上下のずれをなくす） */
html body[data-art=journal]:is(.recruit,.aikata) main .office-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:start}
html body[data-art=journal]:is(.recruit,.aikata) main .office-gallery>figure{margin:0!important;width:100%!important;max-width:none!important;aspect-ratio:4/3;overflow:hidden;border-radius:14px}
html body[data-art=journal]:is(.recruit,.aikata) main .office-gallery>figure img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover}
/* 写真＋文章（事業と仕事「福岡で、仲間と力を伸ばす」）：左に写真、右に文章 */
html body[data-art=journal]:is(.recruit,.aikata) main .section-body:has(>.deck-figure):not(:has(>.deck-slides)){display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px 48px;align-items:center}
html body[data-art=journal]:is(.recruit,.aikata) main .section-body:has(>.deck-figure):not(:has(>.deck-slides))>.deck-figure{grid-column:1;grid-row:1/span 3;margin:0!important;width:100%!important;max-width:none!important;border-radius:14px;overflow:hidden}
html body[data-art=journal]:is(.recruit,.aikata) main .section-body:has(>.deck-figure):not(:has(>.deck-slides))>.deck-figure img{width:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:4/3!important;object-fit:cover}
html body[data-art=journal]:is(.recruit,.aikata) main .section-body:has(>.deck-figure):not(:has(>.deck-slides))>:not(.deck-figure){grid-column:2;margin:0!important;align-self:center}
html body[data-art=journal]:is(.recruit,.aikata) main .section-body:has(>.deck-figure):not(:has(>.deck-slides))>.deck-figure+p:last-child{grid-row:1/span 3}
/* スタッフ紹介：写真と文章を中央でそろえる */
html body[data-art=journal]:is(.recruit,.aikata) main .staff-feature27{display:grid!important;grid-template-columns:minmax(0,440px) minmax(0,1fr)!important;gap:56px!important;align-items:center}
html body[data-art=journal]:is(.recruit,.aikata) main .staff-feature27>figure{margin:0!important;width:100%!important;max-width:none!important;border-radius:14px;overflow:hidden}
html body[data-art=journal]:is(.recruit,.aikata) main .staff-feature27>figure img{width:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:4/5!important;object-fit:cover}
/* 動きのために付いていた上下の余白をなくす（写真の上端をそろえる） */
html body[data-art=journal]:is(.recruit,.aikata) main .section-body figure.is-parallax{margin-top:0!important}
@media(max-width:900px){
  html body[data-art=journal]:is(.recruit,.aikata) main .section-body>.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body[data-art=journal]:is(.recruit,.aikata) main .section-body:has(>.deck-figure):not(:has(>.deck-slides)){grid-template-columns:1fr}
  html body[data-art=journal]:is(.recruit,.aikata) main .section-body:has(>.deck-figure):not(:has(>.deck-slides))>*{grid-column:1!important;grid-row:auto!important}
  html body[data-art=journal]:is(.recruit,.aikata) main .staff-feature27{grid-template-columns:1fr!important;gap:24px!important}
  html body[data-art=journal]:is(.recruit,.aikata) main .staff-feature27>figure{max-width:420px!important}
}
@media(max-width:600px){
  html body[data-art=journal]:is(.recruit,.aikata) main .section-body>.cards{grid-template-columns:1fr!important;gap:12px!important}
  html body[data-art=journal]:is(.recruit,.aikata) main .section-body>.cards>.card{padding:22px 20px!important}
  html body[data-art=journal]:is(.recruit,.aikata) main .office-gallery{grid-template-columns:1fr!important;gap:12px!important}
}
html body[data-art=journal]:is(.recruit,.aikata) main .section-body>.job-editorial>figure{margin:0 0 32px!important;width:100%!important;max-width:none!important;border-radius:14px;overflow:hidden}
html body[data-art=journal]:is(.recruit,.aikata) main .section-body>.job-editorial>figure img{width:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:21/8!important;object-fit:cover;object-position:50% 60%}

/* ==== docs/81 (2026-10-01) AIKATA 下層ページの整列（docs/80 を AIKATA にも）＋資料画像・料金カード ==== */
html body[data-art=journal].aikata main .deck-slides:not(.is-single){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:start}
html body[data-art=journal].aikata main .deck-slides:not(.is-single)>*{margin:0!important;width:100%!important;max-width:none!important;transform:none!important}
html body[data-art=journal].aikata main .deck-slides:not(.is-single) img{width:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain;background:#fff;border-radius:12px;box-shadow:0 0 0 1px rgba(91,43,214,.12)}
html body[data-art=journal].aikata main .deck-slides.is-single{margin-left:0!important}
html body[data-art=journal].aikata main .price-grid>*{margin:0!important;width:auto!important;transform:none!important}
@media(max-width:767px){html body[data-art=journal].aikata main .deck-slides:not(.is-single){grid-template-columns:1fr!important}}
html body.recruit .site-footer .foot-legal{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap}
html body.recruit .site-footer .foot-legal .foot-copy{margin:0;font-size:14px;color:#52616b}
html body[data-art=journal].aikata main .price-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
html body[data-art=journal].aikata main .price-grid>.price{padding:56px 22px 26px!important;border-radius:16px!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(91,43,214,.16)!important}
html body[data-art=journal].aikata main .price-grid>.price.is-recommended{box-shadow:inset 0 0 0 2px #5b2bd6,0 18px 40px -22px rgba(91,43,214,.55)!important}
@media(max-width:1100px){html body[data-art=journal].aikata main .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body[data-art=journal].aikata main .price-grid{grid-template-columns:1fr!important}}

/* ==== docs/85 (2026-10-01) 採用 下層：文章＋右の写真／中央の相談パネル／会社概要の表／人が写るトリミング ==== */
html body.recruit img.focus-people{object-position:50% 62%!important}
html body.recruit .photo-direction img.focus-people{object-position:50% 58%!important}
/* 文章＋右の写真 */
html body[data-art=journal].recruit main .content-section.is-split>.section-body{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:32px clamp(40px,5vw,80px);align-items:center}
html body[data-art=journal].recruit main .content-section.is-split .split-text>p{max-width:none;margin:0 0 1.2em;font-size:clamp(16px,1.2vw,18px);line-height:2}
html body[data-art=journal].recruit main .content-section.is-split .split-text>p:first-child{font-size:clamp(18px,1.5vw,22px);font-weight:700;line-height:1.9;color:var(--ink)}
html body[data-art=journal].recruit main .side-photo{margin:0!important;width:100%!important;max-width:none!important;border-radius:18px;overflow:hidden;position:relative}
html body[data-art=journal].recruit main .side-photo img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:4/3!important;object-fit:cover}
/* 会社概要：表＋写真 */
html body[data-art=journal].recruit main .company-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px clamp(40px,5vw,72px);align-items:start}
html body[data-art=journal].recruit main .company-table{margin:0;border-top:2px solid var(--ink)}
html body[data-art=journal].recruit main .company-table>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:18px 4px!important;border-bottom:1px solid #dbe3ea!important;align-items:baseline}
html body[data-art=journal].recruit main .company-table dt{font-weight:800;color:#1238d6;font-size:15px;letter-spacing:.04em}
html body[data-art=journal].recruit main .company-table dd{margin:0;font-weight:600;line-height:1.8}
html body[data-art=journal].recruit main .company-split .side-photo img{aspect-ratio:4/5!important}
/* ボタンだけのセクション：中央の相談パネル（背景に風の筋） */
html body[data-art=journal].recruit main .content-section.is-cta{position:relative;isolation:isolate;margin-block:clamp(24px,3vw,40px);padding:clamp(48px,6vw,80px) clamp(20px,4vw,64px)!important;border:0!important;border-radius:28px;background:linear-gradient(135deg,#eef3ff 0%,#f6fbff 55%,#e9f7fb 100%);text-align:center;overflow:hidden}
html body[data-art=journal].recruit main .content-section.is-cta::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%231f63f0' stroke-linecap='round'%3E%3Cpath stroke-opacity='.25' stroke-width='1.6' d='M-20 60 C 120 30, 260 90, 420 50 S 600 40, 640 70'/%3E%3Cpath stroke-opacity='.18' stroke-width='1.2' d='M-20 120 C 140 90, 300 150, 460 110 S 620 100, 640 130'/%3E%3Cpath stroke-opacity='.14' stroke-width='1' d='M-20 165 C 160 145, 320 190, 480 160 S 620 150, 640 175'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat}
html body[data-art=journal].recruit main .content-section.is-cta .section-heading{text-align:center;margin-inline:auto!important}
html body[data-art=journal].recruit main .content-section.is-cta .section-heading h2{display:inline-block}
html body[data-art=journal].recruit main .content-section.is-cta .section-body>p{margin-inline:auto!important;text-align:center}
html body[data-art=journal].recruit main .content-section.is-cta .actions{justify-content:center}
html body[data-art=journal].recruit main .content-section.is-cta .section-body>.actions:first-child{margin-top:8px!important}
@media(max-width:900px){
  html body[data-art=journal].recruit main .content-section.is-split>.section-body,html body[data-art=journal].recruit main .company-split{grid-template-columns:1fr}
  html body[data-art=journal].recruit main .company-split .side-photo img{aspect-ratio:16/10!important}
}
@media(max-width:600px){
  html body[data-art=journal].recruit main .company-table>div{grid-template-columns:1fr;gap:4px}
  html body[data-art=journal].recruit main .content-section.is-cta{border-radius:20px}
}
/* 風の筋（renewal.js が見出し・キャッチコピーの上に一度だけ流す） */
.has-streaks{position:relative}
.wind-streaks{position:absolute;left:-6%;right:-6%;top:-25%;bottom:-25%;pointer-events:none;z-index:2;overflow:visible}
.wind-streaks svg{width:100%;height:100%;display:block;overflow:visible}
.wind-streaks path{fill:none;stroke:var(--streak,rgba(255,255,255,.9));stroke-linecap:round}
body.recruit main .content-section .wind-streaks{--streak:rgba(31,99,240,.7)}
.wind-streaks path{filter:drop-shadow(0 0 4px var(--streak,rgba(255,255,255,.6)))}
/* docs/85: 写真＋文章の文章を読みやすい大きさに／スタッフ紹介の文字を大きく */
html body[data-art=journal].recruit main .section-body:has(>.deck-figure):not(:has(>.deck-slides))>p{font-size:clamp(18px,1.5vw,22px);font-weight:700;line-height:1.9;color:var(--ink);max-width:none}
html body[data-art=journal].recruit main .staff-feature27>div h2{font-size:clamp(26px,2.6vw,38px)!important;line-height:1.5;margin:10px 0 18px}
html body[data-art=journal].recruit main .staff-feature27>div p:not(.kicker){font-size:clamp(16px,1.2vw,18px);margin:4px 0}
html body[data-art=journal].recruit main .staff-feature27>div p:not(.kicker):nth-of-type(2){font-weight:800;font-size:clamp(18px,1.4vw,21px)}
/* docs/85: 働く環境（下層）の特徴は、写真と文章を左右交互に */
html body[data-art=journal].recruit main .section-body .culture-features{display:grid!important;grid-template-columns:1fr!important;gap:clamp(48px,6vw,88px)!important}
html body[data-art=journal].recruit main .section-body .culture-feature:nth-child(n){display:grid!important;grid-template-columns:minmax(0,6fr) minmax(0,5fr)!important;gap:24px clamp(40px,5vw,72px);align-items:center;margin:0!important;padding:0!important;border:0!important}
html body[data-art=journal].recruit main .section-body .culture-feature>figure{margin:0!important;width:100%!important;max-width:none!important;border-radius:18px;overflow:hidden}
html body[data-art=journal].recruit main .section-body .culture-feature>figure img{width:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:4/3!important;object-fit:cover;object-position:50% 62%}
html body[data-art=journal].recruit main .section-body .culture-feature:nth-child(even)>figure{order:2}
html body[data-art=journal].recruit main .section-body .culture-feature h3{font-size:clamp(26px,2.6vw,38px)!important;line-height:1.55}
html body[data-art=journal].recruit main .section-body .culture-feature>div>p{font-size:clamp(16px,1.25vw,19px);line-height:1.9;margin:16px 0 20px}
@media(max-width:900px){html body[data-art=journal].recruit main .section-body .culture-feature:nth-child(n){grid-template-columns:1fr!important}html body[data-art=journal].recruit main .section-body .culture-feature:nth-child(n)>*{grid-column:1!important;grid-row:auto!important;order:0!important;margin:0!important}}

/* ==== docs/86 (2026-10-01) 採用：素案で埋めたセクション ==== */
/* /about/ リード＋数字 */
html body.recruit .about-lead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px clamp(32px,5vw,72px);align-items:end;margin:0 0 clamp(36px,4vw,56px)}
html body.recruit .about-lead .lead-copy{margin:0 0 18px;font-size:clamp(24px,2.4vw,34px);font-weight:800;line-height:1.55;color:var(--ink);letter-spacing:-.02em}
html body.recruit .about-lead-text>p:not(.lead-copy){margin:0;font-size:clamp(16px,1.2vw,18px);line-height:2}
html body.recruit .stat-chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body.recruit .stat-chips li{padding:18px 14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(18,56,214,.14);text-align:center}
html body.recruit .stat-chips b{display:block;font:800 clamp(34px,3.4vw,48px)/1 var(--display);background:var(--g-num);-webkit-background-clip:text;background-clip:text;color:transparent}
html body.recruit .stat-chips span{display:block;margin-top:8px;font-size:14px;font-weight:700;line-height:1.5}
/* 会社概要「これから」 */
html body.recruit .future-block{margin-top:clamp(40px,5vw,64px);padding:clamp(28px,3vw,40px);border-radius:20px;background:linear-gradient(120deg,#1238d6,#1f63f0 60%,#1a9fe0);color:#fff}
html body.recruit .future-block .future-en{margin:0 0 6px;font:800 13px/1 var(--display);letter-spacing:.24em;color:#9fe3ff}
html body[data-art=journal].recruit .future-block h3{margin:0 0 12px;font-size:clamp(24px,2.2vw,32px);color:#fff!important}
html body.recruit .future-block p:last-child{margin:0;max-width:880px;line-height:2;color:#fff}
/* 事業と仕事「福岡で」の3つのポイント */
html body.recruit .point-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
html body.recruit .point-list li{display:grid;gap:2px;padding:14px 18px 14px 44px;border-radius:12px;background:#f3f6fd;position:relative}
html body.recruit .point-list li::before{content:'';position:absolute;left:18px;top:21px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#1238d6,#1a9fe0)}
html body.recruit .point-list b{font-size:17px}
html body.recruit .point-list span{font-size:15px;line-height:1.7;color:#40505c}
/* 働く環境「スタッフの言葉で」 */
html body.recruit .staff-strip-lead{margin:0 0 24px!important;font-size:clamp(16px,1.2vw,18px)}
html body.recruit .staff-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html body.recruit .staff-strip a{display:flex;flex-direction:column;height:100%;color:var(--ink);text-decoration:none}
html body.recruit .staff-strip figure{position:relative;margin:0 0 14px;aspect-ratio:4/5;overflow:hidden;border-radius:16px;background:var(--g-vivid)}
html body.recruit .staff-strip figure img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover;object-position:50% 28%;transition:transform .9s cubic-bezier(.19,1,.22,1)}
html body.recruit .staff-strip .photo-tag{position:absolute;left:12px;top:12px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}
html body.recruit .staff-strip .ss-title{margin:0 0 6px;font-weight:800;font-size:17px;line-height:1.55}
html body.recruit .staff-strip .ss-name{margin:0 0 14px;font-size:14px;color:#52616b}
html body.recruit .staff-strip .ss-more{margin-top:auto;font-size:14px;font-weight:700;color:#1238d6}
html body.recruit .staff-strip .ss-more::after{content:' →'}
@media(hover:hover){html body.recruit .staff-strip a:hover img{transform:scale(1.05)}}
/* よくある質問：相談の例 */
html body.recruit .ask-chips{list-style:none;margin:20px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px}
html body.recruit .ask-chips li{padding:10px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(18,56,214,.2);font-weight:700;font-size:15px}
/* スタッフを知る：事業・仕事へのリンクカード */
html body.recruit .link-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:860px;margin:24px auto 0;text-align:left}
html body.recruit .link-cards a{display:grid;gap:4px;padding:24px 64px 24px 26px;border-radius:18px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:inset 0 0 0 1px rgba(18,56,214,.16);position:relative;transition:transform .45s cubic-bezier(.19,1,.22,1)}
html body.recruit .link-cards a::after{content:'→';position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1238d6;color:#fff;font-weight:800}
html body.recruit .link-cards .lc-en{font:800 12px/1 var(--display);letter-spacing:.2em;color:#1f63f0}
html body.recruit .link-cards b{font-size:20px}
html body.recruit .link-cards span:last-child{font-size:15px;color:#40505c}
@media(hover:hover){html body.recruit .link-cards a:hover{transform:translateY(-4px)}}
/* インタビュー：Q&A をカードで（閉じない） */
html body.recruit .qa-card{position:relative;padding:clamp(28px,3vw,44px) clamp(24px,3vw,48px) clamp(28px,3vw,40px) clamp(72px,7vw,110px);border-radius:22px;background:linear-gradient(135deg,#eef3ff,#f7fbff)}
html body.recruit .qa-card::before{content:'“';position:absolute;left:clamp(20px,2.4vw,36px);top:clamp(4px,1vw,14px);font:800 clamp(72px,8vw,120px)/1 Georgia,serif;color:#1f63f0;opacity:.35}
html body.recruit .qa-card .qa-q{margin:0 0 12px;font-weight:800;color:#1238d6;font-size:16px}
html body.recruit .qa-card .qa-a p{margin:0;font-size:clamp(18px,1.6vw,23px);font-weight:700;line-height:1.85;color:var(--ink)}
@media(max-width:900px){
  html body.recruit .about-lead{grid-template-columns:1fr}
  html body.recruit .staff-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  html body.recruit .stat-chips{gap:8px}html body.recruit .stat-chips li{padding:14px 6px}html body.recruit .stat-chips span{font-size:12px}
  html body.recruit .link-cards{grid-template-columns:1fr}
  html body.recruit .staff-strip{gap:14px}
}

/* ==== docs/86 AIKATA：見出しのマーカー線・中央のリード文・相談パネル（採用サイトと同じ考え方、AIKATAの紫で） ==== */
html body[data-art=journal].aikata main .section-heading h2{font-size:clamp(30px,3.4vw,50px);line-height:1.45;letter-spacing:-.04em}
html body[data-art=journal].aikata .section-heading h2 .h-mark{background:linear-gradient(transparent 58%,rgba(124,92,240,.24) 58%,rgba(124,92,240,.24) 92%,transparent 92%) no-repeat 0 0/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em;margin-left:-.08em}
html body[data-art=journal].aikata main .content-section.is-lead>.section-body{max-width:860px;margin-inline:auto;text-align:center}
html body[data-art=journal].aikata main .content-section.is-lead .section-heading{text-align:center}
html body[data-art=journal].aikata main .content-section.is-lead .section-heading h2{display:inline-block}
html body[data-art=journal].aikata main .content-section.is-lead .section-body>p{margin-inline:auto!important;max-width:none;font-size:clamp(17px,1.35vw,20px);line-height:2}
html body[data-art=journal].aikata main .content-section.is-lead .section-body>p:first-child{font-size:clamp(20px,1.8vw,26px);font-weight:800;color:var(--ink)}
html body[data-art=journal].aikata main .content-section.is-cta{position:relative;isolation:isolate;margin-block:clamp(24px,3vw,40px);padding:clamp(48px,6vw,80px) clamp(20px,4vw,64px)!important;border:0!important;border-radius:28px;background:linear-gradient(135deg,#f1edff 0%,#f7f5ff 55%,#eaf3ff 100%);text-align:center;overflow:hidden}
html body[data-art=journal].aikata main .content-section.is-cta .section-heading{text-align:center;margin-inline:auto!important}
html body[data-art=journal].aikata main .content-section.is-cta .section-heading h2{display:inline-block}
html body[data-art=journal].aikata main .content-section.is-cta .section-body>:is(p,h3){margin-inline:auto!important;text-align:center;max-width:760px}
html body[data-art=journal].aikata main .content-section.is-cta .actions{justify-content:center}
body.aikata .wind-streaks{--streak:rgba(108,76,230,.6)}
@media(max-width:600px){html body[data-art=journal].aikata main .section-heading h2{font-size:clamp(24px,6.8vw,30px)}html body[data-art=journal].aikata main .content-section.is-cta{border-radius:20px}}
/* docs/86: 「それぞれの経験から」（働き方の札がないカード）もカードの形に */
html body[data-art=journal].recruit main .career-grid27 .career-card27:not(:has(.type-chip)){padding:32px 36px!important;border:0!important;border-radius:18px!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(18,56,214,.14),inset 0 4px 0 #1f63f0!important}
html body[data-art=journal].recruit main .career-card27 h3{font-size:clamp(20px,1.8vw,26px)!important;line-height:1.5}
html body[data-art=journal].recruit main .career-card27 p{font-size:clamp(15px,1.15vw,17px)!important;line-height:1.95}
html body[data-art=journal]:is(.aikata,.recruit) main .content-section:is(.is-lead,.is-cta) .section-heading{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;text-align:center}

/* ==== docs/87 (2026-10-01) ページ内ナビ：押すとページ内を移動することが分かる形に（採用・AIKATA） ==== */
body.recruit{--ipn:#1238d6;--ipn-pale:#eef3ff}
body.aikata{--ipn:#5b2bd6;--ipn-pale:#f1edff}
html body[data-art=journal] main nav.in-page-nav{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px!important;padding:22px 0 26px!important;margin:0!important;border-bottom:1px solid var(--line)!important}
html body[data-art=journal] main nav.in-page-nav .ipn-label{flex-basis:100%;display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--ipn)}
html body[data-art=journal] main nav.in-page-nav .ipn-label::before{content:'';width:18px;height:2px;border-radius:2px;background:var(--ipn)}
html body[data-art=journal] main nav.in-page-nav a{position:relative!important;display:inline-flex!important;align-items:center;gap:10px;padding:9px 10px 9px 18px!important;border-radius:999px!important;background:#fff!important;color:var(--ink)!important;font-size:15px!important;font-weight:700;line-height:1.5;text-decoration:none!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ipn) 30%,#fff)!important;transition:background .3s,color .3s,box-shadow .3s}
html body[data-art=journal] main nav.in-page-nav a::after{content:'↓'!important;position:static!important;display:grid!important;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--ipn)!important;color:#fff;font-size:14px;font-weight:800;transform:none!important;transition:transform .35s cubic-bezier(.19,1,.22,1)}
@media(hover:hover){html body[data-art=journal] main nav.in-page-nav a:hover{background:var(--ipn-pale)!important;box-shadow:inset 0 0 0 1.5px var(--ipn)!important}html body[data-art=journal] main nav.in-page-nav a:hover::after{transform:translateY(3px)!important}}
html body[data-art=journal] main nav.in-page-nav a.is-current{background:var(--ipn)!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px var(--ipn)!important}
html body[data-art=journal] main nav.in-page-nav a.is-current::after{background:#fff!important;color:var(--ipn)}
html body[data-art=journal] main nav.in-page-nav a:focus-visible{outline:3px solid #162f61;outline-offset:3px}
@media(max-width:767px){
  html body[data-art=journal] main nav.in-page-nav{flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;padding:16px 0 18px!important}
  html body[data-art=journal] main nav.in-page-nav a{flex:none;width:auto!important;font-size:14px!important;padding:7px 8px 7px 14px!important}
  html body[data-art=journal] main nav.in-page-nav a::after{width:22px;height:22px;font-size:12px}
}

/* ==== docs/88 (2026-10-01) 採用 FINAL CTA：白いボタン。カーソルを合わせると風の筋が吹き抜け、矢印が風に押される ==== */
html body[data-art=journal].recruit section.art-closing a.button{position:relative;overflow:hidden;isolation:isolate;display:inline-flex!important;align-items:center;justify-content:space-between;gap:20px;min-width:min(100%,340px);min-height:66px;padding:10px 10px 10px 34px!important;border:0!important;border-radius:999px!important;background:#fff!important;background-image:none!important;color:#1238d6!important;font-size:17px;font-weight:800;letter-spacing:.06em;text-decoration:none!important;box-shadow:0 18px 40px -18px rgba(5,20,80,.55)!important;transition:transform .45s cubic-bezier(.19,1,.22,1),box-shadow .45s}
html body[data-art=journal].recruit section.art-closing a.button::before{display:none!important}
html body[data-art=journal].recruit section.art-closing a.button::after{content:'→'!important;position:relative!important;z-index:1;display:grid!important;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:linear-gradient(120deg,#1238d6,#1f63f0 60%,#1a9fe0)!important;color:#fff;font-size:18px;font-weight:800;transform:none;transition:transform .45s cubic-bezier(.19,1,.22,1)}
html body[data-art=journal].recruit section.art-closing a.button .gust{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s;
  background-image:linear-gradient(90deg,transparent,rgba(31,99,240,.6),transparent),linear-gradient(90deg,transparent,rgba(26,159,224,.55),transparent),linear-gradient(90deg,transparent,rgba(31,99,240,.45),transparent);
  background-repeat:no-repeat;background-size:44% 3px,62% 2.5px,34% 2px;background-position:-70% 28%,-90% 52%,-60% 76%}
@keyframes cta-gust{0%{background-position:-70% 28%,-90% 52%,-60% 76%}100%{background-position:170% 28%,190% 52%,160% 76%}}
@keyframes cta-blow{0%,100%{transform:translateX(0)}40%{transform:translateX(7px)}70%{transform:translateX(3px)}}
@media(hover:hover){
  html body[data-art=journal].recruit section.art-closing a.button:hover{transform:translateY(-3px);box-shadow:0 24px 48px -18px rgba(5,20,80,.65)!important}
  html body[data-art=journal].recruit section.art-closing a.button:hover .gust{opacity:1;animation:cta-gust 1.3s cubic-bezier(.45,.05,.35,1) infinite}
  html body[data-art=journal].recruit section.art-closing a.button:hover::after{animation:cta-blow 1.3s ease-in-out infinite}
}
html body[data-art=journal].recruit section.art-closing a.button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html body[data-art=journal].recruit section.art-closing a.button:hover :is(.gust){animation:none;opacity:.6}html body[data-art=journal].recruit section.art-closing a.button:hover::after{animation:none;transform:translateX(4px)}}
@media(max-width:600px){html body[data-art=journal].recruit section.art-closing a.button{width:100%;min-height:60px;font-size:16px}}
html body[data-art=journal].recruit section.art-closing a.button::after,html body[data-art=journal].recruit section.art-closing a.button:hover::after{text-shadow:none!important;overflow:hidden}
@keyframes cta-blow{0%,100%{transform:translateX(0)}40%{transform:translateX(4px)}70%{transform:translateX(1px)}}
html body[data-art=journal].recruit section.art-closing a.button::after{width:46px!important;height:46px!important;margin-left:0!important;text-align:center!important;text-indent:0!important;clip-path:none!important;line-height:46px}

/* ==== docs/89 (2026-10-01) 幾何学のモチーフ（文字だけのセクションの右側） ==== */
html body.recruit main section.has-geo{position:relative;isolation:isolate}
html body.recruit main section.has-geo>:not(.geo){position:relative;z-index:1}
html body.recruit .geo{position:absolute;right:0;top:clamp(36px,4vw,64px);z-index:0;width:min(30vw,320px);pointer-events:none;--geo:#1f63f0;--geo2:#1a9fe0}
html body.recruit .geo svg{display:block;width:100%;height:auto;overflow:visible}
html body.recruit .geo .g-dot{fill:var(--geo);opacity:.28}
html body.recruit .geo .g-line{fill:none;stroke:url(#none);stroke:var(--geo);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
html body.recruit .geo .g-node{fill:#fff;stroke:var(--geo);stroke-width:2.5}
html body.recruit .geo .g-spark{fill:var(--geo2);filter:drop-shadow(0 0 6px var(--geo2))}
html body.recruit .geo .g-ring{fill:none;stroke:var(--geo);stroke-width:1.6;opacity:.38}
html body.recruit .geo .g-ring.is-dash{stroke-dasharray:3 7;opacity:.55}
html body.recruit .geo .g-arc{fill:none;stroke:var(--geo2);stroke-width:4;stroke-linecap:round}
html body.recruit .geo .g-wave{fill:none;stroke:var(--geo2);stroke-width:1.5}
html body.recruit .geo .g-chev{fill:none;stroke:var(--geo);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.35}
html body.recruit .geo .g-chev.is-strong{stroke:var(--geo2);opacity:.85}
html body.recruit .geo.is-static .g-spark,html body.recruit .geo.is-static .g-wave{display:none}
/* 見出しが長いセクションでは重ならないよう小さく */
@media(max-width:1100px){html body.recruit .geo{width:min(26vw,240px);opacity:.75}}
@media(max-width:767px){html body.recruit .geo{width:132px;top:8px;right:-4px;opacity:.45}}

/* ==== docs/89 ページごとの表・カードの型 ==== */
/* LISHを知る：罫線の型（カードを線で区切る） */
html body[data-art=journal].recruit.theme-line main .section-body>.cards>.card{background:none!important;box-shadow:none!important;border-radius:0!important;border-top:2px solid var(--ink)!important;padding:22px 4px 8px!important}
html body[data-art=journal].recruit.theme-line main .section-body>.cards>.card h3::before{display:none}
html body[data-art=journal].recruit.theme-line main .section-body>.cards>.card h3{font-size:clamp(22px,1.9vw,28px)!important}
/* 事業と仕事・お問い合わせ：面の型（淡い面＋幾何学のアイコン） */
html body[data-art=journal].recruit.theme-tile main :is(.section-body>.cards>.card,.location-pair>div){background:linear-gradient(150deg,#eef3ff,#f6fbff)!important;box-shadow:none!important;border:0!important;border-radius:22px!important;padding:30px 28px 30px!important}
html body[data-art=journal].recruit.theme-tile main .section-body>.cards>.card h3::before{width:34px!important;height:34px!important;margin:0 0 18px!important;border-radius:0!important;background:linear-gradient(135deg,#1238d6,#1a9fe0)!important}
html body[data-art=journal].recruit.theme-tile main .section-body>.cards>.card:nth-child(3n+1) h3::before{border-radius:50%!important}
html body[data-art=journal].recruit.theme-tile main .section-body>.cards>.card:nth-child(3n+2) h3::before{transform:rotate(45deg) scale(.8)}
html body[data-art=journal].recruit.theme-tile main .section-body>.cards>.card:nth-child(3n) h3::before{clip-path:polygon(50% 0,100% 100%,0 100%)}
html body[data-art=journal].recruit.theme-tile main .location-pair{gap:20px!important}
/* 働く環境・スタッフ：線で囲む型 */
html body[data-art=journal].recruit.theme-outline main .career-grid27 .career-card27:not(:has(.type-chip)){background:transparent!important;box-shadow:none!important;border:1.5px solid rgba(18,56,214,.35)!important;border-radius:4px 28px 4px 28px!important}
/* よくある質問：Q&A の型 */
html body[data-art=journal].recruit.theme-qa main .faq{display:grid;gap:12px}
html body[data-art=journal].recruit.theme-qa main .faq details{background:#fff;border:0!important;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(18,56,214,.14)!important;padding:0 22px!important}
html body[data-art=journal].recruit.theme-qa main .faq summary{display:flex;align-items:center;gap:14px;padding:18px 0!important;font-weight:800}
html body[data-art=journal].recruit.theme-qa main .faq summary::before{content:'Q';flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1238d6;color:#fff;font:800 15px/1 var(--display)}
html body[data-art=journal].recruit.theme-qa main .faq details>div{position:relative;padding:0 0 20px 46px!important}
html body[data-art=journal].recruit.theme-qa main .faq details>div::before{content:'A';position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef3ff;color:#1238d6;font:800 15px/1 var(--display)}
html body[data-art=journal].recruit.theme-qa main .faq details[open]{box-shadow:inset 0 0 0 1.5px #1238d6!important}

/* ==== docs/90 (2026-10-01) 下層ページへのボタンと、続くお問い合わせボタン（途中CTA）の間：PC 50px／スマホ 40px（全ページ共通） ==== */
html body[data-art=journal]:is(.recruit,.aikata) main :is(section,.section-body,section>.wrap,.sub-cta)>.actions+.actions{margin-top:50px!important}
@media(max-width:767px){html body[data-art=journal]:is(.recruit,.aikata) main :is(section,.section-body,section>.wrap,.sub-cta)>.actions+.actions{margin-top:40px!important}}

/* ==== docs/92 (2026-10-01) スタッフを知る：写真の比率(4:5)はそのまま、カードの高さを抑える ==== */
@media(min-width:1200px){html body[data-art=journal].recruit main .people-grid.editorial-people{grid-template-columns:repeat(5,minmax(0,1fr))!important;column-gap:20px!important}
  html body[data-art=journal].recruit .people-grid .person h3{font-size:17px!important;min-height:3em}
  html body[data-art=journal].recruit .people-grid .person .tag,html body[data-art=journal].recruit .people-grid .person-bottom p{font-size:13px}
  html body[data-art=journal].recruit .people-grid .person .people-more{font-size:13px!important;padding:8px 8px 8px 14px!important}
  html body[data-art=journal].recruit .people-grid .person .people-more::after{width:28px!important;height:28px!important}}
@media(min-width:768px) and (max-width:1199px){html body[data-art=journal].recruit main .people-grid.editorial-people{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){
  html body[data-art=journal].recruit main .people-grid.editorial-people{grid-template-columns:1fr!important;row-gap:16px!important}
  html body[data-art=journal].recruit .people-grid .person>a{display:grid!important;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;column-gap:16px;align-items:start}
  html body[data-art=journal].recruit .people-grid .person-image{grid-column:1;grid-row:1/span 5;width:116px!important}
  html body[data-art=journal].recruit .people-grid .person>a>:not(.person-image){grid-column:2}
  html body[data-art=journal].recruit .people-grid .person .tag{margin-top:0!important;font-size:12px}
  html body[data-art=journal].recruit .people-grid .person h3{min-height:0!important;font-size:16px!important;margin:4px 0!important}
  html body[data-art=journal].recruit .people-grid .person h3 br{display:none}
  html body[data-art=journal].recruit .people-grid .person-bottom p{font-size:13px;margin:0 0 8px!important}
  html body[data-art=journal].recruit .people-grid .person .people-more{font-size:13px!important;padding:6px 6px 6px 12px!important}
  html body[data-art=journal].recruit .people-grid .person .people-more::after{width:24px!important;height:24px!important}
  html body[data-art=journal].recruit .people-grid .person-image .photo-tag{left:6px;top:6px;font-size:11px;padding:2px 7px}
  html body[data-art=journal].recruit .people-grid .person-image .scene-hint{display:none}
}
@media(max-width:767px){
  html body[data-art=journal].recruit .people-grid .person .people-more{background:none!important;box-shadow:none!important;border:0!important;padding:2px 0!important;width:auto!important;justify-content:flex-start!important;gap:8px;white-space:nowrap;font-size:13px!important;color:#1238d6!important}
  html body[data-art=journal].recruit .people-grid .person .people-more::after{width:20px!important;height:20px!important;font-size:11px}
}
/* docs/89 補正：モチーフは見出しの行の右に置き、本文に重ねない */
html body[data-art=journal].recruit main section.has-geo>.section-heading{display:flex!important;align-items:center;justify-content:space-between;gap:24px}
html body[data-art=journal].recruit main section.has-geo>.section-heading>h2{flex:1 1 auto;min-width:0}
html body.recruit main .section-heading>.geo{position:static!important;flex:none;opacity:1}
html body.recruit main .section-heading>.geo-grid{width:260px}
html body.recruit main .section-heading>.geo-rings{width:150px}
html body.recruit main .section-heading>.geo-chevron{width:230px}
@media(max-width:1100px){html body.recruit main .section-heading>.geo{transform:scale(.8);transform-origin:right center}}
@media(max-width:767px){html body.recruit main .section-heading>.geo{width:88px!important;transform:none;opacity:.7}}
/* よくある質問：質問は左揃え */
html body[data-art=journal].recruit.theme-qa main .faq summary{justify-content:flex-start!important;text-align:left!important}
html body[data-art=journal].recruit.theme-qa main .faq summary>*{text-align:left}
html body.recruit main .section-heading>.geo{margin-left:auto!important}
html body[data-art=journal].recruit main section.has-geo>.section-heading>h2{flex:0 1 auto;max-width:calc(100% - 280px)}
@media(max-width:767px){html body[data-art=journal].recruit main section.has-geo>.section-heading>h2{max-width:calc(100% - 100px)}}
html body[data-art=journal].recruit.theme-qa main .faq summary::after{margin-left:auto!important}
html body[data-art=journal].recruit main section.has-geo>.section-heading{width:100%!important;max-width:none!important;margin-right:0!important}

/* ==== docs/93 (2026-10-01) AIKATA も：コンテンツと下層ページへのボタンの間は 50px（採用サイトと同じ） ==== */
html body[data-art=journal].aikata main :is(section,.section-body,section>.wrap)>.actions{margin-top:50px!important}
html body[data-art=journal].aikata main :is(section,.section-body,section>.wrap,.sub-cta)>.actions+.actions{margin-top:50px!important}
html body[data-art=journal].aikata main .section-body>dl.rows:has(+.actions)>div:last-child{padding-bottom:0!important}
@media(max-width:767px){html body[data-art=journal].aikata main :is(section,.section-body,section>.wrap,.sub-cta)>.actions+.actions{margin-top:40px!important}}
html body[data-art=journal].aikata main .actions:not(:first-child){margin-top:50px!important}
html body[data-art=journal].aikata main :is(section,.section-body,section>.wrap,.sub-cta)>.actions+.actions{margin-top:50px!important}
@media(max-width:767px){html body[data-art=journal].aikata main :is(section,.section-body,section>.wrap,.sub-cta)>.actions+.actions{margin-top:40px!important}}
html body[data-art=journal]:is(.aikata,.recruit) main .deck-slides:has(+.actions){padding-bottom:0!important;margin-bottom:0!important}
html body[data-art=journal]:is(.aikata,.recruit) main .deck-slides:has(+.actions)>*:last-child{margin-bottom:0!important;padding-bottom:0!important}
/* docs/94 (2026-10-01) LISHを知る：左の写真は人物が写る位置に（縦長写真の下側） */
html body[data-art=journal].recruit main .office-gallery>figure:first-child img{object-position:50% 74%!important}

/* ==== docs/95 (2026-10-01) お問い合わせ：フォームを中央に（白いパネルにまとめる） ==== */
html body[data-art=journal].recruit main .content-section:has(form.demo-form)>.section-heading{width:100%!important;max-width:none!important;margin-inline:0!important;text-align:center}
html body[data-art=journal].recruit main .content-section:has(form.demo-form)>.section-heading h2{display:inline-block}
html body[data-art=journal].recruit main .content-section:has(form.demo-form)>.section-body{max-width:820px;margin-inline:auto!important}
html body[data-art=journal].recruit main form.demo-form{max-width:none!important;width:100%;margin:0 auto!important;padding:clamp(28px,4vw,48px) clamp(20px,4vw,56px)!important;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px rgba(18,56,214,.14)!important}
html body[data-art=journal].recruit main form.demo-form :is(input:not([type=radio]):not([type=checkbox]),textarea){width:100%!important;max-width:none!important}
html body[data-art=journal].recruit main form.demo-form .chk-group{flex-wrap:wrap}
html body[data-art=journal].recruit main form.demo-form :is(button,[type=submit]){display:flex;margin:28px auto 0!important;min-width:min(100%,300px);justify-content:center}
html body[data-art=journal].recruit main .content-section:has(form.demo-form) .section-body>p{text-align:center;margin-inline:auto!important}
@media(max-width:600px){html body[data-art=journal].recruit main form.demo-form{border-radius:16px}}
/* docs/96 お問い合わせ：送信ボタンの上の個人情報の案内 */
html body[data-art=journal].recruit main form.demo-form .form-privacy{margin:24px 0 0;text-align:center;font-size:15px;color:#40505c}
html body.recruit .form-privacy .sp-br{display:none}
html body.recruit .form-privacy a{white-space:nowrap}
@media(max-width:600px){html body.recruit .form-privacy .sp-br{display:inline}}
/* docs/98 AIKATA：ご相談の種類（ラジオボタン） */
html body.aikata form.service-form .radio-row{margin:0 0 20px}
html body.aikata form.service-form .radio-label{margin:0 0 10px;font-weight:700}
html body.aikata form.service-form .radio-label .req{margin-left:6px;padding:1px 8px;border-radius:4px;background:#5b2bd6;color:#fff;font-size:12px}
html body.aikata form.service-form .radio-group{display:flex;flex-wrap:wrap;gap:10px}
html body.aikata form.service-form .radio{display:inline-flex!important;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid rgba(91,43,214,.25);border-radius:10px;background:#fff;font-weight:600;cursor:pointer;margin:0}
html body.aikata form.service-form .radio:has(input:checked){border-color:#5b2bd6;background:#f1edff}
html body.aikata form.service-form .radio input{width:18px!important;height:18px;margin:0;accent-color:#5b2bd6}

/* ==== docs/99 (2026-10-02) 採用 下層：白背景だけにしない（帯の色・幾何学模様・動きの種類を増やす） ==== */
/* 1つおきのセクションに、画面幅いっぱいの色の帯＋点のグリッド。4つ目ごとに水色系に */
html body[data-art=journal].recruit .sub-layout>.content-section{position:relative;isolation:isolate}
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even):not(.is-cta)::before{content:''!important;display:block!important;position:absolute!important;inset:0 calc(50% - 50vw)!important;z-index:-1!important;pointer-events:none;
  background:radial-gradient(rgba(18,56,214,.13) 1.3px,transparent 1.6px) 0 0/24px 24px,linear-gradient(135deg,#e8efff 0%,#f1f6ff 55%,#e9f6fb 100%)!important;opacity:1!important}
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(4n):not(.is-cta)::before{background:radial-gradient(rgba(10,128,160,.14) 1.3px,transparent 1.6px) 0 0/24px 24px,linear-gradient(135deg,#e3f6f6 0%,#eef8ff 60%,#eaf0ff 100%)!important}
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even):not(.is-cta){border-top-color:transparent!important}
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even):not(.is-cta)+.content-section{border-top-color:transparent!important}
/* 帯の右上に、大きな円の線（幾何学） */
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even):not(.is-cta):not(.has-geo)::after{content:'';position:absolute;z-index:-1;right:-6%;top:-40px;width:clamp(180px,22vw,320px);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,transparent 58%,rgba(31,99,240,.10) 58.5%,rgba(31,99,240,.10) 59.5%,transparent 60%),radial-gradient(circle,transparent 76%,rgba(31,99,240,.08) 76.5%,rgba(31,99,240,.08) 77.3%,transparent 78%),radial-gradient(circle,transparent 94%,rgba(31,99,240,.07) 94.5%,rgba(31,99,240,.07) 95.3%,transparent 96%)}
/* 帯の中のカードは白で浮かせる */
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even) :is(.qa-card,.faq details){background:#fff!important}

/* 上部の青い帯：幾何学の模様 */
html body.recruit main>.sub-title{position:relative;isolation:isolate;overflow:hidden}
html body.recruit .hero-geo{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55}
html body.recruit .hero-geo svg{width:100%;height:100%;display:block}
html body.recruit .hero-geo .hg-dots circle{fill:rgba(255,255,255,.45)}
html body.recruit .hero-geo .hg-ring circle{fill:none;stroke:rgba(255,255,255,.35);stroke-width:1.4}
html body.recruit .hero-geo .hg-arc{fill:none;stroke:#7fe0ff;stroke-width:3;stroke-linecap:round}
html body.recruit main>.sub-title>:not(.hero-geo){position:relative;z-index:1}
@media(max-width:767px){html body.recruit .hero-geo{opacity:.35}}

/* 働く環境「働き方は」：すり合わせる項目を風で運ぶ */
html body.recruit .adjust{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px clamp(40px,5vw,72px);align-items:center}
html body.recruit .adjust-lead{margin:0 0 18px!important;font-size:clamp(24px,2.4vw,34px)!important;font-weight:800;line-height:1.55;color:var(--ink);letter-spacing:-.02em}
html body.recruit .adjust-text>p:not(.adjust-lead){max-width:none!important;font-size:clamp(16px,1.2vw,18px);line-height:2}
html body.recruit .adjust-note{margin-top:14px!important;padding-left:14px;border-left:3px solid #1f63f0;font-weight:700}
html body.recruit .adjust-field{position:relative;isolation:isolate;overflow:hidden;min-height:340px;padding:34px 30px;border-radius:28px;background:linear-gradient(135deg,#1238d6,#1f63f0 55%,#1a9fe0);color:#fff}
html body.recruit .adjust-wind{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
html body.recruit .adjust-wind path{fill:none;stroke:rgba(255,255,255,.4);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}
html body.recruit .adjust-cap{margin:0 0 20px!important;font:800 13px/1 var(--display);letter-spacing:.24em;color:#9fe3ff}
html body.recruit .adjust-cap span{margin-left:12px;font-family:inherit;letter-spacing:.06em;color:#fff;font-weight:700}
html body.recruit .adjust-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 10px}
html body.recruit .adjust-chips li{padding:12px 20px;border-radius:999px;background:rgba(255,255,255,.96);color:#1238d6;font-weight:800;font-size:clamp(15px,1.25vw,18px);line-height:1.4}
html body.recruit .adjust-chips li:nth-child(3n+2){margin-left:clamp(10px,3vw,48px)}
html body.recruit .adjust-chips li:nth-child(5){background:#9fe3ff;color:#0b2a8a}
@media(max-width:900px){html body.recruit .adjust{grid-template-columns:1fr}html body.recruit .adjust-field{min-height:0}}

/* スタッフを知る：働き方で絞り込む */
html body.recruit .way-filter-label{margin:0 0 10px!important;font-size:14px;font-weight:800;letter-spacing:.08em;color:#1238d6}
html body.recruit .way-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
html body.recruit .wf-btn{appearance:none;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:8px 10px 8px 20px;border:0;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 1.5px rgba(18,56,214,.25);transition:background .3s,color .3s,box-shadow .3s}
html body.recruit .wf-btn span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#eef3ff;color:#1238d6;font-size:13px}
html body.recruit .wf-btn.is-office[aria-pressed=true]{background:var(--office);color:#fff;box-shadow:none}
html body.recruit .wf-btn.is-remote[aria-pressed=true]{background:var(--remote);color:#fff;box-shadow:none}
html body.recruit .wf-btn.is-all[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}
html body.recruit .wf-btn[aria-pressed=true] span{background:#fff;color:var(--ink)}
html body.recruit .wf-btn:focus-visible{outline:3px solid #162f61;outline-offset:3px}
@media(hover:hover){html body.recruit .wf-btn[aria-pressed=false]:hover{box-shadow:inset 0 0 0 1.5px #1238d6}}
html body.recruit .people-grid .person[hidden]{display:none!important}

/* フッター：会社住所 */
html body.recruit .site-footer .foot-address{margin:14px 0 0;font-style:normal;font-size:14px;line-height:1.9;color:#52616b}
html body.recruit .site-footer .foot-map{align-items:start}

/* ==== docs/101 (2026-10-02) 日本地図・色面と曲線の境目・形で切り抜いた写真 ==== */
/* 地図（共通） */
html body.recruit .map-scene{position:relative;margin:0 0 clamp(40px,5vw,72px)}
html body.recruit .map-stage{position:relative;aspect-ratio:620/660;max-width:620px;width:100%}
html body.recruit svg.jp-map{display:block;width:100%;height:100%;overflow:visible}
html body.recruit .jp-dots circle{fill:#1f63f0;opacity:.75}
html body.recruit .jp-nodes circle{fill:#fff;stroke:#0a8078;stroke-width:3}
html body.recruit .jp-lines path{fill:none;stroke:#1a9fe0;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85}
html body.recruit .jp-pin{fill:#ff5a36;stroke:#fff;stroke-width:3}
html body.recruit .jp-pulse{fill:none;stroke:#ff5a36;stroke-width:2;opacity:.6}
html body.recruit .map-bubble{position:absolute;z-index:3;display:grid;gap:2px;padding:12px 18px;border-radius:16px;background:#fff;color:var(--ink);font-weight:800;font-size:clamp(15px,1.25vw,18px);line-height:1.4;box-shadow:0 14px 30px -16px rgba(12,40,150,.5);white-space:nowrap}
html body.recruit .map-bubble small{font-size:13px;font-weight:600;color:#52616b}
html body.recruit .map-bubble.is-office{left:16%;top:62%;border:2px solid #ff5a36}
html body.recruit .map-bubble.is-office::before{content:'';position:absolute;left:18px;top:-9px;width:14px;height:14px;background:#fff;border-left:2px solid #ff5a36;border-top:2px solid #ff5a36;transform:rotate(45deg)}
html body.recruit .map-bubble.is-remote{right:4%;top:24%;border:2px solid #0a8078}
/* トップ：スクロールで進む（900px以上・JS あり） */
html body.recruit .map-scene .map-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
html body.recruit .map-step{padding:20px 24px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(18,56,214,.14)}
html body.recruit .map-step .ms-en{margin:0 0 6px;font:800 12px/1 var(--display);letter-spacing:.2em;color:#1f63f0}
html body.recruit .map-step h3{margin:0 0 8px;font-size:clamp(22px,2vw,30px);line-height:1.4}
html body.recruit .map-step p:last-child{margin:0;line-height:1.85}
html body.recruit .map-scene:not(.is-compact):not(.is-pin){display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:32px;align-items:center}
html body.recruit .map-scene:not(.is-compact):not(.is-pin) .map-sticky{display:contents}
html body.recruit .map-photo{position:absolute;z-index:2;margin:0;overflow:hidden;opacity:0;transform:scale(.6);transition:opacity .6s,transform .7s cubic-bezier(.34,1.56,.64,1)}
html body.recruit .map-photo img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover}
html body.recruit .map-photo.is-office{left:34%;top:46%;width:30%;aspect-ratio:1;border-radius:50%;border:5px solid #fff}
html body.recruit .map-photo.is-remote{right:2%;top:46%;width:30%;aspect-ratio:1;border-radius:28px 28px 28px 4px;border:5px solid #fff}
html body.recruit .map-scene .map-bubble{transition:opacity .5s,transform .6s cubic-bezier(.34,1.56,.64,1)}
html body.recruit .map-scene.is-all .map-bubble,html body.recruit .map-scene.is-all .map-photo{opacity:1;transform:none}
html body.recruit .map-scene.is-all .map-photo.is-office{left:2%;top:70%;width:24%}
html body.recruit .map-scene.is-all .map-photo.is-remote{right:0;top:56%;width:24%}
@media(min-width:900px){
  html body.recruit .map-scene.is-scroll{display:block!important;height:300vh;margin-bottom:clamp(40px,5vw,72px)}
  html body.recruit .map-scene.is-scroll .map-sticky{position:sticky;top:0;height:100vh;display:grid!important;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:center}
  html body.recruit .map-scene.is-scroll .map-stage{max-height:86vh;width:auto;justify-self:center}
  html body.recruit .map-scene.is-scroll .map-step{opacity:.28;transform:translateX(16px);transition:opacity .5s,transform .7s cubic-bezier(.19,1,.22,1),box-shadow .5s}
  html body.recruit .map-scene.is-scroll .map-step.is-on{opacity:1;transform:none;box-shadow:inset 0 0 0 2px #1f63f0}
  html body.recruit .map-scene.is-scroll .map-bubble{opacity:0;transform:scale(.6)}
  html body.recruit .map-scene.is-scroll[data-step="1"] :is(.map-bubble.is-office,.map-photo.is-office){opacity:1;transform:none}
  html body.recruit .map-scene.is-scroll[data-step="2"] :is(.map-bubble.is-remote,.map-photo.is-remote){opacity:1;transform:none}
  html body.recruit .map-scene.is-scroll[data-step="1"] .map-bubble.is-office{left:22%;top:58%}
  html body.recruit .map-scene.is-scroll .jp-nodes circle{opacity:0}
}
/* 仕事・募集情報：地図＋凡例（表示で組み上がる） */
html body.recruit .map-scene.is-compact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px 48px;align-items:center;padding:clamp(24px,3vw,40px);border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px rgba(18,56,214,.12)}
html body.recruit .map-scene.is-compact .map-stage{max-width:420px;justify-self:center}
html body.recruit .map-legend{list-style:none;margin:0;padding:0;display:grid;gap:14px}
html body.recruit .map-legend li{display:grid;gap:4px;padding:18px 22px 18px 52px;border-radius:16px;position:relative;line-height:1.7}
html body.recruit .map-legend li::before{content:'';position:absolute;left:20px;top:24px;width:16px;height:16px;border-radius:50%}
html body.recruit .map-legend li b{font-size:clamp(18px,1.6vw,22px)}
html body.recruit .map-legend .is-office{background:#fff1ec}
html body.recruit .map-legend .is-office::before{background:#ff5a36}
html body.recruit .map-legend .is-remote{background:#e6f6f3}
html body.recruit .map-legend .is-remote::before{background:#fff;border:3px solid #0a8078;box-sizing:border-box}
/* LISHを知る：福岡に寄った地図 */
html body.recruit .map-scene.is-pin{margin:0;border-radius:24px;overflow:hidden;background:linear-gradient(150deg,#eef3ff,#e6f6fb)}
html body.recruit .map-scene.is-pin .map-stage{max-width:none;aspect-ratio:4/5}
html body.recruit .map-scene.is-pin .jp-nodes,html body.recruit .map-scene.is-pin .jp-lines{display:none}
html body.recruit .map-scene.is-pin .jp-dots circle{opacity:.55}
html body.recruit .map-scene.is-pin .map-bubble.is-office{left:50%;top:58%;transform:translateX(-30%)}
@media(max-width:899px){
  html body.recruit .map-scene:not(.is-compact):not(.is-pin),html body.recruit .map-scene.is-compact{grid-template-columns:1fr}
  html body.recruit .map-stage{max-width:420px;margin-inline:auto}
  html body.recruit .map-bubble{font-size:14px;padding:8px 12px}
}

/* 色面＋曲線の境目：帯をはっきりした色に、上端をゆるやかなアーチに */
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even):not(.is-cta)::before{border-radius:50% 50% 0 0/clamp(36px,5vw,90px) clamp(36px,5vw,90px) 0 0!important;
  background:radial-gradient(rgba(255,255,255,.55) 1.4px,transparent 1.7px) 0 0/24px 24px,linear-gradient(160deg,#cfe0ff 0%,#dbe9ff 55%,#d4f1f6 100%)!important}
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(4n):not(.is-cta)::before{background:radial-gradient(rgba(255,255,255,.55) 1.4px,transparent 1.7px) 0 0/24px 24px,linear-gradient(160deg,#c9efe9 0%,#d9f3ee 55%,#dbe8ff 100%)!important}
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even):not(.is-cta){padding-top:clamp(64px,7vw,110px)!important}
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even):not(.is-cta) :is(.card,.career-card27,.location-pair>div,.req-steps li,.sel-flow li,.map-step,.job-card>a){background-color:#fff}

/* 形で切り抜いた写真：働く環境の特徴・会社紹介の写真を丸・角丸・葉の形に */
html body[data-art=journal].recruit main .section-body .culture-feature:nth-child(3n+1)>figure{border-radius:50% 50% 50% 50%/46% 46% 54% 54%!important;aspect-ratio:1!important}
html body[data-art=journal].recruit main .section-body .culture-feature:nth-child(3n+2)>figure{border-radius:120px 24px 120px 24px!important}
html body[data-art=journal].recruit main .section-body .culture-feature:nth-child(3n)>figure{border-radius:24px 160px 24px 24px!important}
html body[data-art=journal].recruit main .section-body .culture-feature>figure img{aspect-ratio:auto!important;height:100%!important}
html body[data-art=journal].recruit main .section-body .culture-feature:nth-child(3n+1)>figure img{aspect-ratio:1!important}
html body[data-art=journal].recruit main .office-gallery>figure:first-child{border-radius:24px 140px 24px 24px!important}
html body[data-art=journal].recruit main .office-gallery>figure:last-child{border-radius:140px 24px 24px 24px!important}
html body.recruit .map-stage>img.jp-img{display:block;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important}
/* docs/101 補正 */
@media(min-width:900px){
  html body.recruit .map-scene.is-scroll .map-stage{height:min(80vh,720px);width:auto;max-width:none;aspect-ratio:620/660;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 30% 70%,#eef4ff,#f7faff 70%)}
  html body.recruit .map-scene.is-scroll[data-step="1"] .map-bubble.is-office{left:56%;top:58%}
  html body.recruit .map-scene.is-scroll[data-step="1"] .map-photo.is-office{left:14%;top:12%;width:34%}
  html body.recruit .map-scene.is-scroll .map-photo.is-remote{right:6%;bottom:8%;top:auto;width:28%}
  html body.recruit .map-scene.is-scroll .map-bubble.is-remote{right:6%;top:8%}
}
html body.recruit .map-scene.is-pin .map-bubble.is-office{left:54%;top:52%;transform:none}
html body.recruit .map-scene.is-pin .map-bubble.is-office::before{left:-9px;top:18px;border-left:2px solid #ff5a36;border-top:0;border-bottom:2px solid #ff5a36}
html body[data-art=journal].recruit main .company-table>div{border-top:0!important}
html body[data-art=journal].recruit main .company-table>div+div{border-top:0!important}
html body[data-art=journal].recruit main .company-table dt,html body[data-art=journal].recruit main .company-table dd{border:0!important;padding:0!important}
html body.recruit .photo-expand .expand-photo img[src*="office-discussion"]{object-position:50% 72%!important}
/* docs/102 スタッフを知る：セクションが1つだけなので、そのセクションに色の帯 */
html body[data-art=journal].recruit.page-people .sub-layout>.content-section:first-of-type::before{content:''!important;display:block!important;position:absolute!important;inset:0 calc(50% - 50vw)!important;z-index:-1!important;pointer-events:none;border-radius:50% 50% 0 0/clamp(36px,5vw,90px) clamp(36px,5vw,90px) 0 0!important;background:radial-gradient(rgba(255,255,255,.55) 1.4px,transparent 1.7px) 0 0/24px 24px,linear-gradient(160deg,#cfe0ff 0%,#dbe9ff 55%,#d4f1f6 100%)!important}
html body[data-art=journal].recruit.page-people .sub-layout>.content-section:first-of-type{padding-top:clamp(64px,7vw,110px)!important;padding-bottom:clamp(64px,7vw,110px)!important}

/* ==== docs/102 (2026-10-02) 微調整：上部の青い帯を画面幅いっぱいに（模様の切り取りで帯まで切れていた）／「働き方は」のパネルの中身を中央に ==== */
html body.recruit main>.sub-title{overflow:visible!important}
html body.recruit .hero-geo{inset:0 calc(50% - 50vw)!important;overflow:hidden}
html body.recruit .adjust{align-items:stretch}
html body.recruit .adjust-text{display:flex;flex-direction:column;justify-content:center}
html body.recruit .adjust-field{display:flex;flex-direction:column;justify-content:center;min-height:360px;padding:clamp(32px,4vw,56px)!important}
html body.recruit .adjust-cap{margin-bottom:24px!important}
html body.recruit .adjust-chips{gap:16px 14px}
html body.recruit .adjust-chips li{padding:14px 24px;font-size:clamp(16px,1.35vw,19px)}
/* docs/102 福岡オフィスの吹き出し：ピンの真上、矢印は下向きでピンを指す（位置は renewal.js が計算） */
html body.recruit .map-bubble.is-office.is-placed{transform:translate(-50%,calc(-100% - 20px))!important}
html body.recruit .map-scene.is-scroll:not([data-step="1"]) .map-bubble.is-office.is-placed{transform:translate(-50%,calc(-100% - 20px)) scale(.6)!important}
html body.recruit .map-bubble.is-office.is-placed::before{left:calc(var(--ax,50%) - 8px)!important;top:auto!important;bottom:-9px!important;border-left:0!important;border-top:0!important;border-right:2px solid #ff5a36!important;border-bottom:2px solid #ff5a36!important;transform:rotate(45deg)!important}

/* ==== docs/103 (2026-10-02) よくある質問・お問い合わせは色の帯なし（白背景） ==== */
html body[data-art=journal].recruit.theme-plain .sub-layout>.content-section::before,html body[data-art=journal].recruit.theme-plain .sub-layout>.content-section::after{content:none!important;display:none!important}
html body[data-art=journal].recruit.theme-plain .sub-layout>.content-section{padding-top:revert!important}
html body[data-art=journal].recruit.theme-plain .sub-layout>.content-section:nth-of-type(even){padding-top:var(--space-section,96px)!important}
/* 仕事・募集情報：凡例（働き方の説明をまとめた） */
html body.recruit .map-legend li{gap:6px!important}
html body.recruit .map-legend .ml-lead{font-weight:800;font-size:clamp(16px,1.3vw,19px);color:var(--ink)}
html body.recruit .map-legend .ml-where{font-size:15px;color:#40505c}
html body.recruit .map-legend .ml-staff{font-size:14px;color:#52616b}
html body.recruit .map-legend .ml-staff a{color:inherit;text-decoration:underline;text-underline-offset:4px}
html body.recruit .job-card .job-desc{margin-bottom:28px}
/* 「こんな方に向いています」：カードとの間をあける */
html body.recruit .fit-block{margin-top:clamp(40px,5vw,64px)!important;padding:clamp(24px,3vw,36px);border-radius:20px;background:#fff}
html body.recruit .fit-block .req-title{margin-bottom:16px}
html body[data-art=journal].recruit.theme-plain .sub-layout>.content-section:nth-of-type(n):not(.x-none):not(.x-none2)::before,html body[data-art=journal].recruit.theme-plain .sub-layout>.content-section:nth-of-type(n):not(.x-none):not(.x-none2)::after{content:none!important;display:none!important;background:none!important}
html body[data-art=journal].recruit.theme-plain .sub-layout>.content-section:nth-of-type(n):not(.x-none):not(.x-none2){padding-top:var(--space-section,96px)!important;border-top-color:var(--line)!important}
/* docs/104 (2026-10-02) 流れる帯の文字（TAILWIND 追い風…）：スマホで本文の16px指定に負けて小さくなっていた → 大きさを固定 */
html body[data-art=journal].recruit main .wind-bands .wind-band{font-size:clamp(46px,6vw,92px)!important;line-height:1.1!important}
@media(max-width:767px){html body[data-art=journal].recruit main .wind-bands{padding-block:40px 36px!important;gap:12px!important}}

/* ==== docs/105 (2026-10-02) スマホ：スタッフのカードの下に前へ・次へ／「インタビューを読む」を文字リンク型に（「スタッフを知る」ボタンと区別） ==== */
@media(max-width:767px){
  html body.recruit .rail-controls--pager{display:flex!important;align-items:center;justify-content:center;gap:14px;margin:18px 0 0!important}
  html body.recruit .rail-controls--pager .rail-control{display:grid;place-items:center;flex:none;width:52px;height:52px;min-height:0;padding:0!important;border:0!important;border-radius:50%!important;background:#1238d6!important;color:#fff!important;font-size:20px!important;font-weight:800;line-height:1;box-shadow:0 10px 22px -12px rgba(18,56,214,.7)}
  html body.recruit .rail-controls--pager .rail-control:disabled{background:#dfe6f3!important;color:#8a99ad!important;box-shadow:none;opacity:1}
  html body.recruit .rail-controls--pager .rail-dots{display:flex;gap:8px}
  html body.recruit .rail-controls--pager .rail-dots i{width:8px;height:8px;border-radius:999px;background:#c7d4ec;transition:width .35s,background .35s}
  html body.recruit .rail-controls--pager .rail-dots i.is-on{width:24px;background:#1238d6}
  html body.recruit .rail-controls--pager .rail-position{min-width:0;font-size:14px;font-weight:700;color:#52616b}
}
/* 「インタビューを読む」：枠なしの文字リンク。下線と、伸びる矢印の線 */
html body[data-art=journal].recruit main :is(.people-card,.person) .people-more,html body[data-art=journal].recruit main .staff-strip .ss-more{display:inline-flex!important;align-items:center;gap:10px;width:auto!important;margin-top:auto;padding:4px 0 6px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#1238d6!important;font-size:15px!important;font-weight:800;letter-spacing:.02em;justify-content:flex-start!important;white-space:nowrap;
  background-image:linear-gradient(currentColor,currentColor)!important;background-repeat:no-repeat!important;background-size:calc(100% - 46px) 1.5px!important;background-position:0 100%!important;transition:background-size .4s cubic-bezier(.19,1,.22,1)}
html body[data-art=journal].recruit main :is(.people-card,.person) .people-more::after,html body[data-art=journal].recruit main .staff-strip .ss-more::after{content:''!important;display:block!important;position:relative!important;flex:none;width:34px!important;height:10px!important;border-radius:0!important;background:linear-gradient(currentColor,currentColor) 0 50%/100% 1.5px no-repeat!important;color:inherit;transform:none!important;transition:width .4s cubic-bezier(.19,1,.22,1);
  -webkit-mask:none;clip-path:polygon(0 42%,82% 42%,82% 0,100% 50%,82% 100%,82% 58%,0 58%)}
@media(hover:hover){
  html body[data-art=journal].recruit main :is(.people-card,.person) a:hover .people-more,html body[data-art=journal].recruit main .staff-strip a:hover .ss-more{background-size:0 1.5px!important;background-color:transparent!important;color:#1238d6!important}
  html body[data-art=journal].recruit main :is(.people-card,.person) a:hover .people-more::after,html body[data-art=journal].recruit main .staff-strip a:hover .ss-more::after{width:48px!important;background:linear-gradient(currentColor,currentColor) 0 50%/100% 1.5px no-repeat!important;color:#1238d6}
}
html body[data-art=journal].recruit main :is(.people-card,.person) .people-more::after,html body[data-art=journal].recruit main .staff-strip .ss-more::after{clip-path:none!important;height:12px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6H46M40 1l6 5-6 5' fill='none' stroke='%231238d6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") right center/100% 100% no-repeat!important}
@media(hover:hover){html body[data-art=journal].recruit main :is(.people-card,.person) a:hover .people-more::after,html body[data-art=journal].recruit main .staff-strip a:hover .ss-more::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6H46M40 1l6 5-6 5' fill='none' stroke='%231238d6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") right center/100% 100% no-repeat!important}}
html body[data-art=journal].recruit main .people-grid .person .people-more{padding:4px 0 6px!important;font-size:14px!important;align-self:flex-start}
html body[data-art=journal].recruit main .people-grid .person .people-more::after{width:30px!important;height:12px!important}

/* ==== docs/106 (2026-10-02) 採用 スマホの仕上げ ==== */
/* 見出し：単語のまとまりで改行（風で動かす見出しは renewal.js が単語ごとに包む） */
.ww{display:inline-block;white-space:nowrap}
html body.recruit :is(h1,h2,h3,.lead-copy,.adjust-lead,.map-step h3){word-break:auto-phrase;text-wrap-style:balance}
html body.recruit main p:not(.wind-band){text-wrap-style:pretty}

/* --- メニュー（1100px以下） --- */
@media(max-width:1100px){
  html.menu-lock,html.menu-lock body{overflow:hidden}
  html body.recruit .site-header{isolation:isolate}
  html body.recruit .menu-button{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 6px 0 16px!important;border:0!important;border-radius:999px!important;background:#1238d6!important;color:#fff!important;font-size:13px!important;font-weight:800;letter-spacing:.12em;box-shadow:0 10px 22px -12px rgba(18,56,214,.8);transition:background .35s,color .35s}
  html body.recruit .menu-button .mb-lines{position:relative;display:block;width:36px;height:36px;border-radius:50%;background:#fff}
  html body.recruit .menu-button .mb-lines i{position:absolute;left:10px;width:16px;height:2px;border-radius:2px;background:#1238d6;transition:transform .45s cubic-bezier(.19,1,.22,1),top .45s,width .45s}
  html body.recruit .menu-button .mb-lines i:first-child{top:14px}
  html body.recruit .menu-button .mb-lines i:last-child{top:20px;width:11px}
  html body.recruit .menu-button[aria-expanded=true]{background:#fff!important;color:#1238d6!important}
  html body.recruit .menu-button[aria-expanded=true] .mb-lines{background:#1238d6}
  html body.recruit .menu-button[aria-expanded=true] .mb-lines i{top:17px;width:16px;background:#fff}
  html body.recruit .menu-button[aria-expanded=true] .mb-lines i:first-child{transform:rotate(45deg)}
  html body.recruit .menu-button[aria-expanded=true] .mb-lines i:last-child{transform:rotate(-45deg)}
  html body.recruit.menu-open .brand img{filter:brightness(0) invert(1)}
  html body.recruit.menu-open .brand span{color:#fff!important}
  html body.recruit.menu-open .site-header{background:transparent!important;border-color:transparent!important}

  html body.recruit .site-header #navigation{position:fixed!important;inset:0!important;z-index:-1!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start;gap:0!important;width:auto!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:108px 28px 32px!important;overflow-y:auto;border:0!important;border-radius:0!important;box-shadow:none!important;
    background:radial-gradient(rgba(255,255,255,.18) 1.3px,transparent 1.6px) 0 0/22px 22px,linear-gradient(160deg,#0f2fc4 0%,#1747e8 50%,#1a8fe0 100%)!important;
    visibility:hidden;clip-path:circle(0% at calc(100% - 44px) 44px);transition:clip-path .75s cubic-bezier(.77,0,.18,1),visibility 0s .75s}
  html body.recruit.menu-open .site-header #navigation{visibility:visible;clip-path:circle(150% at calc(100% - 44px) 44px);transition:clip-path .75s cubic-bezier(.77,0,.18,1),visibility 0s}
  /* 同心円（幾何学） */
  html body.recruit .site-header #navigation::after{content:'';position:absolute;right:-90px;bottom:-90px;width:320px;height:320px;border-radius:50%;pointer-events:none;
    background:radial-gradient(circle,transparent 30%,rgba(255,255,255,.22) 30.5%,rgba(255,255,255,.22) 31.2%,transparent 31.8%,transparent 52%,rgba(255,255,255,.16) 52.5%,rgba(255,255,255,.16) 53.2%,transparent 53.8%,transparent 74%,rgba(255,255,255,.12) 74.5%,rgba(255,255,255,.12) 75.2%,transparent 75.8%)}
  html body.recruit .menu-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
  html body.recruit .menu-deco svg{width:100%;height:100%}
  html body.recruit .menu-deco path{fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:.35 .65;stroke-dashoffset:1}
  html body.recruit.menu-open .menu-deco path{animation:menu-wind 6s linear infinite;animation-delay:calc(var(--d)*-1.6s)}
  @keyframes menu-wind{to{stroke-dashoffset:-1}}
  /* 項目：英字ラベル＋日本語、風に乗って左から届く */
  html body.recruit .site-header #navigation>a{position:relative;z-index:1;display:grid!important;grid-template-columns:1fr auto;align-items:center;column-gap:12px;min-height:0!important;padding:14px 4px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.22)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#fff!important;font-size:21px!important;font-weight:800!important;letter-spacing:.02em;line-height:1.35;text-decoration:none!important;
    opacity:0;transform:translateX(-36px);filter:blur(3px);transition:opacity .5s,transform .7s cubic-bezier(.25,.8,.25,1),filter .5s}
  html body.recruit .site-header #navigation>a::before{content:attr(data-en);grid-column:1;grid-row:1;align-self:end;margin-bottom:2px;font:800 11px/1 var(--display);letter-spacing:.22em;color:#9fe3ff}
  html body.recruit .site-header #navigation>a{grid-template-rows:auto auto}
  html body.recruit .site-header #navigation>a::after{content:'→'!important;grid-column:2;grid-row:1/span 2;display:grid!important;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:16px;position:static!important;transform:none!important;transition:background .3s,transform .4s}
  html body.recruit .site-header #navigation>a[aria-current=page]{color:#9fe3ff!important}
  html body.recruit.menu-open .site-header #navigation>a{opacity:1;transform:none;filter:none;transition-delay:calc(.18s + var(--i)*.06s)}
  /* お問い合わせ：白いボタン */
  html body.recruit .site-header #navigation>a[href="/aikata/contact"]{margin-top:24px!important;padding:12px 10px 12px 26px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:#1238d6!important;font-size:18px!important}
  html body.recruit .site-header #navigation>a[href="/aikata/contact"]::before{color:#1f63f0}
  html body.recruit .site-header #navigation>a[href="/aikata/contact"]::after{background:#1238d6;color:#fff}
  html body.recruit .menu-foot{position:relative;z-index:1;margin-top:auto;padding-top:28px;color:rgba(255,255,255,.85);opacity:0;transition:opacity .6s .6s}
  html body.recruit.menu-open .menu-foot{opacity:1}
  html body.recruit .menu-foot .mf-catch{margin:0 0 6px;font-weight:800;font-size:15px;color:#fff}
  html body.recruit .menu-foot .mf-addr{margin:0;font-size:12px;line-height:1.8}
  html body.recruit.menu-open :is(.float-cta,.float-banner){opacity:0!important;pointer-events:none!important}
}
@media (max-width:1100px) and (prefers-reduced-motion:reduce){html body.recruit .site-header #navigation,html body.recruit .site-header #navigation>a{transition:none!important}html body.recruit.menu-open .menu-deco path{animation:none}}

/* --- スマホの表示崩れ・見栄え --- */
@media(max-width:767px){
  /* 1日の流れ：カードの高さをそろえて空白ができていた → 中身の高さに */
  html body[data-art=journal].recruit :is(#workstyle,.content-section) .day-cols.mobile-rail{align-items:start!important}
  /* 横スクロールのカード：はみ出した次のカードは右端でふわっと消す */
  html body.recruit .mobile-rail{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  /* 「それぞれの経験から」：枠の内側の余白を詰める */
  html body[data-art=journal].recruit main .career-grid27 .career-card27{padding:24px 20px!important}
  /* スタッフの言葉で：2列でリンクがぶつかる → 1行に収める */
  html body.recruit .staff-strip{gap:20px 12px}
  html body[data-art=journal].recruit main .staff-strip .ss-more{font-size:13px!important;white-space:normal;background-size:100% 1.5px!important}
  html body[data-art=journal].recruit main .staff-strip .ss-more::after{display:none!important}
  html body.recruit .staff-strip .ss-title{font-size:15px}
  /* お問い合わせフォーム：選択肢を2列でそろえる */
  html body[data-art=journal].recruit main form.demo-form .chk-group{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  html body[data-art=journal].recruit main form.demo-form .chk-group .chk{margin:0!important;justify-content:flex-start;font-size:14px;padding:10px 10px!important}
  html body[data-art=journal].recruit main form.demo-form{padding:24px 16px!important}
  /* 締めの見出し */
  html body[data-art=journal].recruit .art-closing h2{font-size:clamp(28px,8.4vw,36px)!important;line-height:1.4}
  /* フッター：リンクを2列の同じ間隔に */
  html body.recruit .site-footer .foot-map{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important}
  html body.recruit .site-footer .foot-col,html body.recruit .site-footer .foot-col ul{display:contents!important}
  html body.recruit .site-footer .foot-col a{min-height:44px;border-bottom:1px solid #e3e9ef}
  html body.recruit .site-footer .foot-address{font-size:13px}
  /* 送信ボタン・追従ボタン：サイトの青に */
  html body[data-art=journal].recruit main form.demo-form button[type=submit]{width:100%}
}
html body[data-art=journal].recruit main form.demo-form button[type=submit]{min-height:60px;border:0!important;border-radius:999px!important;background:linear-gradient(120deg,#1238d6,#1f63f0 60%,#1a9fe0)!important;color:#fff!important;font-weight:800;box-shadow:0 14px 30px -16px rgba(18,56,214,.7)!important}
@media(max-width:767px){
  html body.recruit .float-cta{left:16px!important;right:16px!important;bottom:14px!important;min-height:54px!important;border:0!important;border-radius:999px!important;background:linear-gradient(120deg,#1238d6,#1f63f0 60%,#1a9fe0)!important;color:#fff!important;font-weight:800!important;box-shadow:0 14px 30px -14px rgba(18,56,214,.8)!important}
}
@media(max-width:899px){html body.recruit .map-scene .map-photo{display:none!important}}

/* docs/106 補正：メニューの飾り・キャッチと住所はスマホのメニューだけ（PCのヘッダーには出さない） */
@media(min-width:1101px){html body.recruit #navigation :is(.menu-foot,.menu-deco){display:none!important}}

/* ==== docs/107 (2026-10-02) トップ「デジタルマーケの仕事」：青い帯＋大きな文字＋施策名の流れる帯 ==== */
html body[data-art=journal].recruit main section.dm-band{position:relative;isolation:isolate;padding-block:clamp(72px,9vw,128px)!important;color:#fff;border:0!important}
html body[data-art=journal].recruit main section.dm-band::before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-2;background:radial-gradient(rgba(255,255,255,.14) 1.3px,transparent 1.6px) 0 0/24px 24px,linear-gradient(150deg,#0f2fc4 0%,#1747e8 55%,#1a8fe0 100%)}
html body[data-art=journal].recruit main section.dm-band::after{content:'';position:absolute;z-index:-1;right:calc(50% - 50vw - 120px);top:-60px;width:clamp(320px,40vw,560px);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,transparent 30%,rgba(255,255,255,.2) 30.4%,rgba(255,255,255,.2) 31%,transparent 31.4%,transparent 52%,rgba(255,255,255,.14) 52.4%,rgba(255,255,255,.14) 53%,transparent 53.4%,transparent 74%,rgba(255,255,255,.1) 74.4%,rgba(255,255,255,.1) 75%,transparent 75.4%)}
html body[data-art=journal].recruit main section.dm-band{overflow:clip;overflow-clip-margin:0}
html body[data-art=journal].recruit main section.dm-band .chapter h2{color:#fff!important}
html body[data-art=journal].recruit main section.dm-band .chapter h2 .h-mark{background:linear-gradient(transparent 60%,rgba(127,224,255,.45) 60%,rgba(127,224,255,.45) 92%,transparent 92%) no-repeat 0 0/100% 100%!important}
html body.recruit .dm-hero{margin:clamp(24px,3vw,40px) 0 clamp(40px,5vw,64px)}
html body.recruit .dm-lines{list-style:none;margin:0;padding:0;display:grid;gap:clamp(10px,1.4vw,18px)}
html body.recruit .dm-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding-bottom:clamp(10px,1.4vw,18px);border-bottom:1px solid rgba(255,255,255,.22)}
html body.recruit .dm-line:nth-child(2){padding-left:clamp(0px,8vw,140px)}
html body.recruit .dm-line:nth-child(3){padding-left:clamp(0px,16vw,280px)}
html body.recruit .dm-line .dl-tag{flex:none;padding:6px 14px;border-radius:999px;background:#fff;color:#1238d6;font-size:clamp(13px,1.1vw,15px);font-weight:800;letter-spacing:.04em}
html body.recruit .dm-line .dl-text{font-size:clamp(32px,5.4vw,76px);font-weight:900;line-height:1.25;letter-spacing:-.03em;color:#fff;
  background:linear-gradient(transparent 62%,rgba(127,224,255,.55) 62%,rgba(127,224,255,.55) 90%,transparent 90%) no-repeat 0 0/0% 100%;transition:background-size 1.1s cubic-bezier(.77,0,.18,1)}
html body.recruit .dm-line.is-marked .dl-text{background-size:100% 100%}
html body.recruit .dm-ticker{margin-top:clamp(28px,3vw,44px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
html body.recruit .dm-track{display:flex;gap:12px;width:max-content}
html body.recruit .dm-ticker.is-live .dm-track{animation:dm-flow 38s linear infinite}   /* 画面にある間だけ流す（renewal.js） */
html body.recruit .dm-track span{flex:none;padding:8px 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.45);color:#fff;font-weight:700;font-size:15px;white-space:nowrap}
@keyframes dm-flow{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){html body.recruit .dm-track{animation:none}html body.recruit .dm-line .dl-text{background-size:100% 100%;transition:none}}
html body.recruit section.dm-band .dm-flow-lead{color:#fff!important}
html body.recruit section.dm-band .dm-steps>li{background:#fff;box-shadow:none}
html body.recruit section.dm-band .dm-steps>li:not(:last-child)::after{border-color:#fff}
html body[data-art=journal].recruit main section.dm-band .actions>a.button{background:#fff!important;color:#1238d6!important}
html body[data-art=journal].recruit main section.dm-band .actions>a.button::after{background:#1238d6!important;color:#fff!important}
@media(max-width:767px){html body.recruit .dm-line:nth-child(n){padding-left:0}html body.recruit .dm-line{gap:6px 12px}}

/* ==== docs/108 (2026-10-02) スマホ・タブレット：画像は高さ700pxまで（画像しか見えない状態を減らす） ==== */
@media(max-width:900px){
  html body.recruit main :is(img,figure,.map-stage){max-height:700px!important}
  html body.recruit main figure img{object-fit:cover}
  html body[data-art=journal].recruit main .section-body .culture-feature>figure{aspect-ratio:4/3!important;max-height:560px!important}
  html body[data-art=journal].recruit main .section-body .culture-feature:nth-child(3n+1)>figure{aspect-ratio:1!important}
  html body.recruit .map-scene.is-pin .map-stage{aspect-ratio:1!important;max-width:520px;margin-inline:auto}
  html.has-expand body[data-art=journal].recruit .photo-expand{height:auto!important;padding:24px 0 8px!important}
  html.has-expand body[data-art=journal].recruit .expand-stage{position:relative!important;height:auto!important}
  html.has-expand body[data-art=journal].recruit .expand-photo{position:relative!important;inset:auto!important;width:calc(100% - 32px)!important;height:auto!important;aspect-ratio:4/3!important;max-height:520px!important;margin:0 auto!important;border-radius:20px!important;clip-path:none!important}
  html.has-expand body[data-art=journal].recruit .expand-word{left:20px!important;bottom:18px!important;font-size:clamp(40px,11vw,72px)!important}
}
@media(max-width:1100px){html body.recruit .site-header #navigation>.menu-foot{order:99}}
html body.recruit section.dm-band .dm-steps>li,html body.recruit section.dm-band .dm-steps>li :is(h3,p){color:var(--ink)!important}
html body.recruit section.dm-band .dm-steps>li .dm-step-en{color:#1f63f0!important}
@media(max-width:900px){html body[data-art=journal].recruit main .section-body .culture-feature:nth-child(n)>figure img{max-height:700px!important;height:100%!important}}

/* ==== docs/109 (2026-10-02) AIKATA：サービス資料のトンマナ（白地＋淡い青〜ラベンダーの虹色の面、半透明の青いカード、グレーの番号丸、チェック付きリスト、紺の見出し） ==== */
body.aikata{--deck-navy:#1b2a5a;--deck-blue:#2d5fd6;--deck-tile:linear-gradient(160deg,rgba(236,244,255,.96) 0%,rgba(224,238,252,.94) 55%,rgba(232,236,255,.94) 100%);--deck-irid:radial-gradient(40% 60% at 85% 10%,rgba(170,200,255,.45),transparent 70%),radial-gradient(35% 55% at 5% 90%,rgba(196,180,255,.38),transparent 70%),radial-gradient(30% 40% at 60% 60%,rgba(160,230,240,.25),transparent 70%)}
/* 虹色の面：1つおきのセクション */
html body[data-art=journal].aikata .sub-layout>.content-section{position:relative;isolation:isolate}
html body[data-art=journal].aikata .sub-layout>.content-section:nth-of-type(even):not(.is-cta)::before{content:''!important;position:absolute!important;inset:0 calc(50% - 50vw)!important;z-index:-1!important;pointer-events:none;background:var(--deck-irid),linear-gradient(180deg,#f7f9ff,#f3f6ff)!important;opacity:1!important}
/* 見出し：紺＋資料の「● ラベル」風の点 */
html body[data-art=journal].aikata main .section-heading h2{color:var(--deck-navy)!important}
html body[data-art=journal].aikata main .content-section:not(.is-lead):not(.is-cta) .section-heading>h2::before{content:'';display:inline-block;width:.32em;height:.32em;margin:0 .4em .14em 0;border-radius:50%;background:var(--deck-navy);vertical-align:middle}
html body[data-art=journal].aikata .section-heading h2 .h-mark{background:linear-gradient(transparent 60%,rgba(140,175,255,.35) 60%,rgba(170,150,255,.3) 92%,transparent 92%) no-repeat 0 0/100% 100%!important}
/* 半透明の青いカード */
html body[data-art=journal].aikata main :is(.section-body>.cards>.card,.case-item,.related-links a,.scope-map>div){position:relative;overflow:hidden;border:0!important;border-radius:16px!important;background:var(--deck-tile)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 18px 34px -24px rgba(40,70,160,.45)!important;padding:28px 26px!important}
html body[data-art=journal].aikata main :is(.section-body>.cards>.card,.case-item)::after{content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.75),rgba(255,255,255,0) 70%);pointer-events:none}
html body[data-art=journal].aikata main .section-body>.cards>.card h3{color:var(--deck-navy)!important;font-size:clamp(19px,1.6vw,23px)}
html body[data-art=journal].aikata main .section-body>.cards>.card h3::before{background:linear-gradient(90deg,var(--deck-blue),#8f7dff)!important}
html body[data-art=journal].aikata main .card-number{display:none}
/* 流れ：グレーの番号丸（資料の 01/02/03） */
html body[data-art=journal].aikata main ol.process-strip{counter-reset:ps;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:22px!important;margin:8px 0 0!important;padding:0!important;list-style:none}
html body[data-art=journal].aikata main ol.process-strip>li{counter-increment:ps;position:relative;margin:0!important;padding:58px 24px 26px!important;border:0!important;border-radius:16px!important;background:var(--deck-tile)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 18px 34px -24px rgba(40,70,160,.45)!important}
html body[data-art=journal].aikata main ol.process-strip>li::before{content:counter(ps,decimal-leading-zero)!important;position:absolute;left:20px;top:-18px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(150deg,#b9c0c9,#8e98a5);color:#fff;font:800 22px/1 var(--display);box-shadow:0 0 0 5px #fff}
html body[data-art=journal].aikata main ol.process-strip>li :is(h3,strong,b){color:var(--deck-navy)}
/* チェック付きリスト */
html body[data-art=journal].aikata main ul.task-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 14px!important;list-style:none;padding:0!important}
html body[data-art=journal].aikata main ul.task-list>li{position:relative;margin:0!important;padding:12px 14px 12px 44px!important;border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(45,95,214,.16)!important;font-weight:700;color:var(--deck-navy)}
html body[data-art=journal].aikata main ul.task-list>li::before{content:'';position:absolute;left:14px;top:50%;width:20px;height:20px;transform:translateY(-50%);border-radius:50%;background:var(--deck-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
/* 導入事例：タグ */
html body[data-art=journal].aikata main .case-item h3{color:var(--deck-navy)!important}
html body[data-art=journal].aikata main .case-tags li{background:#fff!important;color:var(--deck-blue)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(45,95,214,.2)}
/* 資料の画像：額装（白い枠＋淡い影）、hover で少し浮く */
html body[data-art=journal].aikata main :is(.deck-slides>*,.deck-figure){position:relative;padding:10px!important;border-radius:20px!important;background:#fff;box-shadow:0 24px 50px -30px rgba(40,70,160,.55),inset 0 0 0 1px rgba(45,95,214,.1)!important;transition:transform .5s cubic-bezier(.19,1,.22,1)}
html body[data-art=journal].aikata main :is(.deck-slides>*,.deck-figure) img{border-radius:12px!important;box-shadow:none!important}
@media(hover:hover){html body[data-art=journal].aikata main :is(.deck-slides>*,.deck-figure):hover{transform:translateY(-4px)}}
/* 下層の上部：虹色の玉（資料の3Dの飾りの代わり） */
html body.aikata main>.sub-title{position:relative;isolation:isolate}
html body.aikata main>.sub-title::after{content:'';position:absolute;z-index:0;right:6%;top:18%;width:clamp(120px,14vw,200px);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 30%,#fff 0,#dbe6ff 25%,#b9c7ff 45%,#c9b5ff 65%,rgba(170,220,255,.6) 85%,transparent 72%);filter:blur(.3px);opacity:.85;animation:ai-float 7s ease-in-out infinite alternate}
@keyframes ai-float{to{transform:translateY(-14px) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){html body.aikata main>.sub-title::after{animation:none}}
@media(max-width:767px){html body.aikata main>.sub-title::after{width:90px;right:4%;top:10%;opacity:.6}html body[data-art=journal].aikata main ol.process-strip>li{padding-top:48px!important}html body[data-art=journal].aikata main ol.process-strip>li::before{width:48px;height:48px;font-size:18px}}
html body[data-art=journal].aikata main ol.process-strip>li>span:first-child{display:none!important}
html body.aikata main>.sub-title::after{z-index:-1;right:auto;left:40%;top:auto;bottom:10%}
@media(max-width:767px){html body.aikata main>.sub-title::after{left:auto;right:4%;top:6%;bottom:auto}}
html body[data-art=journal].aikata main ol.process-strip>li{display:block!important;grid-template-columns:none!important}
html body[data-art=journal].aikata main ol.process-strip>li>*{grid-column:auto!important;width:auto!important}
html body[data-art=journal].aikata main .section-body>.cards.is-steps{counter-reset:st;row-gap:34px!important;margin-top:22px}
html body[data-art=journal].aikata main .section-body>.cards.is-steps>.card{counter-increment:st;padding-top:56px!important;overflow:visible}
html body[data-art=journal].aikata main .section-body>.cards.is-steps>.card::after{display:none}
html body[data-art=journal].aikata main .section-body>.cards.is-steps>.card::before{content:counter(st,decimal-leading-zero);position:absolute;left:20px;top:-18px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(150deg,#b9c0c9,#8e98a5);color:#fff;font:800 21px/1 var(--display);box-shadow:0 0 0 5px #fff}
html body[data-art=journal].aikata main .section-body>.cards.is-steps>.card h3::before{display:none}
html body[data-art=journal].aikata main .section-body>.cards.is-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
/* docs/110 (2026-10-02) トップ「デジタルマーケの仕事」：青い帯を画面幅いっぱいに（同心円は帯の背景に描き、切り取りをやめる）／見出しと3行の区別 */
html body[data-art=journal].recruit main section.dm-band{overflow:visible!important}
html body[data-art=journal].recruit main section.dm-band::after{content:none!important;display:none!important}
html body[data-art=journal].recruit main section.dm-band::before{background:
  radial-gradient(circle at calc(100% - 120px) 140px,transparent 118px,rgba(255,255,255,.2) 119px,rgba(255,255,255,.2) 121px,transparent 122px,transparent 196px,rgba(255,255,255,.14) 197px,rgba(255,255,255,.14) 199px,transparent 200px,transparent 276px,rgba(255,255,255,.1) 277px,rgba(255,255,255,.1) 279px,transparent 280px),
  radial-gradient(rgba(255,255,255,.14) 1.3px,transparent 1.6px) 0 0/24px 24px,linear-gradient(150deg,#0f2fc4 0%,#1747e8 55%,#1a8fe0 100%)!important}
/* 見出し：英字ラベル＋白い太字。3行は見出しより小さい「ことば」として */
html body[data-art=journal].recruit main section.dm-band .chapter{position:relative;padding-top:34px!important}
html body[data-art=journal].recruit main section.dm-band .chapter::before{content:'WHAT WE DO';position:absolute;left:0;top:0;padding:5px 14px;border-radius:999px;background:#fff;color:#1238d6;font:800 12px/1.2 var(--display);letter-spacing:.22em}
html body[data-art=journal].recruit main section.dm-band .chapter h2{font-size:clamp(40px,4.8vw,68px)!important;font-weight:900}
html body.recruit .dm-hero{margin-top:clamp(36px,4vw,56px)!important}
html body.recruit .dm-line .dl-text{font-size:clamp(26px,3.6vw,50px)!important;font-weight:800!important;opacity:.96}
html body.recruit .dm-line .dl-tag{min-width:11em;text-align:center}
@media(max-width:767px){html body.recruit .dm-line .dl-tag{min-width:0}html body[data-art=journal].recruit main section.dm-band .chapter h2{font-size:clamp(32px,9vw,40px)!important}}

/* ==== docs/111 (2026-10-03) 不要な線をなくす：セクションの区切り線（白と色の帯で区切るので不要）／色の帯の上の枠線・上線だけのカード → 白いカード ==== */
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(n){border-top:0!important;border-bottom:0!important}
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even):not(.is-cta) :is(.career-card27,.section-body>.cards>.card){border:0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 32px -24px rgba(18,56,214,.45)!important}
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even):not(.is-cta) .section-body>.cards>.card{padding:26px 26px 28px!important}
html body[data-art=journal].recruit .sub-layout>.content-section:nth-of-type(even):not(.is-cta) .fit-block .req-list li{border-bottom:0!important;padding-block:8px!important}
/* 働く環境「スタッフの言葉で」は白背景（セクションが減って奇数番目になるので帯なし）。念のため帯の色を外す */
html body[data-art=journal].recruit .sub-layout>.content-section:has(.staff-strip)::before,html body[data-art=journal].recruit .sub-layout>.content-section:has(.staff-strip)::after{content:none!important;display:none!important}
html body[data-art=journal].recruit .sub-layout>.content-section:has(.staff-strip){padding-top:var(--space-section,96px)!important}
/* docs/112 (2026-10-03) LISHを知る「得意や経験が…」左の写真：人物（縦45〜70%・横40〜85%）を枠の中央に。表示位置を合わせ、人物を中心に少し拡大 */
html body[data-art=journal].recruit main .office-gallery>figure:first-child{overflow:hidden}
html body[data-art=journal].recruit main .office-gallery>figure:first-child img{object-position:62% 64%!important;scale:1.32;transform-origin:63% 58%}
/* docs/112 補正：動きありの表示では写真が .fv-photo-frame に包まれ、縦長のまま表示されて表示位置の指定が効いていなかった → 枠いっぱいに収める（下層の写真すべて） */
html body.recruit main figure>.fv-photo-frame{display:block!important;width:100%!important;height:100%!important;overflow:hidden}
html body.recruit main figure>.fv-photo-frame>img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
html body[data-art=journal].recruit main .office-gallery>figure:first-child img{object-position:62% 64%!important;scale:1.32;transform-origin:63% 58%}

/* ==== docs/113 (2026-10-03) 扉のアニメーション（下層の写真の出現） ==== */
html body.recruit main figure:has(>.door){position:relative}
html body.recruit .door{position:absolute;inset:0;z-index:3;display:flex;perspective:1400px;pointer-events:none;border-radius:inherit;overflow:hidden}
html body.recruit .door>i{position:relative;flex:1 1 50%;height:100%;backface-visibility:hidden;
  background:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.5px) 0 0/18px 18px,linear-gradient(160deg,#1238d6 0%,#1f63f0 60%,#1a8fe0 100%)}
html body.recruit .door>.door-l{transform-origin:left center;box-shadow:inset -1px 0 0 rgba(255,255,255,.55)}
html body.recruit .door>.door-r{transform-origin:right center;box-shadow:inset 1px 0 0 rgba(255,255,255,.55);background:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.5px) 0 0/18px 18px,linear-gradient(200deg,#1238d6 0%,#1f63f0 60%,#1a8fe0 100%)}
/* 取っ手 */
html body.recruit .door>i>b{position:absolute;top:50%;width:6px;height:44px;margin-top:-22px;border-radius:6px;background:rgba(255,255,255,.85);box-shadow:0 0 12px rgba(159,227,255,.7)}
html body.recruit .door>.door-l>b{right:14px}
html body.recruit .door>.door-r>b{left:14px}
/* 合わせ目の光 */
html body.recruit .door>.door-light{position:absolute;left:50%;top:0;bottom:0;width:6px;margin-left:-3px;background:linear-gradient(180deg,transparent,#fff 30%,#bff0ff 70%,transparent);filter:blur(2px);opacity:0}
html body.recruit .door{perspective:760px}
html body.recruit .door>i::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,90,0),rgba(5,20,90,.18));pointer-events:none}
html body.recruit .door>.door-r::after{background:linear-gradient(270deg,rgba(5,20,90,0),rgba(5,20,90,.18))}
/* docs/114 抽象化した扉：光のすき間（板・取っ手なし） */
html body.recruit main figure:has(>.door-light){position:relative}
html body.recruit main figure>.door-light{position:absolute;left:50%;top:0;bottom:0;z-index:3;width:3px;margin-left:-1.5px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(127,224,255,.95) 25%,#fff 50%,rgba(127,224,255,.95) 75%,transparent);box-shadow:0 0 18px 4px rgba(127,224,255,.55);opacity:0}
html body.recruit main figure .wind-streaks{--streak:rgba(31,99,240,.75)}

/* ==== docs/116 (2026-10-03) FINAL CTA：扉のモチーフ（光のすき間 → 紺の面が左右に開く → 向こうから光） ==== */
html body.recruit .art-closing{isolation:isolate}
html body.recruit .art-closing>.cta-door{position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:6;display:flex;pointer-events:none;overflow:hidden}
html body.recruit .cta-door>i{flex:1 1 50%;height:100%;backface-visibility:hidden;background:radial-gradient(rgba(255,255,255,.12) 1.3px,transparent 1.6px) 0 0/24px 24px,linear-gradient(160deg,#0a1f86 0%,#0f2fc4 60%,#1238d6 100%)}
html body.recruit .cta-door>.cd-l{transform-origin:left center;box-shadow:inset -1px 0 0 rgba(159,227,255,.6)}
html body.recruit .cta-door>.cd-r{transform-origin:right center;box-shadow:inset 1px 0 0 rgba(159,227,255,.6);background:radial-gradient(rgba(255,255,255,.12) 1.3px,transparent 1.6px) 0 0/24px 24px,linear-gradient(200deg,#0a1f86 0%,#0f2fc4 60%,#1238d6 100%)}
html body.recruit .cta-door>.cd-seam{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:linear-gradient(180deg,transparent,#bff0ff 25%,#fff 50%,#bff0ff 75%,transparent);box-shadow:0 0 24px 6px rgba(127,224,255,.6);opacity:0}
html body.recruit .cta-door>.cd-glow{position:absolute;left:50%;top:50%;width:min(90vw,1100px);aspect-ratio:1;margin:calc(min(90vw,1100px)/-2) 0 0 calc(min(90vw,1100px)/-2);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(159,227,255,.25) 35%,transparent 65%);opacity:0;z-index:-1}