.g8-page * {box-sizing:border-box}
.g8-page {scroll-behavior:smooth}
.g8-page {margin:0;color:#153449;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.85;background:#fff}
.g8-page a {color:#176a86}
.g8-page .shell {max-width:1120px;margin:auto;padding:0 24px}
.g8-page .previewhead {border-bottom:1px solid #e2e9ed;background:white}
.g8-page .top {display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:16px}
.g8-page .brand {font-size:20px;font-weight:750;color:#182e74;line-height:1.3}
.g8-page .brand small {display:block;font-size:11px;color:#678090;font-weight:400;margin-top:4px}
.g8-page .contact {font-size:15px;font-weight:700;text-align:right}
.g8-page .contact small {display:block;font-size:11px;font-weight:400}
.g8-page .nav {border-top:1px solid #eef1f3}
.g8-page .navin {display:flex;gap:36px;justify-content:center;flex-wrap:wrap;padding:10px}
.g8-page .nav a {text-decoration:none;color:#193449;font-size:13px;font-weight:650}
.g8-page .crumb {background:#f3f9fa;color:#718994;font-size:12px;padding:12px 0}
.g8-page .crumb a {text-decoration:none}
.g8-page .hero {background:#edf4f7}
.g8-page .herogrid {display:grid;grid-template-columns:1.05fr 1fr;min-height:335px;align-items:stretch}
.g8-page .herotext {padding:48px 44px 44px 0;display:flex;flex-direction:column;justify-content:center}
.g8-page .eyebrow {font-size:12px;letter-spacing:.09em;color:#b88749;font-weight:700}
.g8-page .hero h1 {font-family:YuMincho,"Hiragino Mincho ProN",serif;font-size:clamp(26px,3.5vw,40px);line-height:1.45;letter-spacing:.04em;color:#0c3851;margin:12px 0 18px}
.g8-page .hero p {font-size:14px;max-width:490px}
.g8-page .heroimg {width:100%;height:100%;min-height:300px;object-fit:cover}
.g8-page .buttons {display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.g8-page .btn {padding:10px 18px;text-decoration:none;font-size:13px;font-weight:700;border:1px solid #15394c;color:#15394c;background:white}
.g8-page .btn.dark {background:#15394c;color:white}
.g8-page .intro {padding:44px 0 14px}
.g8-page .section {padding:28px 0}
.g8-page .section h2 {font-family:YuMincho,"Hiragino Mincho ProN",serif;font-size:25px;line-height:1.5;border-left:4px solid #bc924f;padding-left:14px;color:#15374c;margin:0 0 16px}
.g8-page .section>p, .g8-page .lead {font-size:14px;color:#456071}
.g8-page .cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.g8-page .cards.two {grid-template-columns:repeat(2,minmax(0,1fr))}
.g8-page .card {border:1px solid #dce8ed;border-radius:8px;background:white;padding:22px;box-shadow:0 4px 16px #183b500b;min-height:100%}
.g8-page .card h3 {font-size:16px;color:#0e3951;margin:0 0 9px}
.g8-page .card p, .g8-page .card li {font-size:13px;margin:0}
.g8-page .card ul {padding-left:20px;margin:8px 0}
.g8-page .number {display:inline-flex;color:#0e8094;font-weight:800;margin-right:8px}
.g8-page .soft {background:#f1f6f9;padding:26px;border-radius:10px}
.g8-page .soft .card {box-shadow:none}
.g8-page .tablewrap {overflow-x:auto}
.g8-page .table {border-collapse:collapse;width:100%;font-size:13px;min-width:670px}
.g8-page .table th, .g8-page .table td {padding:14px 15px;text-align:left;border:1px solid #dae5ea;vertical-align:top}
.g8-page .table th {background:#eaf2f6;color:#18394d}
.g8-page .notice {background:#fdf7ed;border-left:3px solid #c39150;padding:15px 20px;font-size:13px;margin-top:16px}
.g8-page .related {display:flex;gap:10px;flex-wrap:wrap}
.g8-page .related a {background:#f0f6f8;border:1px solid #dae9ee;border-radius:6px;padding:10px 15px;text-decoration:none;font-size:13px}
.g8-page .cta {background:#ebf3f7;border-radius:10px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.g8-page .cta p {margin:0;font-size:13px}
.g8-page .cta h2 {margin-bottom:7px}
.g8-page .previewfooter {margin-top:55px;background:#075362;color:white;padding:32px 0;text-align:center}
.g8-page .previewfooter small {font-size:11px;color:#d3e7ed}
.g8-page .note {font-size:11px;color:#637983}
.g8-page .gutter {height:22px}
@media (max-width:760px){.g8-page .top {padding:12px 18px}
.g8-page .brand {font-size:15px}
.g8-page .contact {font-size:12px}
.g8-page .navin {gap:14px}
.g8-page .herogrid {grid-template-columns:1fr}
.g8-page .heroimg {order:-1;max-height:220px;min-height:180px}
.g8-page .herotext {padding:27px 20px 32px}
.g8-page .cards, .g8-page .cards.two {grid-template-columns:1fr}
.g8-page .cta {flex-direction:column;align-items:flex-start}
.g8-page .section h2 {font-size:22px}}
.g8-page{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#153449;line-height:1.85;background:white;}
.g8-page,.g8-page *{box-sizing:border-box;}
.g8-page .hero{position:relative;overflow:visible;}