/* Shared lower pages: readable copy, clear conditions and focused AI questions. */
:is(.portal-page,.care-page){background:#fbfaf8}
:is(.portal-page,.care-page) .page-head{padding:36px 0 28px}
:is(.portal-page,.care-page) .page-head h1{font-size:clamp(28px,3.3vw,42px);letter-spacing:-.04em;line-height:1.45;margin:0 0 16px}
:is(.portal-page,.care-page) .page-head>p:not(.eyeline):not(.ai-step){font-size:16px;line-height:1.9;color:#53636d}
:is(.portal-page,.care-page) .page-head .eyeline{font-size:11px;font-weight:750;letter-spacing:.14em;color:#607970;margin-bottom:12px}
:is(.portal-page,.care-page) .page-head:has(.ai-options){max-width:860px;background:#fff;border:1px solid #e0e7e4;border-radius:20px;margin:28px auto 56px;padding:40px}
:is(.portal-page,.care-page) .page-head>p.ai-step{display:inline-flex;align-items:center;max-width:none;margin:0 0 22px;padding:6px 12px;border:1px solid #e1e7e3;border-radius:6px;background:#f2f6f3;color:#48685c;font-size:12px;letter-spacing:.05em;font-weight:750}
:is(.portal-page,.care-page) .ai-options{margin:26px 0;gap:12px}:is(.portal-page,.care-page) .ai-option{font-size:16px;line-height:1.7;min-height:62px}:is(.portal-page,.care-page) .ai-option input{flex-shrink:0;min-height:20px;width:20px;height:20px}
:is(.portal-page,.care-page) .page-head:has(.ai-options) form>.primary{min-width:160px;min-height:50px}
:is(.portal-page,.care-page) .results-search{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:#fff;border:1px solid #dce5df;border-radius:16px;padding:26px;margin:0 0 28px;align-items:end}
:is(.portal-page,.care-page) .results-search label{display:grid;gap:8px;font-size:14px;font-weight:650;color:#3f5d58;min-width:0}:is(.portal-page,.care-page) .results-search input,:is(.portal-page,.care-page) .results-search select{width:100%;border:1px solid #81968d;font-size:16px;border-radius:8px;background:#fff;min-height:48px;padding:10px 12px}:is(.portal-page,.care-page) .results-search button{min-height:48px;border-radius:10px}
:is(.portal-page,.care-page) .results-count{display:flex;align-items:baseline;gap:8px;font-size:16px;margin:28px 0 22px;padding-bottom:18px;border-bottom:1px solid #e0e7e4}:is(.portal-page,.care-page) .results-count strong{font-size:30px;color:#254a42}
:is(.portal-page,.care-page) .reference-jobs-empty{border:1px dashed #a0b2a6;background:#f2f6f3;border-radius:16px;padding:36px}:is(.portal-page,.care-page) .reference-jobs-empty h2{font-size:22px;line-height:1.6}:is(.portal-page,.care-page) .reference-jobs-empty p{font-size:16px;line-height:1.9}
:is(.portal-page,.care-page) .actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0}:is(.portal-page,.care-page) .actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;padding:12px 20px;font-size:16px}
:is(.portal-page,.care-page) .description,:is(.portal-page,.care-page) .detail p,:is(.portal-page,.care-page) .guide-page p,:is(.portal-page,.care-page) .legal-body p{font-size:16px;line-height:1.95}:is(.portal-page,.care-page) .detail dt{font-size:14px}:is(.portal-page,.care-page) .detail dd{font-size:16px}:is(.portal-page,.care-page) .detail h2,:is(.portal-page,.care-page) .guide-page h2{font-size:24px;line-height:1.6;letter-spacing:-.025em}
:is(.portal-page,.care-page) :focus-visible{outline:3px solid #005fcc;outline-offset:3px}
@media(max-width:700px){:is(.portal-page,.care-page) .page-head{padding:26px 0 22px}:is(.portal-page,.care-page) .page-head h1{font-size:27px}:is(.portal-page,.care-page) .page-head:has(.ai-options){padding:24px 20px;margin:20px 0 36px;border-radius:14px}:is(.portal-page,.care-page) .page-head:has(.ai-options) form>.primary{width:100%}:is(.portal-page,.care-page) .results-search{grid-template-columns:1fr;padding:22px 18px;gap:16px}:is(.portal-page,.care-page) .reference-jobs-empty{padding:24px}:is(.portal-page,.care-page) .reference-jobs-empty h2{font-size:20px}:is(.portal-page,.care-page) .actions>a{width:100%}:is(.portal-page,.care-page) .ai-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){:is(.portal-page,.care-page) *, .member-console *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.care-page .wizard-title{font-size:clamp(24px,3vw,30px);line-height:1.5;letter-spacing:-.03em;margin:0 0 24px}.care-page .wizard{padding:32px;border-radius:18px;border:1px solid #dfe7e3;background:#fff}.care-page .wizard-content h2{font-size:24px;line-height:1.6}.care-page .choice-row{font-size:16px;min-height:60px}.care-page .wizard-nav button{min-height:48px}
@media(max-width:700px){.care-page .wizard{padding:22px 18px}.care-page .wizard-title{font-size:24px}}
@media(max-width:700px){.care-page .hero-popular{max-width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.care-page .hero-popular>a{flex-shrink:0}}
@media(max-width:700px){:is(.care-page,.portal-page) .section-heading .job-filter-tabs{width:100%;max-width:100%;min-width:0;flex:0 1 100%;overflow-x:auto;scrollbar-width:none}:is(.care-page,.portal-page) .job-filter-tabs>a{min-height:44px;flex-shrink:0}}
/* Leave room for complete hero copy above the search tabs. */
@media(min-width:701px){body:not([data-vertical="ryoiku"]):not([data-vertical="concept-cafe"]) .reference-hero.photo-hero{height:clamp(450px,calc(35.8vw + 24px),554px)}body[data-vertical="concept-cafe"] .reference-hero.photo-hero{height:530px}.reference-hero .photo-lead{font-size:16px}}
@media(min-width:701px) and (max-width:1000px){body:not([data-vertical="ryoiku"]):not([data-vertical="concept-cafe"]) .reference-hero.photo-hero,body[data-vertical="ryoiku"] .reference-hero.photo-hero,body[data-vertical="concept-cafe"] .reference-hero.photo-hero{height:560px}}

/* Public recruitment sections (staff stories, Q&A, official SNS, brand page). Classes only: CSP forbids inline styles. */
.rec-section{margin:56px 0 0;padding-top:40px;border-top:1px solid #e1e8e6}.rec-section>h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.03em;line-height:1.4;margin:0 0 20px}.rec-section h3{font-size:18px;margin:26px 0 8px}
.rec-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:36px 32px}.rec-person{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:start}.rec-person:not(:has(img)){grid-template-columns:minmax(0,1fr)}.rec-person img{width:120px;height:120px;object-fit:cover;border-radius:50%;background:#e8eeed}.rec-person h3{margin:0 0 2px;font-size:20px}.rec-person-sub{margin:0 0 14px;color:#566a70;font-size:15px}.rec-person dl{margin:0}.rec-person dt{margin:14px 0 2px;font-size:13px;font-weight:700;color:#3f565c;letter-spacing:.02em}.rec-person dd{margin:0;line-height:1.85;font-size:16px}
.rec-qa details{border-bottom:1px solid #dfe7e5;padding:0}.rec-qa summary{cursor:pointer;min-height:52px;display:flex;align-items:center;padding:12px 4px;font-weight:700;font-size:16px;line-height:1.6}.rec-qa details p{margin:0 0 18px;padding:0 4px;line-height:1.9}
.rec-social>p{color:#566a70;margin:0 0 18px}.rec-social-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}.rec-social-list a{display:flex;align-items:center;gap:16px;min-height:72px;padding:14px 18px;border:1px solid #dce5e3;border-radius:12px;color:inherit;text-decoration:none;background:#fff;transition:border-color .2s,box-shadow .2s}.rec-social-list a:hover{border-color:#8aa7a3;box-shadow:0 6px 18px -10px #1b303966}.rec-social-list a:focus-visible{outline:3px solid #1b3039;outline-offset:2px}.rec-social-list strong{display:block;font-size:16px}.rec-social-list small{display:block;margin-top:2px;color:#566a70;font-size:13px}.rec-social-list a>span:nth-child(2){flex:1;min-width:0}.rec-social-icon{flex:none;width:44px;height:44px;padding:10px;border-radius:50%;background:#eef3f2;color:#1b3039;box-sizing:border-box}
.rec-gallery>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}.rec-gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:#e8eeed}
.rec-jobs{list-style:none;margin:0;padding:0}.rec-jobs a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 4px;border-bottom:1px solid #dfe7e5;color:inherit;text-decoration:none}.rec-jobs a span:nth-child(2){margin-left:auto;color:#566a70;font-size:14px}.rec-jobs a:focus-visible{outline:3px solid #1b3039;outline-offset:2px}
@media(max-width:560px){.rec-person{grid-template-columns:84px minmax(0,1fr);gap:16px}.rec-person img{width:84px;height:84px}}
@media(prefers-reduced-motion:reduce){.rec-social-list a{transition:none}}
@media(max-width:560px){.rec-jobs a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}.rec-jobs a span:nth-child(2){grid-column:1;grid-row:2;margin:0}.rec-jobs a span:nth-child(3){grid-column:2;grid-row:1/3;align-self:center}}

/* Tap targets: breadcrumb, logo and footer text links reach 44px high without changing their look. */
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.platform-brand{min-height:44px}
.site-footer .footer-fields a,.site-footer .footer-soon a{display:inline-flex;align-items:center;min-height:44px}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}

/* Five-reasons list on the photo-hero portals: platform.css reset the left padding, so the icon sat on top of the text on phones. Text also reaches a readable size. */
.design-benefits h3{font-size:1.05rem}
.design-benefits p{font-size:.95rem;line-height:1.85}
@media(max-width:700px){.design-benefits article{padding:18px 8px 18px 76px;min-height:76px}}

/* Therapy's footer groups keep navigation and operator information easy to scan. */
.footer-organized { padding:56px 0 28px; }
.footer-organized .footer-brand { font-size:1.6rem; font-weight:800; text-decoration:none; }
.footer-organized .footer-intro p { margin:12px 0 0; max-width:36em; }
.footer-organized .footer-groups { display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:40px; margin-top:36px; }
.footer-organized .footer-groups h2 { font-size:1.05rem; color:#fff; margin:0 0 16px; }
.footer-organized .footer-fields { display:grid; gap:4px; margin:0; }
.footer-organized .footer-fields a { width:fit-content; min-height:44px; line-height:1.6; }
.footer-organized .footer-operator { margin:0 0 12px; }
.footer-organized .footer-business-link { display:inline-flex; align-items:center; min-height:44px; margin-top:12px; }
.footer-organized .footer-bottom { margin-top:32px; padding-top:24px; border-top:1px solid rgb(255 255 255 / 20%); }
.footer-organized .footer-bottom small { display:block; line-height:1.8; }
.footer-organized a:focus-visible { outline:3px solid #fff; outline-offset:4px; border-radius:4px; }
@media(max-width:800px) { .footer-organized .footer-groups { grid-template-columns:1fr 1fr; gap:28px; } .footer-organized .footer-groups section:last-child { grid-column:1/-1; } }
@media(max-width:520px) { .footer-organized { padding-top:40px; } .footer-organized .footer-groups { grid-template-columns:1fr; gap:28px; } }

/* Staff interview answers need the full text column, below each question. */
.rec-person dl,.detail .rec-person dl,.rk-page.detail .rec-person dl{display:block;grid-template-columns:none;min-width:0}
.rec-person dt,.detail .rec-person dt,.rk-page.detail .rec-person dt{display:block;margin:20px 0 6px;padding:0;font-size:14px;font-weight:700;line-height:1.55;color:#3f565c}
.rec-person dt:first-child,.detail .rec-person dt:first-child,.rk-page.detail .rec-person dt:first-child{margin-top:0}
.rec-person dd,.detail .rec-person dd,.rk-page.detail .rec-person dd{display:block;width:auto;min-width:0;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.85;overflow-wrap:anywhere}
.rec-person>div{min-width:0}
@media(max-width:760px){.rec-person,.detail .rec-person,.rk-page.detail .rec-person{grid-template-columns:minmax(0,1fr);gap:16px}}