/* aritaganka-cataract.jp /area/ | Fukuoka Minami cataract hub | 2026-08-22 */
:root{--area-ink:#173331;--area-muted:#5d706e;--area-green:#0b746d;--area-green-deep:#07534f;--area-mint:#e7f4f1;--area-mint-pale:#f4faf8;--area-gold:#c89f58;--area-cream:#fbfaf5;--area-white:#fff;--area-line:#d9e7e4;--area-shadow:0 22px 60px rgba(17,70,65,.10)}
.area-page{color:var(--area-ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.85;letter-spacing:.02em;overflow:hidden}.area-page *{box-sizing:border-box}.area-page a{text-underline-offset:4px}.area-page .area-container{width:min(calc(100% - 40px),1120px);margin-inline:auto}.area-breadcrumb{display:flex;gap:8px;padding:18px 0;color:#728481;font-size:.88rem}.area-breadcrumb a{color:var(--area-green-deep)}
.area-hero{position:relative;padding:72px 0 58px;background:linear-gradient(125deg,#edf8f5 0%,#fbf8ef 100%);border-bottom:1px solid var(--area-line)}.area-hero:after{content:"";position:absolute;right:-100px;top:-100px;width:360px;height:360px;border-radius:50%;background:rgba(11,116,109,.06);pointer-events:none}.area-kicker{margin:0 0 14px;color:var(--area-green);font-size:.76rem;font-weight:900;letter-spacing:.18em}.area-hero h1{max-width:920px;margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2rem,4.8vw,3.7rem);line-height:1.35;letter-spacing:.02em}.area-hero h1 span{color:var(--area-green-deep)}.area-lead{max-width:880px;margin:24px 0 0;font-size:clamp(1rem,1.7vw,1.18rem);color:#405957}.area-region-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.area-region-list span,.area-region-list a{display:inline-flex;padding:6px 11px;border:1px solid var(--area-line);border-radius:999px;background:#fff;color:#49635f;font-size:.88rem;font-weight:700}.area-region-list a{color:var(--area-green-deep);font-weight:900;text-decoration:none}.area-region-list a:hover{border-color:#9fcac2;background:#f4fbf9}.area-role{margin-top:28px;padding:22px 24px;background:rgba(255,255,255,.94);border:1px solid var(--area-line);border-left:5px solid var(--area-green);border-radius:16px;box-shadow:0 10px 30px rgba(17,70,65,.06)}.area-role strong{display:block;margin-bottom:7px;color:var(--area-green-deep);font-size:1.06rem}.area-role a{color:var(--area-green-deep);font-weight:800}.area-quicklinks{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}.area-quicklinks a,.area-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:800;transition:transform .15s ease,box-shadow .15s ease}.area-quicklinks a{color:var(--area-green-deep);background:#fff;border:1px solid #bcd7d2}.area-quicklinks a:hover,.area-btn:hover{transform:translateY(-1px)}
.area-section{padding:66px 0;border-bottom:1px solid var(--area-line)}.area-section.area-soft{background:var(--area-mint-pale)}.area-section.area-cream{background:var(--area-cream)}.area-section.area-local{background:linear-gradient(180deg,#fff,#f7fbfa)}.area-heading{max-width:860px;margin-bottom:30px}.area-heading small{display:block;margin-bottom:10px;color:var(--area-green);font-size:.75rem;font-weight:900;letter-spacing:.16em}.area-heading h2{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(1.65rem,3.2vw,2.55rem);line-height:1.45}.area-heading p{margin:14px 0 0;color:var(--area-muted)}
.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.area-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.area-card{padding:25px 24px;background:#fff;border:1px solid var(--area-line);border-radius:20px;box-shadow:0 8px 26px rgba(17,70,65,.05)}.area-card .num{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:14px;border-radius:50%;background:var(--area-mint);color:var(--area-green-deep);font-weight:900}.area-card h3{margin:0 0 10px;color:var(--area-ink);font-size:1.16rem;line-height:1.5}.area-card p{margin:0;color:var(--area-muted)}.area-card a{color:var(--area-green-deep);font-weight:800}
.area-note{margin-top:22px;padding:18px 20px;border-radius:14px;background:#fff8e9;border:1px solid #ead7ad;color:#68552f}.area-note a{color:#5f4a1f;font-weight:800}.area-textlink{margin:22px 0 0}.area-textlink a{color:var(--area-green-deep);font-weight:900}.area-path{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}.area-step{flex:1 1 220px;padding:21px 20px;border-radius:18px;background:#fff;border:1px solid var(--area-line)}.area-step strong{display:block;margin-bottom:8px;color:var(--area-green-deep)}.area-step p{margin:0;color:var(--area-muted);font-size:.95rem}.area-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.area-links.compact-links{margin-top:26px}.area-linkcard{display:block;padding:20px 21px;border:1px solid var(--area-line);border-radius:16px;background:#fff;color:var(--area-ink);text-decoration:none}.area-linkcard small{display:block;margin-bottom:5px;color:var(--area-green);font-weight:900;letter-spacing:.08em}.area-linkcard strong{display:block;font-size:1.08rem}.area-linkcard span{display:block;margin-top:7px;color:var(--area-muted);font-size:.92rem}
.area-intent{display:grid;grid-template-columns:1fr 1fr;gap:18px}.area-intent-box{padding:26px;border-radius:20px;border:1px solid var(--area-line);background:#fff}.area-intent-box.official{border-color:#c8d9e8;background:#f5f9fc}.area-intent-box.guide{border-color:#b8d9d2;background:#f3fbf8}.area-intent-box h3{margin:0 0 10px;font-size:1.25rem}.area-intent-box p{margin:0}.area-intent-box ul{margin:14px 0 0;padding-left:1.3em}.area-intent-box li{margin:6px 0;color:#506763}.area-priority-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.area-priority-links a{display:block;padding:20px;border:1px solid #c8d9e8;border-radius:16px;background:#fff;color:var(--area-ink);text-decoration:none}.area-priority-links small{display:block;color:#356b90;font-weight:900;letter-spacing:.08em}.area-priority-links strong{display:block;margin-top:4px;font-size:1.08rem}.area-priority-links span{display:block;margin-top:7px;color:var(--area-muted);font-size:.92rem}.area-guard{margin-top:22px;padding:18px 20px;border:1px solid var(--area-line);border-radius:16px;background:#fff;color:var(--area-muted);font-size:.93rem}.area-guard strong{color:var(--area-ink)}
.area-faq details{margin:0 0 12px;padding:0;border:1px solid var(--area-line);border-radius:15px;background:#fff;overflow:hidden}.area-faq summary{cursor:pointer;padding:18px 20px;font-weight:800;color:var(--area-ink)}.area-faq details p{margin:0;padding:0 20px 20px;color:var(--area-muted)}.area-official-box{padding:30px;border-radius:24px;background:linear-gradient(135deg,#0b746d,#07534f);color:#fff;box-shadow:var(--area-shadow)}.area-official-box h2{margin:0 0 12px;color:#fff;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(1.6rem,3vw,2.3rem)}.area-official-box p{margin:0 0 18px;color:#edf9f6}.area-btn{margin:6px 8px 0 0;color:var(--area-green-deep)!important;background:#fff;border:1px solid rgba(255,255,255,.65)}.area-btn.secondary{color:#fff!important;background:transparent;border-color:rgba(255,255,255,.65)}
.area-reference{background:#fafcfb}.area-reference-list{margin:0;padding-left:1.3em}.area-reference-list li{margin:8px 0}.area-reference-list a{color:var(--area-green-deep);font-weight:700}.area-review{padding:28px 0 44px;background:#fff;color:var(--area-muted);font-size:.9rem}.area-review a{color:var(--area-green-deep);font-weight:700}
@media(max-width:860px){.area-grid,.area-grid.two,.area-intent,.area-links,.area-priority-links{grid-template-columns:1fr}.area-hero{padding:52px 0 45px}.area-section{padding:50px 0}}@media(max-width:640px){.area-page .area-container{width:min(calc(100% - 24px),1120px)}.area-hero h1{font-size:clamp(1.75rem,9vw,2.6rem)}.area-role,.area-card,.area-intent-box,.area-official-box{padding:20px}.area-quicklinks{display:grid}.area-quicklinks a,.area-btn{width:100%;margin-right:0}.area-section{padding:42px 0}.area-breadcrumb{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.area-page *{scroll-behavior:auto!important;transition:none!important}}

/* 2026-09-02 area pages responsive hardening */
.area-page img,
.area-page iframe,
.area-page video{
  display:block;
  max-width:100%;
  height:auto;
}

.area-grid > *,
.area-intent > *,
.area-links > *,
.area-priority-links > *,
.area-path > *,
.area-container > *{
  min-width:0;
}

.area-page a,
.area-page p,
.area-page li,
.area-page h1,
.area-page h2,
.area-page h3{
  overflow-wrap:break-word;
}

@media(max-width:640px){
  .area-breadcrumb{
    flex-wrap:wrap;
    line-height:1.6;
  }

  .area-step{
    flex-basis:100%;
    min-width:0;
  }

  .area-btn,
  .area-quicklinks a{
    white-space:normal;
    text-align:center;
  }

  .area-note,
  .area-guard,
  .area-role{
    padding-right:16px;
    padding-left:16px;
  }
}