@charset "UTF-8";
.inner-page { min-height: 100vh; background: var(--paper); }
.inner-header { position: sticky; top: 0; z-index: 20; background: rgba(251,250,246,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.inner-bar { display: flex; align-items: center; justify-content: space-between; min-height: 78px; gap: 28px; }
.inner-nav { display: flex; align-items: center; gap: 22px; margin-left: auto; font-size: 13px; font-weight: 800; }
.inner-nav a { color: var(--ink-soft); }.inner-nav a:hover, .inner-nav a.active { color: var(--teal); }
.inner-home { display: inline-flex; align-items: center; gap: 7px; padding: 9px 13px; color: #fff; background: var(--teal); border-radius: 99px; font-size: 11px; font-weight: 800; }
.inner-hero { padding: 68px 0 62px; background: var(--mint); }.inner-hero .section-kicker { margin-bottom: 10px; }.inner-hero h1 { margin: 0; font-size: clamp(36px, 5vw, 61px); letter-spacing: -.09em; line-height: 1.12; }.inner-hero h1 em { color: var(--coral); font-style: normal; }.inner-hero p:last-child { max-width: 620px; margin: 18px 0 0; color: var(--ink-soft); font-size: 15px; line-height: 1.75; }
.inner-main { padding: 63px 0 100px; }.inner-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }.inner-card { display: block; padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 19px; box-shadow: 0 10px 28px rgba(31,76,68,.05); }.inner-card:hover { border-color: var(--teal); transform: translateY(-3px); }.inner-card h2, .inner-card h3 { margin: 0; font-size: 19px; letter-spacing: -.07em; }.inner-card p { margin: 10px 0 0; color: var(--ink-soft); font-size: 13px; line-height: 1.7; }.inner-card .card-link { display: inline-flex; gap: 6px; align-items: center; margin-top: 18px; color: var(--teal); font-size: 11px; font-weight: 800; }
.inner-list { display: grid; gap: 13px; }.inner-item { display: grid; grid-template-columns: 92px minmax(0,1fr) 72px; align-items: center; gap: 16px; padding: 19px 22px; background: #fff; border: 1px solid var(--line); border-radius: 14px; }.inner-item:hover { border-color: var(--teal); }.inner-item .item-tag { display: inline-grid; place-items: center; width: 58px; padding: 5px 0; color: var(--teal); background: var(--mint); border-radius: 6px; font-size: 10px; font-weight: 800; }.inner-item h2 { margin: 0; font-size: 15px; letter-spacing: -.05em; }.inner-item p { margin: 5px 0 0; color: var(--ink-soft); font-size: 12px; }.inner-item time { color: var(--muted); font-family: Georgia, serif; font-size: 10px; text-align: right; }
.content-title { display: flex; align-items: end; justify-content: space-between; margin-bottom: 22px; }.content-title h2 { margin: 0; font-size: 28px; letter-spacing: -.08em; }.content-title p { margin: 0; color: var(--muted); font-size: 12px; }.anchor-space { scroll-margin-top: 100px; }
.notice-box { margin-top: 29px; padding: 24px; color: var(--ink); background: var(--yellow); border-radius: 17px; }.notice-box strong { display: block; font-size: 14px; }.notice-box p { margin: 7px 0 0; color: var(--ink-soft); font-size: 12px; }
.page-table { width: 100%; margin-top: 17px; border-collapse: collapse; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 15px; font-size: 13px; }.page-table th, .page-table td { padding: 15px 17px; border-bottom: 1px solid var(--line); text-align: left; }.page-table th { color: var(--teal); background: var(--mint); font-size: 11px; }.page-table tr:last-child td { border-bottom: 0; }
.inner-footer { color: #b4d0c7; background: #0d3836; }.inner-footer .footer-top { min-height: 100px; }.inner-footer .brand { color: #fff; }.inner-footer .brand-logo { width: 42px; height: 42px; }.inner-footer .brand-copy small { color: #89aaa2; }.inner-footer .footer-bottom { display: flex; justify-content: space-between; padding: 18px 0 25px; border-top: 1px solid rgba(255,255,255,.13); color: #73978d; font-size: 10px; }.inner-footer .footer-bottom p { margin: 0; }
@media (max-width: 760px) { .inner-bar { min-height: 70px; }.inner-nav { display: none; }.inner-home { margin-left: auto; }.inner-hero { padding: 50px 0 45px; }.inner-main { padding: 43px 0 72px; }.inner-grid { grid-template-columns: 1fr; }.inner-item { grid-template-columns: 64px minmax(0,1fr); gap: 11px; padding: 16px; }.inner-item time { display: none; }.inner-item h2 { font-size: 13px; }.inner-footer .footer-top { min-height: 90px; }.inner-footer .footer-bottom { display: block; }.inner-footer .footer-bottom p + p { margin-top: 6px; } }