:root{--area-navy:#06334a;--area-blue:#087f92;--area-aqua:#0cb5c9;--area-coral:#f1664b;--area-sand:#f6f3eb;--area-line:#dce5e6}.areas-page{margin:0;color:#18333d;font-family:"DM Sans","Noto Sans JP",sans-serif;background:#fff}.areas-page *{box-sizing:border-box}.areas-page a{text-decoration:none}.areas-page .site-header nav .current{color:var(--area-blue)}.areas-hero{position:relative;height:620px;background:url('/hero-okinawa.png') center 45%/cover;color:#fff}.areas-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,40,56,.78),rgba(3,45,59,.2) 62%,rgba(3,45,59,.08))}.areas-hero-inner{position:relative;max-width:1160px;margin:auto;padding:110px 30px}.areas-hero-inner>p,.areas-intro>div>p{margin:0;color:#75e4df;font-size:10px;font-weight:800;letter-spacing:.23em}.areas-hero h1{margin:18px 0;font-size:46px;line-height:1.4;letter-spacing:.04em}.areas-hero h1 em{color:#8ff1e9;font-style:normal}.areas-hero-inner>span{font-size:12px;line-height:1.9}.areas-anchor{position:absolute;left:50%;bottom:-50px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(6,1fr);width:min(1100px,90vw);min-height:100px;background:#fff;color:#18333d;box-shadow:0 16px 34px rgba(3,51,74,.18);z-index:2}.areas-anchor a{display:flex;flex-direction:column;justify-content:center;padding:15px 18px;border-right:1px solid var(--area-line)}.areas-anchor a:last-child{border-right:0}.areas-anchor a:hover{background:#eff8f7}.areas-anchor b{color:var(--area-coral);font-size:10px}.areas-anchor span{margin-top:7px;color:var(--area-navy);font-size:11px;font-weight:800}.areas-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;max-width:1100px;margin:0 auto;padding:145px 30px 90px}.areas-intro h2{margin:9px 0 0;color:var(--area-navy);font-size:31px;line-height:1.55}.areas-intro>p{margin:0;color:#6d7f85;font-size:11px;line-height:2.1}.areas-grid{max-width:1100px;margin:0 auto;padding:0 30px 110px}.area-feature{display:grid;grid-template-columns:58% 42%;min-height:420px;margin-bottom:38px;background:var(--area-sand);box-shadow:0 14px 34px rgba(3,51,74,.08)}.area-feature.reverse{grid-template-columns:42% 58%}.area-feature.reverse .area-feature-photo{grid-column:2}.area-feature.reverse .area-feature-body{grid-column:1;grid-row:1}.area-feature-photo{position:relative;overflow:hidden;min-height:420px;background:var(--area-blue)}.area-feature-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(3,38,52,.42))}.area-feature-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.area-feature:hover .area-feature-photo img{transform:scale(1.025)}.area-feature-photo span{position:absolute;z-index:2;left:24px;bottom:20px;color:#fff;font-size:34px;font-weight:500}.area-feature-body{display:flex;flex-direction:column;justify-content:center;padding:45px}.area-feature-body>p{margin:0;color:var(--area-blue);font-size:9px;font-weight:800;letter-spacing:.18em}.area-feature-body h2{margin:9px 0 5px;color:var(--area-navy);font-size:27px}.area-feature-body>b{color:#65787e;font-size:10px}.area-feature-body>span{margin:22px 0;color:#5f7379;font-size:11px;line-height:1.9}.area-feature-body nav{display:grid;gap:8px}.area-feature-body nav a{position:relative;padding:14px 38px 14px 15px;background:#fff;color:var(--area-navy);font-size:10px;font-weight:800}.area-feature-body nav a:last-child{background:var(--area-blue);color:#fff}.area-feature-body nav small{display:block;margin-bottom:3px;color:var(--area-coral);font-size:7px;letter-spacing:.12em}.area-feature-body nav a:last-child small{color:#86efeb}.area-feature-body nav i{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-style:normal}.area-feature-body nav a:hover{transform:translateX(3px)}.areas-bottom-cta{padding:90px 25px;background:var(--area-navy);color:#fff;text-align:center}.areas-bottom-cta>p{margin:0;color:#72e1df;font-size:9px;font-weight:800;letter-spacing:.2em}.areas-bottom-cta h2{margin:12px 0;font-size:28px}.areas-bottom-cta>span{color:#bdd0d5;font-size:11px}.areas-bottom-cta>div{display:flex;justify-content:center;gap:10px;margin-top:28px}.areas-bottom-cta a{padding:13px 20px;background:var(--area-coral);color:#fff;font-size:10px;font-weight:800}.areas-bottom-cta a:last-child{background:#fff;color:var(--area-navy)}@media(max-width:850px){.areas-anchor{grid-template-columns:repeat(3,1fr);bottom:-100px}.areas-anchor a:nth-child(-n+3){border-bottom:1px solid var(--area-line)}.areas-intro{padding-top:190px}.area-feature,.area-feature.reverse{grid-template-columns:1fr}.area-feature.reverse .area-feature-photo,.area-feature.reverse .area-feature-body{grid-column:1;grid-row:auto}.area-feature-photo{min-height:360px}}@media(max-width:560px){.areas-hero{height:530px}.areas-hero-inner{padding:75px 18px}.areas-hero h1{font-size:34px}.areas-anchor{grid-template-columns:repeat(2,1fr);bottom:-145px}.areas-anchor a{min-height:72px}.areas-anchor a:nth-child(-n+4){border-bottom:1px solid var(--area-line)}.areas-intro{display:block;padding:215px 18px 60px}.areas-intro h2{font-size:25px}.areas-intro>p{margin-top:20px}.areas-grid{padding:0 18px 70px}.area-feature{margin-bottom:22px}.area-feature-photo{min-height:260px}.area-feature-body{padding:30px 24px}.areas-bottom-cta h2{font-size:24px}.areas-bottom-cta>div{flex-direction:column;align-items:center}}