/* HANAWA V5 Group9: construction/update; scoped styles */
.g9-page *{box-sizing:border-box}
.g9-page{scroll-behavior:smooth}
.g9-page{margin:0;background:#fff;color:#193c50;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.85}
.g9-page a{color:#16647b}
.g9-page .shell{max-width:1120px;margin:auto;padding:0 24px}
.g9-page .previewhead{background:#fff;border-bottom:1px solid #e2e9ee}
.g9-page .top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:13px;padding-bottom:13px}
.g9-page .brand{font-size:19px;font-weight:750;color:#152e6c;line-height:1.3}
.g9-page .brand small{display:block;font-size:11px;color:#71838d;font-weight:400}
.g9-page .contact{text-align:right;font-weight:700;color:#19394d}
.g9-page .contact small{display:block;font-size:11px;font-weight:400}
.g9-page .nav{border-top:1px solid #edf0f3}
.g9-page .navin{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:9px 12px}
.g9-page .navin a{color:#19394d;text-decoration:none;font-size:13px;font-weight:650}
.g9-page .crumb{background:#f2f7fa;font-size:12px;color:#637985;padding:10px 0}
.g9-page .crumb a{text-decoration:none}
.g9-page .hero{background:#ebf3f7}
.g9-page .herogrid{display:grid;grid-template-columns:1.05fr 1fr;min-height:320px}
.g9-page .herotext{padding:36px 30px 36px 0;display:flex;flex-direction:column;justify-content:center}
.g9-page .eyebrow{color:#b18d52;font-size:12px;font-weight:750;letter-spacing:.08em}
.g9-page .hero h1{font-family:YuMincho,"Hiragino Mincho ProN",serif;color:#113850;font-size:clamp(26px,3vw,38px);line-height:1.5;margin:11px 0 15px}
.g9-page .hero p{font-size:14px;color:#3e5665;margin:0}
.g9-page .heroimg{width:100%;height:100%;min-height:280px;object-fit:cover}
.g9-page .buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.g9-page .btn{background:#fff;color:#18394c;text-decoration:none;padding:10px 18px;border:1px solid #18394c;font-weight:700;font-size:13px;border-radius:5px}
.g9-page .btn.dark{background:#163e56;color:white}
.g9-page .section{padding:36px 0}
.g9-page .section.alt{background:#f3f8fa}
.g9-page .section h2{font-family:YuMincho,"Hiragino Mincho ProN",serif;font-size:25px;color:#163b52;border-left:4px solid #b8945f;padding-left:14px;margin:0 0 19px}
.g9-page .lead{color:#465e6b;font-size:14px}
.g9-page .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.g9-page .cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.g9-page .card{border:1px solid #dce8ee;background:white;border-radius:9px;padding:22px;box-shadow:0 5px 18px #1741570a;height:100%}
.g9-page .card h3{font-size:17px;margin:0 0 10px;color:#164156}
.g9-page .card p, .g9-page .card li{font-size:14px;margin:0}
.g9-page .card ul{padding-left:20px}
.g9-page .note{background:#eff6f9;border-left:4px solid #8aacbb;padding:15px 18px;border-radius:4px;font-size:13px;margin-top:18px}
.g9-page .tablewrap{overflow-x:auto}
.g9-page .table{border-collapse:collapse;width:100%;font-size:14px;background:#fff;min-width:560px}
.g9-page .table th, .g9-page .table td{border:1px solid #d7e4e9;padding:14px;text-align:left;vertical-align:top}
.g9-page .table th{background:#e3f0f4;color:#17415a}
.g9-page .steps{counter-reset:steps}
.g9-page .steps .card h3:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);color:#148198;margin-right:12px}
.g9-page .faq details{border:1px solid #dbe6e9;border-radius:8px;margin:10px 0;background:#fff;padding:16px 20px;font-size:14px}
.g9-page .faq summary{cursor:pointer;font-weight:700;color:#193f55}
.g9-page .faq details>div{padding-top:9px;color:#3e5869}
.g9-page .related{display:flex;flex-wrap:wrap;gap:9px}
.g9-page .related a{border:1px solid #cedfe5;background:white;border-radius:5px;padding:9px 13px;text-decoration:none;font-size:13px}
.g9-page .cta{background:#e9f3f6;padding:40px 0}
.g9-page .footer{background:#17394f;color:#fff;padding:33px 0;font-size:13px}
.g9-page .footer a{color:#fff}
.g9-page .footrow{display:flex;justify-content:space-between;gap:25px}
@media (max-width:760px){.g9-page .herogrid{display:flex;flex-direction:column-reverse}
.g9-page .herotext{padding:24px 0 30px}
.g9-page .heroimg{height:240px;min-height:0}
.g9-page .cards, .g9-page .cards.two{grid-template-columns:1fr}
.g9-page .navin{gap:14px}
.g9-page .top{align-items:start}
.g9-page .contact{font-size:12px}
.g9-page .section{padding:27px 0}
.g9-page .section h2{font-size:22px}
.g9-page .footrow{display:block}}