:root{--blue:#0068b7;--deep:#004c96;--green:#72c900;--yellow:#ffd84d;--red:#d71920;--ink:#20252a;--pale:#eef8fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;background:#fff}img{max-width:100%;height:auto}.desktop-art{display:block;width:min(100%,1440px);margin:auto}.mobile-page{display:none}.site-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:3px solid var(--blue);background:#fff}.brand{font-size:22px;font-weight:300;letter-spacing:.02em}.brand b{font-weight:800}.brand i{font-style:normal;color:var(--red)}.home{color:var(--blue);font-weight:700;text-decoration:none;padding:9px 12px}.mobile-main{padding:0 16px 96px}.photo{min-height:210px;margin:0 -16px 22px;background-size:cover;background-position:center}.photo.top{background-image:url('assets/top.jpg');background-position:72% 15%}.photo.consult{background-image:url('assets/middle-1.jpg');background-position:73% center}.eyebrow{color:var(--blue);font-weight:700}.mobile-main h1{font-size:30px;line-height:1.35;margin:22px 0 14px;font-weight:600}.mobile-main h2{font-size:24px;line-height:1.4;margin:30px 0 14px;padding-top:14px;border-top:5px solid var(--blue)}.mobile-main p,.mobile-main li{font-size:17px;line-height:1.8}.cta{display:block;margin:14px 0;padding:16px 18px;text-align:center;text-decoration:none;color:#111;background:var(--yellow);border-radius:8px;font-size:19px;font-weight:800}.cta.green{background:var(--green)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.menu-grid a{display:flex;min-height:86px;align-items:center;justify-content:center;padding:14px;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--blue),var(--deep));border-radius:10px;font-size:17px;font-weight:700;line-height:1.5}.card{margin:14px 0;padding:18px;border:1px solid #cfe1e9;border-left:6px solid var(--blue);border-radius:8px;background:#fff;box-shadow:0 3px 12px #174c6c16}.card h3{margin:0 0 8px;font-size:20px}.bubble{color:#fff;background:var(--blue);border-radius:22px;padding:20px;text-align:center;font-weight:700;font-size:19px;line-height:1.6}.step{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start}.step strong{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:var(--red);color:#fff;font-size:21px}.voice small{display:block;color:#31556a;margin-bottom:7px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data{width:100%;border-collapse:collapse;font-size:15px}.data th,.data td{border:1px solid #b8d3de;padding:12px 10px;text-align:left}.data th{background:#e4f3fa;color:#164b63}.fixed-apply{position:fixed;z-index:100;left:10px;right:10px;bottom:10px;display:block;padding:14px;text-align:center;text-decoration:none;color:#111;background:var(--yellow);border-radius:8px;font-size:18px;font-weight:800;box-shadow:0 5px 18px #0004}
.desktop-art-wrap{position:relative;width:min(100%,1440px);margin:auto}.desktop-art-wrap .desktop-art{width:100%}.desktop-hot{position:absolute;display:block;z-index:5}.about-apply{left:43.5%;top:73%;width:27%;height:8%}.about-diagnosis{left:43.5%;top:84%;width:27%;height:8%}
@media(max-width:700px){.desktop-art,.desktop-art-wrap,.desktop-only,.desktop-site{display:none!important}.mobile-page{display:block}.mobile-main{display:block}.fixed-apply{display:block}}
@media(min-width:701px){.fixed-apply{display:none}}
.site-head{padding:10px 18px}.brand-logo{display:block;width:230px;max-width:68vw;height:auto}.top-head,.sub-head{justify-content:center}.top-head .brand-logo{max-width:82vw}.sub-head{position:relative}.sub-head .brand-logo{width:210px;max-width:60vw}.sub-head .home{position:absolute;right:12px}
.page-nav{display:grid;grid-template-columns:1fr;gap:9px;margin:34px 0 8px;padding-top:20px;border-top:2px solid #d7e8f0}.page-nav a{display:flex;min-height:52px;align-items:center;justify-content:center;padding:11px 14px;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--blue),var(--deep));border-radius:8px;font-size:17px;font-weight:700}.page-nav a.apply{color:#111;background:var(--yellow)}

/* Money Harbor mobile brand blue, 2026-10-27 */
@media(max-width:700px){.mobile-page{--blue:#0037c0;--deep:#0037c0}.mobile-page .menu-grid a,.mobile-page .page-nav a:not(.apply){background:#0037c0}}

/* Mobile top logo correction, 2026-10-27 */
@media(max-width:700px){.mobile-page .photo.top{background-image:url("assets/top-1026.png");background-position:72% 15%}.mobile-page .top-head .brand-logo{width:276px;max-width:82vw}}

@media(max-width:700px){.mobile-page .top-head .brand-logo{width:358.8px;max-width:100%;height:auto}}

@media(max-width:700px){.mobile-page .mobile-main:has(.mobile-approved-art){padding-left:0;padding-right:0}.mobile-approved-art{display:block;width:100%;height:auto}.mobile-main>.cta,.mobile-main>.menu-grid,.mobile-main>.page-nav{margin-left:16px;margin-right:16px}}

@media(max-width:700px){.mobile-approved-art{max-width:100%;object-fit:contain}}

/* Mobile logo caption; original logo width is retained. */
@media(max-width:700px){
 .brand-lockup{position:relative;flex:0 1 auto;min-width:0;padding-top:20px}
 .brand-caption{position:absolute;top:0;right:0;width:43%;text-align:center;white-space:nowrap;font-size:12px;line-height:18px;font-weight:500;color:#20252a;letter-spacing:0}
 .top-head .brand-lockup{max-width:100%}
 .sub-head .brand-lockup{max-width:60vw}
 .brand-lockup .brand-logo{max-width:100%}
}

/* Caption is included in the supplied logo PDF. */
@media(max-width:700px){.brand-lockup{padding-top:0}}