.page-index__hero-section{padding-top:0;margin-top:0;width:100%;overflow:hidden}.page-index__hero-link{display:block}.page-index__hero-image{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:17/5}.


:root{--primary:#017439;--background:#FFFFFF;--accent:#C30808;--cta:#0477db;--text:#333;--text-light:#666}.page-index{color:var(--text)}
.page-index__logo-grid-section{max-width:1200px;margin:16px auto 32px;padding:0 16px}
.page-index__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center}
.page-index__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;background:#fff;border:1px solid #eee;border-radius:12px;padding:16px 8px 12px;transition:transform .4s ease, box-shadow .4s ease}
.page-index__logo-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.page-index__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;margin:0 0 8px;padding:0 6px;display:block}
.page-index__logo-cta{display:inline-block;padding:12px 24px;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 4px 14px rgba(1,116,57,.35);transition:background .3s, transform .2s;max-width:90%;text-align:center}
.page-index__logo-cta:hover{background:#00522b;transform:scale(1.04)}
.page-index__logo-item:nth-child(5){grid-column:2}
.page-index__logo-item:nth-child(6){grid-column:3}
.page-index__guide-section{background:#fff}
.page-index__guide-inner{max-width:960px;margin:0 auto;padding:16px 16px 64px}
.page-index__guide-title{text-align:center;line-height:1.4;font-weight:700;color:#0477db;margin:12px 0 24px;max-width:800px;margin-left:auto;margin-right:auto}
.page-index__guide-inner p,.page-index__guide-inner li{font-size:1rem;line-height:1.8;color:#333}
.page-index__guide-inner h2{border-left:6px solid var(--primary);padding-left:12px;margin-top:40px;margin-bottom:18px;font-size:2rem;color:#0477db}
.page-index__guide-inner h3{margin-top:24px;color:#333;font-size:1.4rem}
.page-index__guide-inner ul,.page-index__guide-inner ol{margin:16px 0;padding-left:32px}
.page-index__guide-inner li{margin-bottom:12px}
.page-index__guide-figure{background:#fff;margin:24px auto;text-align:center;max-width:800px;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.page-index__guide-figure img{display:block;max-width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.page-index__guide-figure figcaption{font-size:1rem;color:#666;padding:12px 8px;font-style:italic;text-align:center}
.page-index__guide-inner a{color:var(--cta);text-decoration:underline;font-weight:500}
.page-index__guide-inner a:hover{color:var(--primary)}
.page-index__logo-grid-section{background:#f9f9f9}
.page-index__logo-grid{padding-top:24px;padding-bottom:24px}
@media (max-width:1024px){.page-index__guide-title{font-size:2rem}.page-index__guide-figure{margin-left:auto;margin-right:auto}}
@media (max-width:768px){.page-content.page-index{padding-top:0}.page-index__hero-image{aspect-ratio:16/7}.page-index__logo-grid{grid-template-columns:repeat(2,1fr);gap:14px}.page-index__logo-item{max-width:180px;padding:10px 6px}.page-index__logo-item:nth-child(n){grid-column:auto}.page-index__logo-cta{width:100%;box-sizing:border-box;padding:8px 12px;font-size:.85rem;white-space:normal;word-break:break-word}.page-index__logo-image{aspect-ratio:2/1}.page-index__guide-title{font-size:1.6rem}.page-index__guide-figure{max-width:100%;width:100%;max-width:100%}.page-index img{max-width:100%;height:auto}}
@media (max-width:480px){.page-index__logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-index__logo-item{max-width:155px}.page-index__guide-title{font-size:1.3rem}.page-index__logo-grid-section{padding:0 8px}}