html,body{height:100%;margin:0;padding:0}.pageWrapper{flex-direction:column;min-height:100vh;display:flex}.mainContent{flex:1}*,:before,:after{box-sizing:border-box}:root{--color-primary-500:#f39c12;--color-primary-600:#e67e22;--color-primary-100:#fffaf0;--color-gray-900:#333;--color-gray-600:#555;--color-gray-400:#777;--color-gray-200:#ddd;--color-gray-100:#eee;--color-gray-50:#f9f9f9;--color-white:#fff;--color-success:#2ecc71;--color-error:#e74c3c;--color-info:#1da1f2;--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:24px;--space-xl:32px;--space-xxl:48px;--container-sm:760px;--container-md:960px;--container-lg:1200px;--section-py:64px;--section-py-sm:56px;--section-py-lg:80px;--h2-size:clamp(22px,2.4vw,32px);--h3-size:clamp(18px,2vw,22px)}@media (max-width:480px){:root{--section-py:var(--section-py-sm)}}@media (min-width:1024px){:root{--section-py:var(--section-py-lg)}}body{color:var(--color-gray-900);background-color:var(--color-white);font-family:Noto Sans JP,sans-serif;font-size:16px;line-height:1.8}@media (min-width:1024px){body{font-size:18px}}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);font-weight:700;line-height:1.5}a{color:var(--color-primary-500);text-decoration:none}a:hover{color:var(--color-primary-600);text-decoration:underline}.section{padding-block:var(--section-py)}.container{width:100%;max-width:var(--container-lg);margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.container--md{max-width:var(--container-md)}.container--sm{max-width:var(--container-sm)}.bg-white{background:var(--color-white)}.bg-gray-50{background:var(--color-gray-50)}.bg-brand-100{background:var(--color-primary-100)}.h2{font-size:var(--h2-size);letter-spacing:.01em;color:#0f172a;margin:0 0 32px;font-weight:800}.h3{font-size:var(--h3-size);color:#111827;margin:0 0 10px;font-weight:700}:root{--tabbar-h:72px}@media (max-width:768px){body.has-tabbar .mainContent{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}body.has-tabbar .siteFooterSlot{display:none}}
.Header-module__onPCRq__header{z-index:1100;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px;display:flex;position:-webkit-sticky;position:sticky;top:0}.Header-module__onPCRq__left{align-items:center;gap:20px;display:flex}.Header-module__onPCRq__logoWrapper{align-items:center;text-decoration:none;display:flex}.Header-module__onPCRq__logoImage{width:auto;height:20px;display:block}@media (min-width:768px){.Header-module__onPCRq__logoImage{height:30px}}.Header-module__onPCRq__nav{align-items:center;gap:24px;display:flex}.Header-module__onPCRq__navLink{color:#333;align-items:center;font-weight:500;line-height:1;text-decoration:none;transition:color .2s;display:inline-flex}.Header-module__onPCRq__navLink:hover{color:#f39c12}.Header-module__onPCRq__right{align-items:center;gap:16px;display:flex}.Header-module__onPCRq__bellBtn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:background-color .2s}.Header-module__onPCRq__bellBtn:hover{background-color:#f6f6f6}.Header-module__onPCRq__bellIcon{fill:#555;width:22px;height:22px;display:block}.Header-module__onPCRq__avatarWrapper{cursor:pointer;outline:none;align-items:center;display:inline-flex;position:relative}.Header-module__onPCRq__avatar{object-fit:cover;border-radius:50%}.Header-module__onPCRq__dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;width:160px;padding:10px;display:none;position:absolute;top:40px;right:0;box-shadow:0 4px 8px rgba(0,0,0,.08)}.Header-module__onPCRq__userName{margin:0;font-weight:600}.Header-module__onPCRq__userLevel{color:#666;margin:4px 0 0;font-size:14px}.Header-module__onPCRq__authButtons{align-items:center;gap:12px;display:flex}.Header-module__onPCRq__bottomNav{z-index:1000;background:#fff;border-top:1px solid #ddd;justify-content:space-around;width:100%;padding:10px 0;display:flex;position:fixed;bottom:0;left:0}.Header-module__onPCRq__bottomNavItem{text-align:center;color:#333;flex:1;font-size:14px;font-weight:500;text-decoration:none}.Header-module__onPCRq__bottomNavItem:hover{color:#f39c12}.Header-module__onPCRq__desktopOnly{display:none}.Header-module__onPCRq__mobileOnly{display:flex}@media (min-width:768px){.Header-module__onPCRq__desktopOnly{display:flex}.Header-module__onPCRq__mobileOnly{display:none}}@media (max-width:390px){.Header-module__onPCRq__header{padding:10px}.Header-module__onPCRq__logoImage{height:18px}.Header-module__onPCRq__authButtons{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.Header-module__onPCRq__authButtons a{white-space:nowrap}.Header-module__onPCRq__authButtons button{white-space:nowrap}.Header-module__onPCRq__authButtons button{padding:6px 10px;font-size:12px;line-height:1.1}}