@charset "utf-8";
@layer base, font, low, main, high;
@layer low { .center-a03aad76 { box-sizing: border-box; margin-inline: auto; max-inline-size: 1200px; } }
@layer low { .center-gutters-2b9580f6 { padding-inline: 1rem; } }
@layer main { .cirro-15a34940 { background: linear-gradient(180deg, #f8fafc 0%, #fdfefe 100%); border-radius: 16px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05); transition: all 0.25s ease-in-out; } }
@layer main { .cirro-ebbd95e8:hover { box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15); transform: translateY(-2px); } }
@layer low { .box-fe3c08b6 { box-sizing: border-box; padding: 1rem; } }
@layer main { .cirro-df04578c { font-size: 1.125rem; font-weight: bold; color: #475569; } }
@layer main { .cirro-ae3cf02f { display: inline-flex; gap: 0.25rem; flex-wrap: wrap; } }
@layer main { .cirro-84493ba6 > li { font-size: 0.875rem; font-weight: bold; color: #0284c7; border-radius: 32px; border: 2px solid #bae6fd; background-color: #f0f9ff; padding-inline: 1.5rem; padding-block: 2px; } }
@layer base { *, *:before, *:after { margin: 0; padding: 0; border: 0; box-sizing: border-box; font: inherit; color: inherit; } }
@layer base { a { color: inherit; text-decoration: inherit; } }
@layer base { img, video, canvas, svg { display: block; max-width: 100%; height: auto; } }
@layer base { button { cursor: pointer; } }
@layer base { :root { font-size: 16px; line-height: 1.6; font-family: Helvetica Neue Arial Hiragino Kaku Gothic ProN Hiragino Sans Noto Sans JP Meiryo sans-serif; } }
@layer base { body { background: #f8fafc; color: #475569; } }
@layer base { ul, ol, menu { list-style-type: none; } }
@layer main { .cirro-7a2f3af3 { padding-block: 74px; } }
@layer main { .cirro-b80ba522 { font-size: 1.25rem; font-weight: bold; font-style: normal; line-height: 1.0; } }
@layer main { .cirro-56d8375 { font-size: 0.875rem; color: #64748b; } }
@layer main { @media (min-width: 900px) { .cirro-c070fc92 { display: none; } } }
@layer main { @media (max-width: 899px) { .cirro-113a4a91 { background: transparent; } } }
@layer main { .cirro-5a872962 { background: #fdfefe; } }
@layer main { .both-end-af6724fd { display: flex; justify-content: space-between; } }
@layer main { .topbar-2b69210f { position: fixed; left: 0; right: 0; top: 0; z-index: 6; } }
@layer main { .cirro-6ed6b9c { width: 2rem; min-width: 2rem; } }
@layer main { @media (min-width: 900px) { .cirro-ef02c8b9 { align-items: center; } } }
@layer main { @media (max-width: 899px) { .cirro-24a5985 { display: none; } } }
@layer low { .cluster-c94a9ff7 { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start; align-items: center; } }
@layer main { .cirro-37688cd6 { border-radius: 12px; background: #f1f5f9; border: 2px solid rgba(from #475569 r g b / 0.4); } }
@layer low { .box-a25aaf9f { box-sizing: border-box; padding: 0.25rem 1rem; } }
@layer main { .cirro-3408c43f { background: #f1f5f9; font-size: 1.5rem; z-index: 6; } }
@layer main { .cirro-f16b0caf { border-radius: 12px; } }
@layer main { .cirro-a1744bf5:hover { background: rgba(from #3b82f6 r g b / 0.1); } }
@layer low { .box-634a8bc8 { box-sizing: border-box; padding: 0 3rem; } }
@layer low { .box-97c5f0b { box-sizing: border-box; padding: 1.25rem; } }
@layer main { .cirro-2c844b71 { background: transparent; } }
@layer main { @media (max-width: 899px) { .cirro-42ea15f5 { width: 100%; } } }
@layer main { .slider-bd01ffb0 { position: fixed; top: 0; right: 0; width: 75%; height: 100%; z-index: 6; transition: all 0.3s ease allow-discrete; transform: translateX(140%); } }
@layer main { .slider-bb16a747.open { transform: translateX(0%); } }
@layer low { .box-b2d8d306 { box-sizing: border-box; padding: calc(1rem / 2); 0; } }
@layer low { .stack-6e8ad152 { display: flex; flex-direction: column; gap: 0; } }
@layer main { .stack-separator-64ab9210 > * + * { border-top: 1px solid rgba(from #64748b r g b / 0.5); } }
@layer low { .stack-d2eea637 { display: flex; flex-direction: column; gap: 1rem; } }
@layer main { @media (max-width: 899px) { .cirro-ca0d47f6 { border-radius: 12px; background: #f1f5f9; border: 2px solid rgba(from #475569 r g b / 0.4); } } }
@layer low { .box-6a6a036d { box-sizing: border-box; padding: 1rem 3rem; } }
@layer main { .cirro-cfff198f { border-radius: 12px; background: #fdfefe; border: 3px solid rgba(from #3b82f6 r g b / 1.0); padding: 1rem; align-items: center; } }
@layer main { .cirro-243d10d3 { display: flex; flex-direction: column; padding: 1rem; gap: 1rem; background: linear-gradient(180deg, #f8fafc 0%, #fdfefe 100%); border-radius: 16px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05); transition: all 0.25s ease-in-out; } }
@layer main { .cirro-d6e70987 { font-size: 1.25rem; font-weight: bold; } }
@layer main { .cirro-2b738c89 { font-weight: bold; color: #3b82f6; } }
@layer main { .cirro-d3d32c66 { font-size: 2rem; } }
@layer main { .cirro-f2e3a13b { flex-grow: 1; outline: none; } }
@layer main { .cirro-713de390 { flex-grow: 1; overflow-y: auto; } }
@layer main { @media (min-width: 900px) { .popover-pc-c66ee85b { opacity: 0; pointer-events: none; transition: all 0.3s ease allow-discrete; } } }
@layer main { @media (min-width: 900px) { .popover-pc-bb913697.show { opacity: 1; pointer-events: unset; } } }
@layer main { @media (max-width: 899px) { .popover-ph-e21994d { transform: translateY(-140%); transition: all 0.3s ease allow-discrete; } } }
@layer main { @media (max-width: 899px) { .popover-ph-33695797.show { transform: translateY(0%); } } }
@layer main { @media (min-width: 900px) { .popover-backdrop-c3633420.show { background: unset; backdrop-filter: blur(4px);; } } }
@layer main { .cover-all-428945c { position: fixed; inset: 0; z-index: 8; } }
@layer main { .popover-content-5a872962 { background: #fdfefe; } }
@layer main { @media (min-width: 900px) { .cover-all-a19b0685 { position: fixed; inset: 3rem 1rem; z-index: 8; } } }
@layer main { @media (max-width: 899px) { .cover-all-db451b7c { position: fixed; inset: 0; z-index: 8; } } }
@layer main { .cirro-54cfdf23 { color: #475569; padding-inline: 1rem; padding-block: 3rem; } }
@layer main { .cirro-27425ac7 { font-size: 2.7rem; line-height: 1.1; font-weight: bold; font-style: normal; max-width: 540px; color: #64748b; } }
@layer main { .cirro-5538e00a { font-size: 1.125rem; margin-block: 0.25rem; } }
@layer main { .cirro-42779579 { font-size: 0.875rem; margin-block-end: 3rem; } }
@layer main { .cirro-d95a01b3 { background: #f1f5f9; } }
@layer low { .sidebar-2cd7e6fc { display: flex; flex-wrap: wrap; gap: 1rem; } }
@layer low { .sidebar-side-ceef0a47 { flex-grow: 1; flex-basis: 40ch; } }
@layer low { .sidebar-content-32aa121d { flex-grow: 999; flex-basis: 0; min-inline-size: 60ch; } }
@layer main { .cirro-96ae04d5 { font-size: 1.5rem; font-weight: bold; line-height: 1.3; color: #0f172a; margin-block: 0.25rem; } }
@layer main { .cirro-d6e81156 { font-size: 0.875rem; } }
@layer main { .cirro-458c6d3d { color: #64748b; font-weight: bold; } }
@layer main { .cirro-f8980341 { font-size: 0.875rem; margin-block: 1rem; } }
@layer main { .cirro-317c6829 { color: #3b82f6; font-weight: bold; } }
@layer main { .cirro-498eb974 { display: inline; } }
@layer main { .cirro-1e8edbad { color: #64748b; background: #f1f5f9; margin-block-start: 1.5rem; } }
@layer low { .box-ddd676b5 { box-sizing: border-box; padding: 3rem 1rem; } }
@layer low { .box-e29b5728 { box-sizing: border-box; padding: 0 0.5rem; } }
@layer low { .box-d0b439c6 { box-sizing: border-box; padding: 0 calc(1rem / 2);; } }
@layer low { .cluster-cf6b7b72 { display: flex; flex-wrap: wrap; gap: 0; justify-content: flex-start; align-items: center; } }
@layer main { .cluster-separator-300144c9 > * + * { border-inline-start: 1px solid rgba(from #64748b r g b / 0.5); } }